آموزش طراحی وب ۱ (HTML,CSS)

اگر به فکر طراحی یک وب‌سایت هستید و به برنامه‌نویسی علاقه‌مندید، HTML و CSS بهترین نقطه شروع است. این دوره شما را با اصول اولیه طراحی وب آشنا می‌کند

جهت ثبت نام در دوره لطفا تماس بگیرید

3.300.000 تومان

توضیحات

مدت زمان دوره : 2 ماه
نوع دوره : حضوری
پیشنیاز : دوره ورود به برنامه نویسی
پشتیبانی : رفع اشکال در بله و تلگرام
سطح دوره : مقدماتی

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

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

پس از یادگیری HTML، به بخش CSS می‌رسید که نحوه استایل‌دهی و زیباسازی صفحات وب را آموزش می‌دهد. شما با انواع Selectorها، تنظیمات رنگ، پس‌زمینه‌ها، حاشیه‌ها، سایه‌ها، فونت‌ها و دیگر عناصر طراحی آشنا می‌شوید. این دانش به شما کمک می‌کند که صفحات وب خود را به‌طور حرفه‌ای طراحی و زیبا کنید. همچنین با اصولی مانند Box Model، Margin، Padding و تنظیمات مربوط به Layout صفحات آشنا خواهید شد

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

سرفصل ها

مقدمه

آشنایی با مفاهیم شبکه و اینترنت

آشنایی با پروتکل HTTP و HTTPS

آشنایی با مفاهیم وب سایت و سرور

آشنایی با مفاهیم دامنه و هاست

انواع روش های پیاده سازی وبسایت

معرفی زبان HTML

آشنایی با ساختار صفحات HTML

کامنت گذاری در HTML

درج محتوای متنی و قالب بندی محتوای متنی

درج محتوای بصری (تصویر، ویدیو، فایل صوتی)

کار با پیوند ها و لینک ها

کار با لیست ها

کار با جداول

بررسی فرم ها و انواع Input ها

آشنایی با Id و Class

کار با تگ های مفهومی و Div در HTML

آشنایی با metadata ها

معرفی زبان CSS

انواع فراخوانی فایل های CSS در HTML

آشنایی و کار با Selector

استفاده از Selector های وابسته و چند سطحی

رنگ ها در CSS و تنظیم رنگ المان ها

آشنایی و کار با Background و انواع آنها

کار با Border و حاشیه المان ها

کار با Shadow

استایل دهی به متون و تنظیمات آن

کار با font ها در CSS

انواع واحد ها در CSS

توضیح Box Model

نحوه کار با margin و padding

کار با display و position

کار با Animations و Transition و Transform

کار با FlexBox

کار با z-Index

کار با Float

طراحی قالب و ساختار اولیه سایت

طراحی واکنش گرا (Responsive)

معرفی سایت ها و منابع کاربردی در طراحی وب

پیاده سازی پروژه کامپاننت Tab

پیاده سازی پروژه نوار پیشرفت Progress-Bar

پیاده سازی پروژه پیام هشدار Alert

پیاده سازی پروژه صفحه بزودی و در دست توسعه برای یک وبسایت

پیاده سازی پروژه صفحه ورود و ثبت نام

پیاده سازی پروژه دیزاین صفحه To Do List

پیاده سازی پروژه دیزاین فروشگاه

پیاده سازی پروژه دیزاین وبلاگ خبری

نظرات

سوالات و نظراتتون رو با ما به اشتراک بذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *