نحوه راه اندازی گوشی های هوشمند و رایانه های شخصی پرتال اطلاعاتی

نحوه مشاهده کد منبع صفحه برای مبتدیان جالب خواهد بود

25.04.2019 تلویزیون (تلویزیون هوشمند)

البته در برخی سایت ها دیده اید که دکمه سمت راست ماوس مجاز نیست. این ویژگی در درجه اول با کسانی که می خواهند محتوای شما را بدزدند مبارزه می کند. این اقدام شما را به طور کامل در برابر سرقت محافظت نمی کند، بلکه کاملاً از کپی دستی محافظت می کند. گزینه های دیگر.
اگر مطالبی را که قرار است در وبلاگ خود کپی شوند ارسال می کنید، غیرفعال کردن دکمه سمت راست ماوس را توصیه نمی کنم. اینها می توانند کدها، اسکریپت ها، دستور العمل ها، مواد مرجع و موارد دیگر باشند. بدون کپی برداری در این حالت بازدیدکنندگان را از شما دور می کند و وبلاگ شما کمتر برای بازدیدکنندگان مفید می شود. اگر محافظت در برابر سرقت ادبی برای شما مهم است، بهتر است از افزودن آدرس اینترنتی خود در انتهای کپی استفاده کنید. سپس مطمئن خواهید شد که اگر کسی بخواهد در جای دیگری در اینترنت منتشر کند که از شما کپی شده است، احتمال اینکه کپی پیست پیوندی به وبلاگ شما به اشتراک بگذارد بیشتر است.
این دستور غذا برای هر وب سایتی کار می کند. شما فقط باید کد را در تمام صفحات وبلاگ خود قرار دهید:

V وبلاگ نویسکد را به ابزار HTML / Javascript در تب Design اضافه کنید. اگر از یکی از جدیدترین تم ها در وبلاگ خود استفاده می کنید (Emporio، Contempo، Soho، Notable)، پس فراموش نکنید که قابلیت مشاهده ویجت را فعال کنید (چک در کنار «قابل مشاهده برای همه»، «نمایش ویجت» HTML / JavaScript ””).
در وردپرسکد را به ویجت Text اضافه کنید.

نویسنده: ایوانووا ناتالیا

2019-03-03

تعطیلات نزدیک است - روز جهانی زن. بیایید از قبل برای آن آماده شویم. در اصل می توانید با استفاده از خدمات کارت پستال به دختران و زنان تبریک بگویید که در زیر مورد بحث قرار خواهد گرفت.

شما می توانید از همان خدماتی که ما استفاده کردیم استفاده کنید.

خدمات کارت پستال آماده

کارت پستال 8 مارس را به صورت آنلاین ایجاد کنید

از خدمات زیر برای ایجاد کارت پستال به صورت مجازی از ابتدا استفاده کنید.

  1. Canva یک ویرایشگر عکس کاربردی شناخته شده است. در اینجا الگوهای زیادی پیدا خواهید کرد. ثبت نام الزامی است.
  2. چاپ کلیک کنید اگر کسب و کار خود را دارید، می توانید یک دسته کارت پستال با آرم و مخاطبین شرکت خود سفارش دهید. می توانید از مولد کارت پستال princlick استفاده کنید. تبلیغات عالی و ارزان.
  3. Crello ویرایشگری است که نیاز به ثبت نام دارد. از زبان انگلیسی نترسید، می توانید در تنظیمات به روسی تغییر دهید.
  4. یک کارت پستال آنلاین برای کسانی است که تخیل خوبی دارند، زیرا باید از ابتدا یک کارت پستال ایجاد کنید.
  5. Mumotiki - یک تصویر زیبا تهیه کنید و می توانید متن تبریک را در اینجا اضافه کنید. به هر حال، اگر فقط نیاز به اضافه کردن متن به تصویر دارید، می توانید با آن آشنا شوید.

امیدوارم با استفاده از یکی از این ژنراتورها بتوانید به اندازه کافی هشتم مارس را به بانوان خود تبریک بگویید!

نویسنده: ایوانووا ناتالیا

2019-02-17

محتوای مقاله:

گوگل پلاس در حال خاموش شدن است

پلتفرم گوگل پلاس انتظارات توسعه دهندگان را برآورده نکرد و در تاریخ 2 آوریل 2019 به طور کامل حذف خواهد شد. همراه با آن، آلبوم‌های مرتبط با آن در Google Photos ناپدید می‌شوند، مجوز در سایت‌های دارای حساب Google Plus غیرقابل دسترسی خواهد بود. از 4 فوریه، عملکرد ایجاد نمایه‌ها، کانال‌ها و صفحات گوگل پلاس در دسترس نیست. اگر محتوای ارزشمندی در حساب خود ذخیره کرده اید، می توانید یک نسخه پشتیبان دانلود کنید.
اکثر تغییرات بر وبلاگ نویسانی که در بلاگ اسپات وبلاگ می نویسند تأثیر می گذارد. برخی از ویجت‌های G +، نظرات + G و نمایه +Google دیگر در دسترس نخواهند بود. این در اعلان در قسمت مدیریت بلاگر آمده است:
پس از اعلام این که Google+ API در مارس 2019 متوقف خواهد شد، تعدادی تغییرات در ادغام Google+ Blogger در 4 فوریه اعمال خواهد شد.
ویجت های +Googleطرح‌های وبلاگ دیگر از ویجت‌های دکمه 1+، دنبال‌کنندگان Google+ و نماد Google+ پشتیبانی نمی‌کنند. همه نمونه‌های این ویجت‌ها از وبلاگ شما حذف خواهند شد.
دکمه های +1دکمه‌های +1 و G + و پیوندهای ارسال به +Google در زیر پست‌های وبلاگ و در نوار پیمایش حذف خواهند شد.
لطفاً توجه داشته باشید که اگر از یک الگوی سفارشی استفاده می‌کنید که دارای ویژگی‌های +Google است، ممکن است نیاز به تغییر داشته باشد. برای راهنمایی با شخصی که این الگو را در اختیار شما قرار داده است تماس بگیرید.
نظرات +Google.پشتیبانی از نظرات با استفاده از +Google متوقف می شود و نظرات پیش فرض Blogger برای همه وبلاگ هایی که از این ویژگی استفاده می کنند بازیابی می شود. متأسفانه، نظرات ارسال شده از طریق +Google نمی توانند به Blogger منتقل شوند، بنابراین دیگر در وبلاگ شما ظاهر نمی شوند.

حذف نظرات گوگل پلاس

متأسفانه نظراتی که در سامانه منتشر شده اند به صورت غیر قابل برگشت حذف خواهند شد. شما فقط می توانید از همان ابزار استفاده کنید https://takeout.google.comبه Google + نظرات پشتیبان در رایانه خود بگویید. فقط یک بوت لودر برای آن ارائه نشده است و می توانید نظرات را فقط به صورت دستی و به روشی نسبتاً کج بازیابی کنید. چه خوب که به موقع به موقع می رسم.

نحوه جایگزینی نمایه گوگل با نمایه بلاگر

اگر در Blogspot وبلاگ نویسی می کنید، بهتر است اکنون از نمایه Google Plus خود به نمایه Blogger (برای کسانی که در آن زمان به Google Plus تغییر مکان داده اند) تغییر دهید. توصیه می‌کنم همین الان این کار را انجام دهید تا از موقعیت‌های پیش‌بینی نشده‌ای که ممکن است هنگام حذف حساب‌های Google Plus رخ دهد، جلوگیری کنید.

چگونه نمایه بلاگر خود را برگردانیم

انجام این کار در تنظیمات سرپرست Blogger آسان است:
تنظیمات -> تنظیمات کاربر -> نمایه کاربر - در اینجا Blogger را انتخاب کنید


تغییرات خود را ذخیره کنید

انتقال به را تأیید کنید و نام یا نام مستعار خود را وارد کنید.

فراموش نکنید که یک آواتار در نمایه بلاگر خود آپلود کنید.

نحوه حذف نمایه گوگل پلاس

اگر تصمیم دارید برای همیشه از شر نمایه G + خلاص شوید، به صفحه گوگل پلاس خود بروید -> تنظیمات -> به پایین صفحه بروید -> حساب google plus را حذف کنید:


نویسنده: ایوانووا ناتالیا

امروز به شما خواهم گفت که CSS3 چیست، با چه چیزی خورده می شود، کجا آن را جستجو کنید، چگونه آن را به درستی تجویز کنید. اخطار میدم خودم به شکلی ساده برای عموم به نظرم میگم + مثال. پس بیایید از راه دور شروع کنیم.
CSS سبکی است که در آن ویژگی های یک شی نوشته می شود. این بدان معنی است که آنها در همه موتورهای موجود هستند، اگر نمی توانید آنها را پیدا کنید، یا آنجا را نگاه نمی کنید یا واقعاً نیستند ( سایت کج). معمولا از کجا پیدا می کنند؟ معمولاً این ریشه سایت، نام فایل style.css است، اگرچه در اصل، اگر فایل با این پسوند یک فایل سبک باشد، نام به اندازه پسوند css مهم نیست.
وبلاگ من را هم ببینید

کجا باید آنها را پیدا کرد؟

مسیر فایل در قالب بین اختصاص داده شده است
" />
در Blogspot کمی متفاوت است، در آنجا استایل ها درست در کد، قبل از تگ نوشته می شوند بین
سبک های اینجا

سبک ها چگونه به نظر می رسند؟

بیایید مثالی بزنیم:
#header (پس‌زمینه: #fff؛ اندازه قلم: 13 پیکسل؛ ارتفاع خط: 1.5؛ فونت خانواده: جورجیا، "Times New Roman"، "Bitstream Charter"، Times، سریف؛ رنگ: # 333;) .contacts ( موقعیت: مطلق؛ بالا: 20 پیکسل؛ سمت راست: 10 پیکسل؛)
مخاطبین نویسنده سایت
شما می توانید سبک ها را در هر سایتی، فقط در یک مرورگر مشاهده کنید. اکنون می توانید با خواندن ظاهر آنها در این مقاله به راحتی آنها را تشخیص دهید.
همانطور که می بینید، سبک ها به روش های مختلفی نوشته می شوند. سبک‌هایی که با علامت پوند شروع می‌شوند با یک شناسه بلوک خاص مطابقت دارند، سبک‌هایی با یک نقطه مربوط به یک کلاس بلوک خاص هستند. هیچ راه دیگری وجود ندارد، سبک ها کار نمی کنند. می توانید به نام هایی که می خواهید فکر کنید، نکته اصلی این است که آنها با شناسه و کلاس نوشته شده در html مطابقت دارند. ویژگی های سبک باید در پرانتز و به دنبال آن یک دو نقطه ( به مثال بالا نگاه کنید، پارامتر نوشته شده و با نقطه ویرگول بسته می شود. مجاز است که در آخرین خاصیت در انتها نمی توانید نقطه ویرگول قرار دهید، فقط یک پرانتز بسته می شود.
این اتفاق می‌افتد که CSS مستقیماً در یک بلوک نوشته می‌شود، بدون اینکه آن را به یک فایل جداگانه خروجی دهیم:
سربرگ سایت

CSS در Blogspot

سبک ها را می توان متفاوت نوشت، بعداً به دلیل چیست توضیح خواهم داد. با باز کردن کد، می‌توانیم این را ببینیم (با دقت به استایل‌ها نگاه کنید، تگ‌های وبلاگ‌نویسی آشنا را خواهید دید که سبک‌ها را تعریف می‌کنند):
همانطور که می بینید، ویژگی style .هدر h1به طور جداگانه در بالا توضیح داده شده است. چگونه یک ملک را بفهمیم و پیدا کنیم؟ خیلی ساده، تو فونتیک پارامتر وجود دارد header.font، این چیزی است که ما به دنبال آن هستیم. آن را در گروه ویژگی "Blog Title" برای سبک ".header h1"، در داخل 2 ویژگی "header.font" و "header.text.color" پیدا کنید. بنابراین ما آنها را تغییر می دهیم. این کار برای مرورگر انجام می‌شود تا سبک‌ها را سریع بخواند، بنابراین درخواست‌های کمتری ایجاد می‌کند. پس از همه، ملک header.text.colorمی تواند در جای دیگری تکرار شود. زیر هنوز است header.shadow.offset.leftو دیگران، معنی در آنها یکی است، تکرار نمی کنم.
وقتی می گویند در css (یا سبک ها) جستجو کنید، پس ما در بین تگ ها به دنبال نقطه وبلاگ هستیم
و معمولا قبل از برچسب
مگر اینکه، البته، آنها به طور مستقیم در html نوشته شده باشند (مثال بالا، سبک ها در بلوک ها). در cms های دیگر، معمولاً همه چیز در یک فایل جداگانه با پسوند css. قرار می گیرد

نویسنده: ایوانووا ناتالیا

2019-02-15

این آخرین مقاله برای ارائه اطلاعات به روز در مورد حذف پیوندهای ناخواسته از قالب های Blogspot و همچنین تم های جدید Blogger نوشته شده است. همانطور که می دانید در سال 2018 تغییراتی در کدهای بلاگر ایجاد شد، بنابراین بسیاری از اقدامات با کد باید به روشی جدید انجام شود. به علاوه، موضوعات جدیدی ظاهر شده اند که به شکل متفاوتی شکل گرفته اند. در رابطه با این تغییرات به تحلیل مبحث حذف لینک ها می پردازیم.
می توانید وبلاگ خود را برای پیوندهای خارجی در سرویس های https://pr-cy.ru/link_extractor/ و https://seolik.ru/links بررسی کنید. به یاد داشته باشید که نه تنها صفحه اصلی وبلاگ، بلکه پست ها (پست ها) و صفحات (صفحه) را نیز بررسی کنید. تعداد زیادی از پیوندهای خارجی که برای نمایه سازی باز می شوند، منع می شوند.

چگونه پیوندها را از قالب پیش فرض قدیمی بلاگر حذف کنیم

با استفاده از قالب Simple به عنوان مثال.
این قالب ها بیشترین لینک های ورودی را ارائه می دهند. در وبلاگ آزمایشی خود، وقتی یک تم ساده را نصب کردم، آن را بررسی کردم و 25 پیوند ورودی در صفحه اصلی پیدا کردم که از این تعداد 14 پیوند ایندکس شده بودند.
یادآوری می کنم قبل از ایجاد تغییرات در کد قالب یک نسخه پشتیبان تهیه کنید!
  1. حذف پیوند بلاگر - https://www.blogger.com/.این پیوند در ویجت Attribution گنجانده شده است. در برگه طراحی وبلاگ، به عنوان ابزار Attribution و. برای حذف آن، به تب "Theme" بروید -> HTML را تغییر دهید. با جستجوی ویجت ها (لیست ویجت ها)، Attribution1 را پیدا کنید و تمام کدها را به همراه قسمت پاورقی که در آن قرار دارد حذف کنید. کد جمع‌شده برای حذف به این صورت است:


    و این هم کد کامل:














    ما تغییرات را ذخیره می کنیم و وبلاگ را از نظر Attribution بررسی می کنیم.
  2. مطمئناً نمادهای آچار و پیچ گوشتی را در وبلاگ خود برای ویرایش سریع ویجت دیده اید. هر یک از این نمادها یک پیوند خارجی به بلاگر را به همراه دارد. اکنون آنها با تگ nofollow بسته شده اند، اما هنوز باید از شر آنها خلاص شوید. ویجت ها را در تب Design ویرایش خواهید کرد.
    در اینجا یک لیست جزئی از پیوندهایی است که در نمادهای آچار رمزگذاری شده اند (شناسه وبلاگ متعلق به شما خواهد بود)
    - ویجت HTML1: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML1&action=editWidget§ionId=header
    - ویجت HTML2 http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML2&action=editWidget§ionId=header
    - بایگانی وبلاگ: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget§ionId=main
    - میانبرهای وبلاگ: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=Label&widgetId=Label1&action=editWidget§ionId=main
    - پست های محبوب: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=PopularPosts&widgetId=PopularPosts2&action=editWidget§ionId=main
    خلاص شدن از شر همه این پیوندها آسان است. برچسب را در قالب وبلاگ خود پیدا کنید ... به تعداد دفعاتی که ویجت در وبلاگ شما وجود دارد ظاهر می شود. تمام رخدادهای تگ را حذف کنید .
  3. پیوندهای ویرایش سریع پست وبلاگ (نماد "مداد") را حذف کنید. ویرایش پست‌ها را آسان‌تر می‌کند، اما تهدیدی را به عنوان پیوند خارجی فرم به همراه دارد: https://www.blogger.com/post-edit.g?blogID=1490203873741752013&postID=4979812525036427892&from=pencil
    نحوه حذف:
    روش 1. در برگه طراحی، مورد "پست های وبلاگ" را ویرایش کنید و تیک "نمایش" ویرایش سریع "چک باکس" را بردارید.
    روش 2. برچسب را در قالب وبلاگ پیدا کنید و آن را حذف کنید. تغییرات خود را ذخیره کنید و وبلاگ خود را برای نماد و پیوند بررسی کنید.
  4. نوار نوار را حذف کنید. ویجت ها را در قالب html وبلاگ navbar1 جستجو کنید و همه کدها را به همراه بخش حذف کنید.

    برای مثال:









    اکنون Navbar در وبلاگ پیوندهای خارجی ایندکس شده را ارائه نمی دهد، اما من معتقدم که این یک عنصر اضافی است که بار عملکردی را تحمل نمی کند و بهتر است آن را حذف کنید.
  5. پیوندهای خارجی به تصاویر را حذف کنید. هنگامی که تصاویر را در یک پست وبلاگ آپلود می کنید، یک لینک به طور خودکار در آنها تعبیه می شود. برای حذف چنین پیوندهایی، باید همه پست های وبلاگ را ویرایش کنید. در حالت "مشاهده" و بیشتر به نماد "پیوند". اگر تصویر حاوی پیوند خارجی نیست، وقتی روی عکس در ویرایشگر پست کلیک می کنید، نماد "پیوند" غیرفعال است (هیچ نماد برجسته ای وجود ندارد).

  6. پیوند به نمایه نویسنده وبلاگ را حذف کنید. نویسنده وبلاگ زیر پست را حذف کنید. برای انجام این کار، کد را پیدا کنید درست است، واقعیو true را با false جایگزین کنید. معلوم خواهد شد نادرست
  7. پیوند ویجت "" را از نمایه سازی با تگ nofollow ببندید. اگر از ویجت نمایه در وبلاگ خود استفاده می کنید، از جستجوی سریع ویجت در قالب وبلاگ برای یافتن کد ابزار Profile1 استفاده کنید. شما باید کد ویجت را ویرایش کنید، به جای rel = 'author' در دو مکان rel = 'nofollow' و rel = 'nofollow' را به دو پیوند اضافه کنید. باید چیزی شبیه اسکرین شات بگیرید:


    به عنوان مثال ویرایش نمایه Google Plus ساخته شده است. به عنوان یادآوری، گوگل پلاس در تاریخ 2 آوریل 2019 به تدریج حذف خواهد شد. بر این اساس، پس از این تاریخ، باید تغییرات دیگری در کد ویجت «درباره من» ایجاد کنید.

  8. بررسی پیوندهای ورودی هر صفحه پست blogspot که دارای نظر است. کد موجود در قالب وبلاگ را پیدا و حذف کنید:

    در تنظیمات وبلاگ، در امتداد مسیر تنظیمات وبلاگ -> سایر -> فید سایت -> اجازه دادن به فید وبلاگ، تنظیمات زیر را اعمال کنید:

پیوندهای خارجی را از الگوی پیش فرض جدید Blogger حذف کنید

استفاده از تم Notable به عنوان مثال
  1. حذف منبع (پیوند زیر - Blogger Technologies)
    Attribution1 را در قالب وبلاگ جستجوی ویجت (فهرست ابزارک ها) بیابید و کد را به همراه بخشی شبیه به الگوی قدیمی Blogger حذف کنید (به بالا 1 مراجعه کنید).
  2. پیوند را از ویجت "گزارش سوء استفاده" حذف کنید. این ویجت ReportAbuse1 است. ما در جستجوی ویجت ها می یابیم:
    کل کد به صورت زیر است:




  3. ما صفحه پست وبلاگ را با نظرات بررسی می کنیم و پیوندها را با قیاس با الگوهای وبلاگ قدیمی حذف می کنیم (نگاه کنید به بالا - نقطه 8).
  4. پیوندهایی را از پست های وبلاگ که در تصاویر پست تعبیه شده اند حذف کنید (نقطه 5 را ببینید).

نویسنده: ایوانووا ناتالیا

برای مدت طولانی گزینه "نمایش کد منبع صفحه" برای من بی فایده و جالب نبود. تا کنون، یادگیری HTML در Codecademy و طرح‌بندی سایت‌های خودم به سرگرمی جدید من تبدیل نشده است. در اینجا این سؤال مطرح شد: از کجا می توان موارد واقعی را پیدا کرد و راه حل های جالب را برای "قلک" خود وام گرفت؟ پاسخ به طور غیرمنتظره ای ساده بود، مانند هر چیز مبتکرانه: به کد منبع صفحه در گوگل کروم نگاه کنید! یافته های متواضعانه ام را با شما به اشتراک می گذارم.

کد منبع صفحه چیست؟

اگر شما نیز مانند من اولین قدم های خود را در برنامه نویسی HTML برداشته اید، یافتن اینکه کد منبع صفحه چیست، اضافی نخواهد بود.

کد منبع که به عنوان کد HTML صفحه نیز شناخته می‌شود، متنی به زبان نشانه‌گذاری فرامتن (HTML) است. این شامل محتوای واقعی صفحه (متن، جداول) و برچسب ها است. دومی به عنوان دستورالعمل برای مرورگر عمل می کند: نحوه نمایش محتوا، نوع قالب بندی استفاده، محل قرار دادن لینک یا فایل رسانه ای. خوب، برای ما، برنامه نویسان تازه کار، کد منبع بهترین زمینه آموزشی است: ما یک سایت جالب پیدا می کنیم و از آن جاسوسی می کنیم، آن را ذخیره می کنیم، از قطعات موفق استفاده می کنیم. چگونه؟

نحوه مشاهده کد منبع در صفحه مرورگر گوگل کروم

صفحه ای را که دوست دارید پیدا کنید. مثلا من به طراحی منوی سایت علاقه داشتم. سه راه برای باز کردن کد منبع در مرورگر گوگل کروم وجود دارد:

  1. روی نماد کلیک کنید منودر گوشه سمت راست بالای مرورگر و مورد "ابزارهای اضافی" را انتخاب کنید. در میان موارد دیگر، گزینه "مشاهده کد منبع" وجود دارد. صادقانه بگویم، من به ندرت از این روش استفاده می کنم: بسیاری از حرکات غیر ضروری. می توان آن را حتی آسان تر کرد.
  2. کلید ترکیبی را فشار دهید Ctrl + U- یک پنجره جدید با کد منبع باز می شود.
  3. برای طرفداران منوی زمینه: روی صفحه کلیک راست کرده و گزینه "View Page Code" را انتخاب کنید.

ما با وظیفه مشاهده کد HTML صفحه در مرورگر کنار آمدیم. بیایید به جالب ترین مرحله برویم.

نحوه ویرایش و ذخیره کد منبع

برای یادگیری نحوه ایجاد سایت، خواندن کد HTML شخص دیگری کافی نیست. شما باید با آن بازی کنید، آزمایش کنید، تغییراتی ایجاد کنید و نتیجه را بررسی کنید. حتی می توانید با جمع آوری چند مثال خوب شروع کنید. چگونه کد منبع را ویرایش و ذخیره کنم؟

گزینه 1. "دستی"

پس از اینکه کد منبع صفحه را باز کردیم، منوی زمینه را فراخوانی کرده و گزینه "Save As" را انتخاب کرده و فایل را در هارد دیسک ذخیره می کنیم. فایل را در Notepad یا Notepad ویرایش می کنیم، تغییرات را ذخیره کرده و از طریق مرورگر باز می کنیم. نتایج تغییرات ما (خوب و بد) در پنجره مرورگر منعکس خواهد شد.

گزینه 2. برای حرفه ای ها

وقتی هر روز با کد منبع "بازی" می کنید، فرآیند "ذخیره - باز کردن - تغییر - ذخیره - بررسی" خسته کننده است. برای خودم راه حلی در قالب نصب یک افزونه برای Google Chrome - Firebug Lite پیدا کردم. این به شما امکان می دهد بدون خروج از پنجره مرورگر خود کد منبع را ویرایش و ذخیره کنید.

احتمال بررسی اولیه کدوب صفحات، که توسط مرورگر در نتیجه درخواست از سرور دریافت می شود، تقریباً در هر مرورگر اینترنت وجود دارد. دسترسی به دستور مربوطه تقریباً به همین ترتیب سازماندهی شده است، اما تفاوت های قابل توجهی در این که چه روشی و به چه شکلی با دستور اولیه به شما ارائه می شود وجود دارد. کد .

دستورالعمل ها

1. در مرورگر Mozilla FireFox، بخش "View" را در منو باز کنید و روی "Initial" کلیک کنید. کد صفحات". همین مورد نیز در منوی زمینه است که با کلیک راست روی متن ظاهر می شود صفحات... همچنین استفاده از کلید ترکیبی CTRL + U مجاز است. Mozilla FireFox از برنامه های خارجی استفاده نمی کند - اولیه کد صفحاتبا برجسته کردن نحو در یک پنجره مرورگر جداگانه باز می شود.

2. در اینترنت اکسپلورر، روی بخش File از منو کلیک کرده و Edit in Notepad را انتخاب کنید. به جای نام Notepad می توان برنامه دیگری نوشت که در تنظیمات مرورگر برای مشاهده اولیه تعیین کرده اید کدآ. روی کلیک صفحاتبا کلیک راست روی منوی زمینه، که همچنین دارای یک آیتم است که به شما امکان می دهد تا اولیه را باز کنید کد صفحاتدر یک برنامه خارجی - "مشاهده HTML- کدآ".

3. در مرورگر Opera، منو را باز کنید، به بخش "صفحه" بروید و احتمالاً مورد "ابتدایی" را ترجیح می دهید. کد"یا مورد" اولیه کدقاب ". کلیدهای داغ CTRL + U و CTRL + SHIFT + U به ترتیب به این انتخاب اختصاص داده شده اند. در منوی زمینه لنگر به یک کلیک صفحاتکلیک راست کنید، همچنین مورد "Initial کد". اپرا منبع باز می شود صفحاتدر یک برنامه خارجی که در سیستم عامل یا تنظیمات مرورگر برای ویرایش فایل های HTML اختصاص داده شده است.

4. مرورگر گوگل کروم بدون شک بهترین سازماندهی مرورگر اولیه را دارد کدآ. وقتی روی یک صفحه کلیک راست می کنید، ممکن است View را ترجیح دهید کدآ صفحات"و سپس منبع با برجسته سازی نحو در یک برگه جداگانه باز می شود. یا ممکن است خط "مشاهده" را ترجیح دهید کدیک عنصر "و مرورگر در همان تب دو فریم اضافی را باز می کند که در آنها می توانید HTML و CSS را بررسی کنید. کدهر عنصر صفحات... مرورگر به حرکت مکان نما در طول خطوط واکنش نشان می دهد کدالف، برجسته کردن عناصر موجود در صفحه که با این بخش از HTML مطابقت دارند. کدآ.

5. در مرورگر Apple Safari، بخش "View" را گسترش دهید و خط "HTML Preview-" را انتخاب کنید. کدآ". در منویی که با کلیک راست روی یک باز شده ظاهر می شود صفحات، مورد مربوطه "مشاهده منبع" نام دارد. CTRL + ALT + U به این عمل اختصاص داده شده است. اولیه کددر یک پنجره مرورگر جداگانه باز می شود.

لازم است به سرعت به تمام تغییرات در خود سایت نگاه کنید، بدون اینکه بر روی فایل ها و کدهای سایت ارسال شده در اینترنت تأثیر بگذارد. به عنوان مثال، طرح رنگ یک بلوک را تغییر دهید، یک عنصر متحرک و غیره را جابجا کنید.

برای انجام این کار، بسیاری از وب مسترها از سرورهای محلی Denwer یا OpenServer استفاده می کنند و یک نسخه کامل از سایت را روی رایانه خود اجرا می کنند. این روش جهانی و مناسب برای افراد حرفه ای است، با کمک آن می توانید عملکرد اسکریپت ها و پلاگین های مختلف را بررسی کنید، تغییر طرح را آزمایش کنید و تمامی فایل های سایت را ویرایش کنید و پس از تست، تغییرات مناسب را مستقیماً به سایت منتقل کنید.

برای کاربرانی که از هنر وب مستر دور هستند، استفاده از مرورگر را برای این اهداف توصیه می کنم. از آنجایی که من از کروم استفاده می کنم، دستورالعمل هایی با اسکرین شات برای این مرورگر خاص ارائه خواهم کرد. بر اساس قیاس، می توانید با مرورگرهای Opera، Yandex Browser، Mozilla Firefox و سایر مرورگرها کار کنید، اصل ابزارهای آنها مشابه است.

دستورالعمل 1: نحوه مشاهده کل کد HTML یک وب سایت در یک مرورگر

صفحه وب مورد نیاز سایت خود را باز کنید. با کلیک راست بر روی عنصر مورد نیاز، یک منوی کشویی متنی مرورگر با دستورات موجود ظاهر می شود:

شکل 1. مشاهده کل کد HTML یک صفحه وب در مرورگر کروم

مهم:دستورات موجود در منوی کشویی ممکن است متفاوت باشد، به عنوان مثال، برای عناصر فعال (پیوندها، تصاویر، ویدیوها) و غیر فعال (متن، پس زمینه، دیواها):

شکل 2. منوی کشویی مرورگر کروم

بنابراین، اگر دستور مورد نیاز را پیدا نکردید، فقط در مکان دیگری کلیک راست کنید یا از کلیدهای میانبر مرورگر استفاده کنید.

با بازگشت به شکل 1، دستور مورد نیاز برای مشاهده تمام کدهای HTML صفحه اصلی وب را نشان می دهد، به نام " مشاهده کد صفحه". ما روی دستور کلیک می کنیم، یک برگه جدید با کد کامل صفحه اصلی وب باز می شود، یک امتیاز بزرگ برای همه چیز - نمای با برجسته کردن نحو در دسترس است:

شکل 3. بخشی از کد این سایت

این ابزار برای یافتن و ویرایش موارد مورد نظر شما بسیار مفید است.

روش های جایگزین برای مشاهده کل کد HTML یک صفحه وب

برای دسترسی سریعتر می توانید از روش های دیگر فراخوانی این ابزار استفاده کنید

  1. در شکل 1 نیز مشاهده می کنیم که این دستور توسط میانبر صفحه کلید در دسترس است + ;
  2. در نوار آدرس مرورگر view-source وارد کنید: سایت به جای دامنه من، آدرس خود را وارد کنید.

هر دو روش جهانی هستند و باید در همه مرورگرها کار کنند.

در ابتدا، به نظر می رسد که این به هیچ وجه ابزار ضروری نیست، اما مشاهده کل کد HTML سایت برای یافتن عناصر لازم در کد عالی است، اینها می توانند لینک ها، برچسب ها، متا تگ ها، ویژگی ها و عناصر دیگر

ترکیب کلید میانبر +کادر جستجو را باز کنید، در مرورگر کروم در بالا سمت راست ظاهر می شود:

شکل 3. جستجو بر اساس کد سایت

پس از وارد کردن یک درخواست در فرم جستجو، صفحه به اولین عنصر یافت شده منتقل می شود، با استفاده از فلش ها می توانید بین آنها پیمایش کنید و مورد مورد نیاز را انتخاب کنید:

شکل 4. جستجو بر اساس کد HTML سایت

آموزش 2: نحوه مشاهده و ویرایش کدهای HTML و CSS سایت در مرورگر گوگل کروم

حالا به مهمترین قسمت می پردازم که در آن نحوه ویرایش کد HTML و CSS سایت را در مرورگر نشان می دهم. سپس تغییرات را به مرورگر منتقل کنید.


چنین ابزار مفیدی همیشه در مرورگر شما موجود است، دستورات دیگری را آزمایش کنید که ویرایش سایت را برای شما آسان تر می کند.

". همین مورد در منوی زمینه وجود دارد که اگر روی متن کلیک راست کنید صفحات... همچنین می توانید از میانبر صفحه کلید CTRL + U استفاده کنید. Mozilla FireFox از برنامه های خارجی استفاده نمی کند - نسخه اصلی کد صفحاتبا برجسته کردن نحو در یک پنجره مرورگر جداگانه باز می شود.

در اینترنت اکسپلورر، روی بخش File از منو کلیک کرده و Edit in Notepad را انتخاب کنید. به جای نام Notepad، ممکن است دیگری نوشته شود، شما در تنظیمات مرورگر برای مشاهده نسخه اصلی اختصاص داده اید کدآ. روی کلیک صفحاتبا کلیک راست روی منوی زمینه، که همچنین دارای یک آیتم است که به شما امکان می دهد نسخه اصلی را باز کنید کد صفحاتدر یک برنامه خارجی - "مشاهده HTML- کدآ".

در مرورگر Opera، منو را باز کنید، به بخش "صفحه" بروید و می توانید در زیربخش "ابزارهای توسعه" مورد "منبع" را انتخاب کنید. کد"یا مورد" اولیه کدقاب ". میانبرهای CTRL + U و CTRL + SHIFT + U به ترتیب به این انتخاب اختصاص داده شده اند. در منوی زمینه لنگر به یک کلیک صفحاتکلیک راست کنید، همچنین مورد "Initial کد". منبع اپرا صفحاتدر یک برنامه خارجی که در سیستم عامل یا تنظیمات مرورگر برای ویرایش فایل های HTML اختصاص داده شده است.

مرورگر گوگل کروم بدون شک بهترین سازماندهی را برای مشاهده نسخه اصلی دارد کدآ. با کلیک راست می توانید View را انتخاب کنید کدآ صفحات"و سپس منبع با برجسته سازی نحو در یک برگه جداگانه باز می شود. یا می توانید خط "نمایش" را انتخاب کنید کدیک عنصر "و در همان تب دو فریم اضافی باز می شود که در آنها می توانید HTML و CSS را بررسی کنید کدعنصر صفحات... مرورگر به حرکت مکان نما در طول خطوط واکنش نشان می دهد کدالف، برجسته کردن عناصر موجود در صفحه که با این بخش از HTML مطابقت دارند. کدآ.

مقالات مرتبط برتر

حرکت های مختلف ماوس به صورت عمودی و افقی
حرکت های مختلف ماوس به صورت عمودی و افقی
نحوه فشرده سازی بافت ها در fallout 4
نحوه فشرده سازی بافت ها در fallout 4
تنها برای درک سطح مورد نیاز باقی مانده است
تنها برای درک سطح مورد نیاز باقی مانده است
دسته بندی ها:
© 2021 bumotors.ru. نحوه راه اندازی گوشی های هوشمند و رایانه های شخصی پرتال اطلاعاتی