بهترین راه برای شروع به درک صفحات وب این است که ببینید چگونه وب سایت های موجود کنار هم قرار گرفته اند و خودتان آنها را بسازید
نحوه کار سایر وب سایت ها را مشاهده کنید
برای شروع، اکثر صفحات وب در اینترنت، حداقل تا حدی، با HTML نوشته شده اند. برای دیدن HTML که این صفحه را ایجاد می‌کند، باید در مرورگری که استفاده می‌کنید «مشاهده منبع» را انجام دهید. Cmd/Ctrl-U (برای فایرفاکس) ، Cmd/Ctrl-Alt/Opt-U (برای کروم) را امتحان کنید، و واقعاً باید از خود بپرسید که آیا طراحی وب مسیر شغلی مناسبی است یا خیر. برای شما.
سعی کنید از طریق HTML نگاه کنید تا ببینید چگونه عناصر مختلف در یک صفحه وب علامت گذاری شده اند. ممکن است بتوانید تگ های خاصی را فوراً شناسایی کنید. به عنوان مثال <p> برای پاراگراف است، <h1،2،3> سرفصل ها، <img> برای یک تصویر و غیره است. متوجه خواهید شد که بیشتر این تگ ها به صورت جفت کار می کنند تا ابتدا و انتهای علامت گذاری را نشان دهند. برای مثال <p>متن اینجا</p> باز و بسته شدن تگ پاراگراف را با علامت اسلش (/) قبل از تگ بسته شدن نشان می دهد. تگ های دیگر به صورت جفت کار نمی کنند، به عنوان مثال تگ تصویر به خودی خود بسته می شود <img src = "https://robcubbon.com/images/rob.jpg" /> این به مرورگر دستور می دهد تصویری را با یک آدرس وب خاص نمایش دهد. به عنوان منبع (src).
نکته دیگری که ممکن است از منبع HTML متوجه شوید این است که تمام صفحات HTML ساختار مشابهی دارند. همه آنها با یک اعلان <!DOCTYPE> شروع می شوند که می گوید در کدام نسخه HTML است، به دنبال آن یک اعلان <HTML> و سپس <head> سند که محفظه ای از عناصر مختلف از جمله پیوندها به اسکریپت ها، شیوه نامه ها است. اطلاعات متا و غیره. بعد از <head> <body> می آید که در آن عناصر صفحه وب علامت گذاری شده اند.
ابزارهای تجارت
ابزارهای خاصی وجود دارد که به آنها نیاز خواهید داشت.
سعی کنید سایت های خود را بر روی مرورگرها و تلفن های مختلف آزمایش کنید .
می توانید از Notepad اصلی (PC) یا TextEdit (Mac) یا شاید Coda (Mac) یا Dreamweaver استفاده کنید - از Dreamweaver در حالت بصری استفاده نکنید، فقط روی کد کار کنید، باید بدانید که چگونه این موارد در زیر کاپوت ماشین.
صفحات وب خود را با HTML Validator و CSS Validator اعتبار سنجی کنید (از یک افزونه مرورگر مانند Web Developer برای Chrome برای تماس سریع با آنها استفاده کنید).
این ابزارها به شما کمک می‌کنند تا CSS و جاوا اسکریپت را درک کنید که اگر فکر می‌کردید HTML دشوار است، درک درستی از آنها داشته باشید.
در طراحی وب، ویرایشگرهای تصویر مانند Photoshop یا Fireworks مرکزی هستند. اینها بسیار گران هستند، اما اگر تازه شروع به کار کرده اید، GIMP به علاوه مجموعه ای از ویرایشگرهای تصویر آنلاین وجود دارد.
در حالی که درک شما از HTML، CSS و جاوا اسکریپت رشد می کند، باید سایت های HTML ایستا را چه به صورت محلی و چه در یک وب سرور ایجاد کنید. به طور مداوم با کد بازی کنید تا کارهای جالبی انجام دهید. سعی کنید با کپی بیت هایی از کد، عناصر خاصی را در سایر وب سایت ها بازسازی کنید.
