چگونه طراحی سایت را یاد بگیریم و یک متخصص شویم؟

سه راه اصلی وجود دارد که می توانید طراحی وب را به خودتان آموزش دهید.با انجام دادن : با ایجاد وب سایت ها می توان یاد گرفت.با استفاده از منابع آنلاین : هرکسی در برخی مواقع به صورت آنلاین پاسخ هایی در مورد نحوه طراحی وب سایت پیدا می کند.با خواندن : اکثر طراحان می گویند طراحی وب را تا حدی با خواندن کتاب یاد می گیرند.یادگیری طراحی وب با انجامبهترین راه برای شروع به درک صفحات وب این است که ببینید چگونه وب سایت های موجود کنار هم قرار گرفته اند و خودتان آنها را بسازیدنحوه کار سایر وب سایت ها را مشاهده کنیدبرای شروع، اکثر صفحات وب در اینترنت، حداقل تا حدی، با 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 ایستا خود را ایجاد کنیددر حالی که درک شما از HTML، CSS و جاوا اسکریپت رشد می کند، باید سایت های HTML ایستا را چه به صورت محلی و چه در یک وب سرور ایجاد کنید. به طور مداوم با کد بازی کنید تا کارهای جالبی انجام دهید. سعی کنید با کپی بیت هایی از کد، عناصر خاصی را در سایر وب سایت ها بازسازی کنید.