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

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

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

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

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

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

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

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

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

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

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

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

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

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

روز بخیر، خوانندگان عزیز وبلاگ من. گاهی اوقات برخی از ویژگی های زیبا را در یک وب سایت پیدا می کنید و شروع به تعجب می کنید که چگونه سازنده به چنین جلوه جالبی دست یافته است.

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

امروز ما در مورد نحوه باز کردن کد یک صفحه، یک عنصر خاص، و نحوه استفاده از این مهارت به نفع خود صحبت خواهیم کرد.

دانش اولیه کد

سایت من برای مبتدیان در نظر گرفته شده است و ابتدا می خواهم به طور خلاصه در مورد سایت ها و کدها به طور کلی صحبت کنم.

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

به این ترتیب وب سایت های با کیفیت بالا ایجاد می شوند. اگر می خواهی وارد این موضوع شو و آن را مطالعه کن، اگر نمی خواهی هیچ کس نمی تواند تو را مجبور کند.

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

وقتی شروع به درک زبان مخفی می کنید و می بینید که همه چیز در واقع بسیار ساده تر از آن چیزی است که در ابتدا به نظر می رسید، نمی توانید به قدرت ها و توانایی های مغز خود ایمان نداشته باشید. این خیلی باحاله

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

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

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

به لطف دانش این ویژگی ها، می توانید تقریباً هر مشکلی را حل کنید. اما هر توسعه دهنده راه های خود را برای رسیدن به هدف پیدا می کند.

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

کمی بعد یک مثال مشخص را به شما نشان خواهم داد.

مشاهده کد

بنابراین، اجازه دهید ابتدا به شما نشان دهم که اگر نیاز به یافتن html شخص دیگری دارید چگونه عمل کنید. سپس به تمام سوالات دیگر با جزئیات بیشتری نگاه خواهیم کرد.

بهترین راه

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

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

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

این گوگل کروم است

همانطور که قبلاً متوجه شده اید، من اغلب از Google Chrome استفاده می کنم و یادگیری کد شخص دیگری در این مرورگر به آسانی پوست اندازی گلابی است. همانطور که در اصل با هر دیگری. این طرح نه تنها مشابه، بلکه یکسان خواهد بود. صفحه ای را که می خواهیم کد آن را بدانیم باز کرده و در هر جایی کلیک راست می کنیم. در پنجره ای که ظاهر می شود، روی "مشاهده کد صفحه" کلیک کنید.

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

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

به عنوان مثال، ممکن است به نحوه ساخت لوگو با استفاده از یک تصویر یا یک زبان برنامه نویسی علاقه مند باشم؟ پس از همه، شما می توانید یک مربع با استفاده از CSS رسم کنید. بسیاری از کارشناسان توصیه می کنند تا حد امکان اطلاعات را در کد یادداشت کنید. چگونه در سایت های محبوب کار می کنند؟

اکنون اطلاعات لازم ظاهر شده است. html در بالا، css در پایین. این دو زبان هستند. اولی مسئول مولفه متن و دومی برای طراحی است. اگر CSS وجود نداشت، باید هر بار رنگ و اندازه فونت را مشخص کنید. برای هر صفحه، این بسیار طولانی است. اما اگر html نبود، متنی نداشتیم. تقریباً توضیح دادم، اما در کل اینطور است.

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

موزیلا فایرفاکس

اگر دوست دارید در ماستیک کار کنید، همه چیز دقیقاً یکسان خواهد بود. صفحه را باز کنید و روی دکمه سمت راست ماوس کلیک کنید. اگر می‌خواهید کل کد را ببینید، «کد منبع صفحه» را انتخاب کنید.

هنگامی که ماوس را روی یک عنصر قرار می دهید، می توانید کد آن را باز کنید.

در اینجا داده ها در پایین صفحه نمایش داده می شوند، اما در غیر این صورت همه چیز دقیقاً یکسان است.

مرورگر Yandex

در مرورگر Yandex، همه چیز دقیقاً مانند دو گزینه قبلی است، صفحه را باز کنید، راست کلیک کنید، کد صفحه را ببینید.

اگر بخواهیم دقیقاً کد آن عنصر را پیدا کنیم، مکان نما را روی یک عنصر قرار می دهیم.

همه چیز در اینجا دقیقاً مانند کروم نمایش داده می شود.

اپرا

و در نهایت اپرا.

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

برای عناصر: Ctrl+Shift+C.

این چیزی است که نتیجه به نظر می رسد.

این برای مبتدیان جالب خواهد بود

حالا ببینید همه چیز چگونه کار می کند. شما یک سایت پیدا می کنید و واقعاً برخی از عناصر را دوست دارید. مثلا این یکی شما قبلاً می دانید که چگونه کد عنصر را باز کنید.

حالا آن را کپی کنید.

من از آن استفاده می کنم، این کد را در یک کد جدید قرار دهید فایل html، به برچسب بدن (بدن در انگلیسی).

حالا بیایید ببینیم که همه چیز در مرورگر چگونه به نظر می رسد.

آماده. برای اینکه متن با لبه‌ها تراز شود و رنگ مایل به سبز پیدا کند، باید css را به این سند متصل کنید و کد دیگری را از سایتی که این یکی را از آن کپی کرده‌ایم کپی کنید.

الان این کار را نمی کنم این به زمان بیشتری نیاز دارد: هم مال من و هم مال شما. من فکر می کنم که در انتشارات آینده خود تمام جزئیات را شرح خواهم داد. در خبرنامه مشترک شوید و اولین کسی باشید که از ظاهر شدن مقاله مطلع می شوید.

اگر نمی توانید تحمل کنید، اما می خواهید در مورد html و css بیشتر بدانید، من به طور سنتی می توانم دوره های آموزشی رایگان را به شما توصیه کنم.

در اینجا 33 درس وجود دارد که به شما امکان می دهد بر html مسلط شوید - "دوره رایگان HTML" .

و در اینجا اطلاعات کاملی در مورد css وجود دارد - "دوره رایگان در CSS (45 درس ویدئویی!)" .

حالا شما کمی بیشتر می دانید. برای شما آرزوی موفقیت در تلاش دارم. دوباره می بینمت!

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

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

باز کن کدصفحات برای مشاهده بسته به مرورگری که استفاده می کنید، باید آیتم منوی مناسب را انتخاب کنید. در Opera برای مشاهده نسخه اصلی کدو از "نمایش" - "ابزارهای توسعه" - "منبع" استفاده کنید کد" در Google Chrome، این ویژگی در بخش "ابزارها" - "نمایش منبع" موجود است. کد" اگر استفاده می کنید موزیلا فایرفاکس، روی دکمه "منو" - "توسعه وب" - "منبع" کلیک کنید کدصفحات". بسته به تنظیمات مرورگر شما، HTML کددر یک برگه یا پنجره جدید باز می شود.

نمایش داده شده را ویرایش کنید کد. در فایرفاکس و کروم، برای ویرایش یک سند، ابتدا باید آن را در هارد دیسک خود ذخیره کنید (File - Save Page As).

پس از انجام تمام تغییرات، صفحه را با استفاده از دکمه "ذخیره" ذخیره کنید. سند بارگیری شده است. می توانید خودتان با استفاده از هر ویرایشگر متنی آن را تغییر دهید.

برای ذخیره یک کپی کامل از صفحه با تمام تصاویر، به منبع مورد نیاز خود بروید و منوی "File" - "Save As" را انتخاب کنید. در پنجره ای که ظاهر می شود، نوع سند "فایل HTML با تصاویر" را انتخاب کنید.

مشاوره مفید

برای بصری ویرایش HTMLویرایشگرهای زیادی وجود دارند که برجسته سازی نحو ارائه می کنند و به طور خودکار توصیف کننده های از دست رفته را پر می کنند. یکی از مهمترین ابزار قدرتمندتوسعه دهنده وب برنامه Macromedia Dreamweaver است. به عنوان جایگزین، صفحه اول سبک تری وجود دارد. اگر به اشکال زدایی بصری نیاز ندارید و فقط به خط کشی و رنگ آمیزی نحو نیاز دارید، می توانید از ویرایشگر سبک تر اما قدرتمندتر Notepad++ استفاده کنید.

منابع:

• نحوه تغییر کد منبع

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

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

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

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

سوال جالب ("آیا می دانید که ...؟")

سوالی که با کلمه "چگونه؟" شروع می شود. («مقاله را چه نام ببرم؟»)

خطاب به حضار ("فقط دانش آموزان ...")

جمله-گزاره ("برکه در ویلا - آرامش خاطر")

گارانتی پیشنهاد ("روش تضمینی...")

انگیزه برای اقدام («تخفیف بگیرید...»)

البته سرفصل های مقاله به این لیست از قالب ها محدود نمی شود.

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

به طور دقیق ماهیت مقاله را منعکس می کند

مرتبط با علایق مخاطب

منابع:

• دنیس کاپلونوف. کلاس کارشناسی ارشد رایگان در نوشتن سرفصل
• عنوان مقاله

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

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

از ویرایشگر سیستم مدیریت محتوا برای ویرایش کد منبع HTML استفاده کنید. برای انجام این کار، پس از بارگذاری مورد مورد نظر در ویرایشگر، باید آن را از حالت بصری (که گاهی اوقات حالت WYSIWYG نامیده می شود) به حالت ویرایش HTML تغییر دهید. با انجام این کار، مستقیماً به دستورالعمل ها ("برچسب ها") زبان نشانه گذاری خواهید رسید. با این حال، با استفاده از حالت بصری، تگ های HTML را نیز تغییر می دهید، این کار را در ویرایشگر صفحه "" انجام می دهید.

از هر کدام استفاده کنید ویرایشگر متنبرای ایجاد تغییرات در کد HTML صفحات اگر سیستم کنترلی شما نصب نشده باشد. فایل هایی که این کد را ذخیره می کنند تنها در پسوند با فایل های متنی معمولی تفاوت دارند و فرمت ضبط دقیقاً با فرمت فایل های با پسوند txt مطابقت دارد. بنابراین، هر ویرایشگر متنی که بتواند با فایل های txt کار کند، می تواند برای ویرایش کدهای HTML نیز استفاده شود.

اگر می خواهید صفحه آرایی را به طور منظم انجام دهید، یک ویرایشگر کد HTML تخصصی نصب کنید. چنین برنامه هایی به طور قابل توجهی با ویرایشگرهای متن معمولی و با ویرایشگرهای نصب شده در کنترل ها متفاوت است. به عنوان مثال، آنها دارای توابع «اشاره به متن» هستند، یعنی وقتی شروع به تایپ یک تگ HTML می‌کنید، ویرایشگر مناسب‌ترین گزینه‌ها را به شما ارائه می‌دهد که سرعت تایپ را به میزان قابل توجهی افزایش می‌دهد، تعداد اشتباهات تایپی را کاهش می‌دهد و به شما کمک می‌کند تا سریعاً به نحوی تسلط پیدا کنید. زبان. علاوه بر این، چنین برنامه هایی می توانند کدهای وارد شده را قالب بندی و رنگ آمیزی کنند، به دنبال خطا در نحو بگردند و مطابقت با استانداردهای تعیین شده را بررسی کنند. بسیاری از برنامه های تخصصی از این نوع دارای حالت ویرایش بصری و پیش نمایش صفحه هستند، می توانند صفحات ایجاد شده را بارگذاری کنند، نسخه های محلی و راه دور صفحات HTML را همگام سازی کنند و موارد دیگر.

منابع:

• چگونه یک صفحه وب سایت را ویرایش کنیم

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

شما نیاز خواهید داشت

• - کامپیوتر
• - دسترسی به اینترنت

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

عنوان را به یک عنوان خوب تبدیل کنید بهینه سازی موتور جستجواجازه دهید شامل کلمات کلیدی باشد. دریابید که کاربران در جستجوی چه کلمات و عباراتی هستند موتورهای جستجو. برای انجام این کار، آمار درخواست را مشاهده کنید. به عنوان مثال، در Yandex این را می توان در صفحه wordstat.yandex.ru انجام داد. به عنوان مثال، شما به آمار مربوط به کلمه "پول" نگاه می کنید و می بینید که 3,613,993 نمایش در ماه وجود دارد. این بدان معنی است که چندین بار در نتایج جستجوی Yandex از جمله عبارات مختلف ظاهر می شود. اگر علاقه دارید که چند بار مردم کلمه "پول" را به خودی خود جستجو کردند، آن را در نقل قول و با علامت تعجبدر ابتدا: "! پول."

اگر تجربه کمی در سئو و محتوای وب سایت دارید، مقالاتی را برای پرس و جوهای کم فرکانس تبلیغ کنید. موارد با فرکانس بالا، برای مثال، عبارتند از: «چگونه پول در بیاوریم». این عبارت در طول ماه بارها جستجو شد و مبارزه با رقابت برای شما دشوار خواهد بود زیرا ... بعید به نظر می رسد در صفحات اول جستجو ظاهر شوید. در همان زمان، عبارت "چگونه برای یک آپارتمان پول در بیاوریم" فقط 146 بار در ماه تایپ شد، بنابراین اگر در مورد این موضوع بنویسید، شانس خوبی برای کسب جایگاه شایسته در جستجو خواهید داشت.

برای پرس و جوهایی که حجم آنها خیلی کم است سرفصل ایجاد نکنید. حتی اگر برای عبارتی که دو بار در ماه جستجو کرده اید در صدر باشید، باز هم بازدیدکنندگان زیادی نخواهید داشت. اما اگر فکر می کنید که موضوع امیدوارکننده است (مثلاً به ابزار جدیدی مربوط می شود)، می توانید آن را امتحان کنید. همچنین خوب است از عناوینی استفاده کنید که شامل کلمه یا عبارت کلیدی (با آن شروع می شود) اما منحصر به فرد هستند.

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

سعی کنید فتنه ای را به عنوان اضافه کنید، به عنوان مثال با زیر سوال بردن خرد متعارف، بازی روی تضادها و غیره. کلمات "چگونه"، "چرا"، "چرا" نیز جلب توجه می کنند.

ویدیو در مورد موضوع

مشاوره مفید

تیترهای خود را مشخص تر کنید؛ اگر در مورد پدیده یا برند خاصی می نویسید، آن را ذکر کنید. این احتمال اینکه مخاطبان هدف شما به صفحه وب شما برسند را افزایش می دهد.

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

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

همچنین می توانید مطمئن شوید که علاوه بر نام سایت، URL آن نیز در متن نمایش داده می شود، حتی زمانی که فلش ماوس به آن نیامده است. برای انجام این کار، از ساختار دیگری استفاده کنید:

آموزش عکاسی گربه: http://site.domain

اگر نمی‌خواهید روی پیوندی کلیک کنید تا آن را دنبال کنید، اصلاً بدون استفاده از تگ‌های HTML عمل کنید، مثلاً مانند این:

آموزش عکاسی گربه: http://site.domain

کد HTML یک کد برنامه ای است که نحوه چیدمان عناصر (متن، تصاویر، فیلم ها و غیره) را در یک صفحه اینترنتی تعیین می کند. درک زبان HTML بسیار آسان است، اما به طور مداوم در حال بهبود و تکمیل با ویژگی های جدید است.

کد HTML چیست؟

نشانه گذاری به قوانین و ویژگی های خاصی اشاره دارد که به عناصر صفحه اختصاص داده می شود. آنها در قالب تگ هایی به اصطلاح پیاده سازی می شوند. به عنوان مثال، برای نشان دادن اینکه متن خاصی در یک صفحه باید در مرکز قرار گیرد، می توانید آن را با تگ مرکزی علامت گذاری کنید. شما می توانید کد HTML یک صفحه خاص را از طریق منوی زمینه آن مشاهده کنید. به عنوان مثال، برای دسترسی به این کد در مرورگر فایرفاکسباید در داخل صفحه کلیک راست کرده و "Page Source Code" را انتخاب کنید.

کد HTML چگونه کار می کند؟

انواع تگ ها چیست؟

محدودیت های HTML

چه چیزی توجه خواننده (کاربر) را در صفحه یک نشریه چاپی یا آنلاین جلب می کند؟

• تصویر


• سرفصل


• عنوان فرعی


• زیر عکس یا عکس امضا کنید

هر چقدر هم که غم انگیز است، مردم نمی خواهند بخوانند، وقت ندارند، زیرا بی انتها برای رسیدن به جایی عجله دارند. اما اگر نویسنده هستید (روزنامه نگار، وبلاگ نویس، مترجم آزاد، خبر نویس، نویسنده)، می خواهید افکار، نتیجه گیری، دیدگاه مشکل و غیره را به خواننده منتقل کنید. چگونه مطمئن شویم که خواننده از یادداشت شما عبور نمی کند؟ چگونه می توان عنوان را فریبنده کرد، به طوری که بخواهید عمیق تر در مقاله کاوش کنید؟

1. از فرم های فعل در عنوان خود استفاده کنید.

به عنوان مثال: "کجا پول سرمایه گذاری کنیم"، "چگونه یک جعبه کمک های اولیه در خانه بسازیم"، "فرمان جدید پوتین".

2. اصل تازگی.

عناوینی مانند "بهار زمان نگرانی است" از نظر اخلاقی قدیمی هستند. اجازه دهید روزنامه ها و مجلات «بوروکراسی» از آنها استفاده کنند. عنوان باید چیز جدیدی را بیان کند، چیزی که ناشناخته است و با جزئیات بیشتری در متن یادداشت آشکار خواهد شد. به عنوان مثال، یک عنوان بهتر می تواند این باشد: "نگرانی های بهاری به کشاورزان اجازه استراحت نمی دهد."

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

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

با نگاهی به سایت‌های بی‌شماری در اینترنت، می‌توانید با سایت‌هایی برخورد کنید که ما واقعاً دوستشان داریم. بلافاصله تعدادی سوال مطرح می شود. آیا سایت با استفاده از کدهای خانگی یا نوعی CMS ساخته شده است؟ چه سبک های CSS دارد؟ متا تگ های آن چیست؟ و غیره.

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

چگونه می توان کد صفحه را مشاهده کرد؟

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

• بازگشت؛
• رو به جلو؛
• راه اندازی مجدد؛
• ذخیره به عنوان؛
• مهر؛
• ترجمه به روسی؛
• مشاهده کد صفحه;
• مشاهده کد

باید روی آن کلیک کنیم مشاهده کد صفحهو کد html صفحه سایت مقابل ما باز می شود.

مشاهده کد صفحه: به چه چیزی توجه کنیم؟

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

به عنوان مثال، خطوط کد داخل تگ head حاوی اطلاعاتی برای موتورهای جستجو و مدیران وب سایت است. در سایت نمایش داده نمی شوند. در اینجا می توانید ببینید که این صفحه برای چه کلمات کلیدی تبلیغ می شود، عنوان و توضیحات آن چگونه نوشته شده است. همچنین می توانید پیوندی را در اینجا بیابید که با کلیک بر روی آن با خانواده آشنا می شویم فونت های گوگلدر سایت استفاده شده است.

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

مثلا:

//fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C400italic%2C600&ver=4.5.3

سبک های فونت CSS صفحه را مشاهده خواهیم کرد. در این حالت از فونت استفاده می شود. این را می توان در اینجا مشاهده کرد - font-family: "Source Sans Pro".

این سایت با استفاده از افزونه Yoast SEO بهینه شده است. این را می توان از این بخش نظری کد مشاهده کرد:

این سایت با افزونه Yoast SEO v3.4.2 بهینه شده است - https://yoast.com/wordpress/plugins/seo/

تمام اطلاعات موجود در داخل تگ بدنه توسط مرورگر بر روی صفحه نمایش نمایش داده می شود. در اینجا کد html صفحه را می بینیم و در پایین آن کد اسکریپت Yandex Metrics وجود دارد. این توسط یک برچسب نظر با متن احاطه شده است:

/Yandex.Metrika counter

بیایید آن را جمع بندی کنیم

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

• CMS WordPress;
• فونت گوگل Source Sans Pro;
• قالب وردپرس – سیدنی;
• پلاگین های Yoast؛
• شمارنده متریک یاندکس.

اکنون اصل تجزیه و تحلیل کدهای html یک صفحه وب سایت کاملاً مشخص است. اصلاً لازم نیست صفحه ای که در حال تحقیق در آن هستید را در مرورگر باز نگه دارید. با استفاده از کلیدهای ترکیبی ctrl+a، ctrl+c، ctrl+v می‌توانید کد صفحه را در رایانه خود ذخیره کنید. آن را در هر ویرایشگر متنی (ترجیحاً Notepad++) قرار دهید و با پسوند html ذخیره کنید. به این ترتیب می توانید هر زمان که بخواهید آن را عمیق تر مطالعه کنید و اطلاعات مفیدتری برای خود پیدا کنید.

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

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

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

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

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

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

منابع:

• نحوه تغییر کلیدهای اختصاص داده شده در فایرفاکس

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

شما نیاز خواهید داشت

• اینترنت

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

بیایید روش اول را با استفاده از مثال رایج در نظر بگیریم http://chemax.ru. برای یافتن کد یک بازی خاص، روی تب Cheat Codes کلیک کنید و سپس گزینه For را انتخاب کنید. در پنجره ای که باز می شود، می توانید نام بازی را در یک نام خاص وارد کنید (که روند جستجو را تسهیل می کند) یا روی حرف انگلیسی یا روسی که نام بازی با آن شروع می شود کلیک کنید. پس از انتخاب یک بازی، لیستی از تمام کدهای ممکن را مشاهده خواهید کرد.

برای دانلود دیتابیس کد تقلب باید به وب سایت مراجعه کنید http://chemax.ruو برگه "CheMax" - "CheMax Rus" را انتخاب کنید. این پایگاه داده کدهای تقلب نیز به زبان روسی است و تعداد زیادی بازی ارائه شده است. هنگام نصب، باید زبان روسی و مکان برنامه را در خود انتخاب کنید. پس از راه اندازی برنامه، باید نام بازی را در یک خط ویژه وارد کنید، در نتیجه تمام کدهای تقلب لازم را دریافت خواهید کرد.

ویدیو در مورد موضوع

توجه داشته باشید

فراموش نکنید که به سرعت به روز رسانی کنید این برنامهبه منظور داشتن کامل ترین پایه کد.

مشاوره مفید

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

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

شما نیاز خواهید داشت

• دستورالعمل مشاهده کد منبع صفحه.

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

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

برای اینترنت اکسپلورر، تب "view" و سپس "original" را انتخاب کنید. کد صفحات»یا می توان با کلیک بر روی دکمه سمت راست ماوس، مورد را انتخاب کرد. توسط توسعه دهندگان رمزگذاری شود کددر این قسمت به منوی "سرویس" می رویم، سپس "ابزار توسعه دهنده"، روی فلش کلیک می کنیم، عنصر مورد نظر را انتخاب می کنیم و کدتبدیل شدن . بعد روی آیکون کلیک کنید و کد V قالب متنو از اجزای آن در html کپی کنید.

مرورگر موزیلافایرفاکس امکان مشاهده با استفاده از یک دستور ساده "Ctrl+U" را فراهم می کند یا در منوی "ابزارها" زیر رشته "مشاهده منبع" را انتخاب کنید. کد" شما می توانید اطلاعات رمزگذاری شده را در موزیلا فایرفاکس با نصب یک برنامه نویس ویژه وب مشاهده کنید، از منو انتخاب کنید. کد" رشته "تولید شد کد"و زیر صفحاتمقدار اصلی ظاهر می شود کدآ. فایل را در کلیپ بورد کپی کنید یا با پسوند page.htm ذخیره کنید.

هنگام استفاده از Google Chrome، در منوی اصلی "ابزار"، زیررشته "مشاهده منبع را انتخاب کنید کد"، سپس از دکمه سمت راست ماوس برای باز کردن آیتم "view" استفاده کنید کدآ صفحات» یا با استفاده از کلیدهای "Ctrl + U".

برای مرورگر سافاریدر منو "مشاهده html- کد"، همچنین با کلیک راست، زیر رشته "مشاهده منبع" را باز کنید یا از میانبر صفحه کلید "Ctrl + Alt + U" استفاده کنید.

توجه داشته باشید

امکان مشاهده اطلاعات رمزگذاری شده در مورد کد منبع با استفاده از دو مرورگر انجام می شود.

مشاوره مفید

اگر توسعه دهنده سایت نیستید، می توانید صفحه را فقط برای استفاده شخصی خود تغییر دهید.

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

شما نیاز خواهید داشت

• نرم افزار CheMax.

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

برای پیدا کردن کدهایی که قبلاً توسط توسعه دهندگان در طول آزمایش استفاده می شد ، به هیچ وجه لازم نیست که همه فایل های exe محصول بازی را با استفاده از ویرایشگرهای HEX باز کنید. شما فقط باید با استفاده از لینک زیر http://chemax.ru به یک سایت تخصصی برای تقلب بروید.

در صفحه بارگذاری شده، مکان نما را به نوار منو، یعنی بخش «کدهای تقلب» منتقل کنید و در لیستی که ظاهر می شود، «In language» را انتخاب کنید. در صفحه بعد، نام بازی را در نوار جستجو وارد کنید، سپس روی دکمه "جستجو" کلیک کنید. توصیه می شود کامل ترین نام را وارد کنید که می توان آن را از خصوصیات میانبر کپی کرد. برای این کار به دسکتاپ رفته و روی میانبر بازی کلیک راست کنید. در منوی زمینه، "Properties" را انتخاب کنید و نام را با استفاده از میانبر صفحه کلید Ctrl + C یا Ctrl + Insert کپی کنید.

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

دسترسی مداوم به سایت برای به دست آوردن کد لازم کار بسیار طولانی است، زیرا ... راه اندازی برنامه ویژه(CheMax) چندین برابر سریعتر است. برای این کار به منوی بالای CheMax رفته و CheMax Rus را انتخاب کنید. در صفحه دانلود برنامه، روی "Installer" یا " آرشیو RAR"، و مکان ذخیره فایل اجرایی را مشخص کنید.

پس از نصب برنامه، میانبر روی دسکتاپ قرار می گیرد که با راه اندازی آن برنامه باز می شود. در طول بازی، "مکث" را فشار دهید و استفاده کنید ترکیبات Alt+ برگه رفتن به پنجره باز. که در نوار جستجونام بازی را وارد کرده و Enter را فشار دهید.

ویدیو در مورد موضوع

منابع:

• چگونه کد بنر را بفهمیم؟

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

شما نیاز خواهید داشت

• - برنامه ای برای باز کردن کد منبع

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

مطمئن شوید که کد منبع است نرم افزار، که می خواهید مشاهده کنید برای آن در نظر گرفته شده است دسترسی آزاد. برای انجام این کار، به وب سایت رسمی توسعه دهنده نرم افزار بروید و نوع مجوز را مشاهده کنید. اگر کد منبع برنامه بسته باشد، نمی توانید آن را مشاهده کنید. این ناخوشایند است، اما با چنین سیستمی به ندرت می توان نسخه هایی از یک برنامه حاوی تروجان ها و سایر موارد را پیدا کرد. بد افزار. این مهمترین نقطه ضعف نرم افزار رایگان است.

اگر نرم‌افزار رایگان دارید، اگر چنین موردی توسط توسعه‌دهنده ارائه شده است، در منوی برنامه «کد منبع» را پیدا کنید، که بسیار نادر است. برای مشاهده آن در موارد دیگر، از اسمبلر یا سایر نرم افزارهای شخص ثالث استفاده کنید.

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

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

همچنین متوسل نشوید روش های مختلفایجاد تغییرات در کد منبع بسته یک برنامه، اغلب در چنین مواردی مسئولیت خاصی برای نقض قوانین توافق نامه مجوز بین کاربر و توسعه دهنده وجود دارد. علاوه بر این، چنین برنامه های ویرایش شده ای را در اینترنت پست نکنید.

ویدیو در مورد موضوع

مشاوره مفید

منابع نرم افزار رایگان را بررسی کنید.

برنامه هابه باز و بسته تقسیم می شود. در حالت اول همه کاربران اینترنت می توانند نسخه اصلی آن را دانلود کنند کداز وب سایت رسمی و سایر منابع، در دوم - کد سیستم بسته است و آن