نحوه مشاهده یک منبع HTML وب در Safari

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

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

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

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

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

نحوه مشاهده منبع HTML در Safari

  1. باز سافاری
  2. به صفحه وب مورد نظر خود بروید.
  3. روی منوی توسعه در نوار منوی بالای صفحه کلیک کنید. نکته: اگر منوی توسعه نمایش داده نشود، به بخش Preferences در بخش پیشرفته بروید و منوی Show Develop را در نوار منو انتخاب کنید.
  4. کلیک کنید نمایش منبع صفحه . این یک پنجره متنی را با منبع HTML صفحهی که در آن دنبال میکنید باز میکند.

نکات

  1. در اکثر صفحات وب همچنین می توانید منبع را با کلیک راست بر روی صفحه (بدون تصویر) و انتخاب صفحه نمایش نشان دهید. این تنها نمایش داده خواهد شد اگر منوی توسعه در Preferences فعال شود.
  2. Safari همچنین دارای یک میانبر صفحه کلید برای مشاهده منبع HTML است - کلید های دستور و گزینه را نگه دارید و U را فشار دهید (Cmd-Opt-U.)

آیا مشاهده کد منبع قانونی است؟

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

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