آموزش HTML و CSS (پروژه‌محور)
بایگانی شده
فرانت اند مقدماتی

آموزش HTML و CSS (پروژه‌محور)

م

مدرس

محمدرضا کیانی

2
سرفصل
1
جلسه
0
ویدیو
-
دقیقه
تاریخ انتشار
1404/10/02
آخرین آپدیت
1404/10/09

درباره این دوره

HTML و CSS دو تکنولوژی اصلی برای ساخت صفحات وب هستند. با HTML ساختار صفحه مشخص می‌شود و با CSS ظاهر و چیدمان آن شکل می‌گیرد.

در دوره آموزش HTML و CSS پروژه‌محور در DivisCode (دیویژکد) تلاش کرده‌ایم آموزش را از کاملاً صفر شروع کنیم و قدم‌به‌قدم جلو برویم؛ به‌طوری که افراد بدون هیچ پیش‌زمینه‌ای هم بتوانند یادگیری را شروع کنند.

این دوره مناسب چه کسانی است؟

تا حالا طراحی سایت انجام نداده‌اند

می‌خواهند HTML و CSS را از پایه یاد بگیرند

قصد دارند بعداً وارد مسیر فرانت‌اند یا وردپرس شوند

دوست دارند با پروژه واقعی یاد بگیرند، نه فقط تئوری

هدف این دوره

هدف این دوره این است که شما بتوانید:

ساختار یک صفحه وب را درست بنویسید

ظاهر آن را با CSS کنترل کنید

و در نهایت چند صفحه وب ساده را خودتان پیاده‌سازی کنید

پیش‌نیازهای دوره

پیش‌نیازی لازم نیست.

محتوای دوره

HTML و CSS چیست؟


HTML یک زبان نشانه‌گذاری است که ساختار محتوای صفحه وب را مشخص می‌کند؛

  • کجا تیتر باشد

  • کجا متن قرار بگیرد

  • تصویر یا لینک در چه بخشی نمایش داده شود

  • CSS زبانی است که برای استایل‌دهی به صفحات وب استفاده می‌شود؛

  • رنگ‌ها را تغییر داد

  • فونت‌ها را تنظیم کرد

  • فاصله‌ها و اندازه‌ها را کنترل کرد

  • چیدمان صفحه را مرتب کرد

  • در این دوره، HTML و CSS در کنار هم و به‌صورت عملی آموزش داده می‌شوند.

آموزش پروژه‌محور یعنی چه؟

در این دوره آموزش‌ها فقط به توضیح تگ‌ها و قوانین محدود نمی‌شود.

بعد از یادگیری هر مبحث:

همان بخش را در قالب پروژه عملی پیاده‌سازی می‌کنید

خروجی واقعی می‌سازید

نتیجه کد خودتان را روی صفحه می‌بینید

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

برای شروع این دوره به چه چیزهایی نیاز دارید؟

هیچ پیش‌نیازی ندارد

نیازی به تجربه قبلی برنامه‌نویسی نیست

فقط کافی است با کامپیوتر کار کرده باشید

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


در این دوره با موارد زیر آشنا می‌شوید:

ساختار HTML و تگ‌های پایه

کار با متن، تصویر، لینک و فرم‌ها

اصول CSS و استایل‌دهی

رنگ‌ها، فونت‌ها و فاصله‌ها

چیدمان صفحه با Flexbox

ریسپانسیو کردن صفحات

پیاده‌سازی چند پروژه ساده و کاربردی

نظرات و امتیازات

0 نظر

هنوز نظری ثبت نشده است