.
سرفصل ها
بخش اول
- آشنایی با اصطلاحات رایج در دنیای وب
- ابزارهای لازم برای طراحی وب ادیتورها، مرورگرها، FTP ...
- انتخاب دامنه مناسب و نکات ثبت آن
- فضای میزبانی (هاستینگ) و آشنایی با پنلهای مدیریت هاست
- آشنایی اولیه با قراردادهای طراحی سایت
- روان شناسی رنگها و اصول انتخاب رنگ در طراحی وب
- معرفی محیطهای کدنویسی و مقایسه آنها
بخش دوم
- معرفی HTML و تاریخچه آن
- بررسی نسخه های مختلف HTML
- ساختار صفحات HTML :
- تگهای اصلی <head> و <body>
- عنوانها (<h1> تا h6>
- پاراگراف ها (<p>)
- لینک ها (<a>)
- تصاویر (<img>)
- لیست ها و جدول ها
- تگ های رسانه ای :
- ویدیو (<Video>)
- صدا (<audio>)
- فریم های خارجی (<iframe>)
- تگهای معنایی و ظرف ها (Containers)
- استفاده از <div> و <span> برای ساختاردهی
- بررسی عناصر معنایی مثل <section>, <article>, <nav>, <header> <footer>
- تفاوت عناصر درون خطی (Inline) و بلوکی (Block)
- ساخت فرم ها و صفحات چندگانه
- اعتبار سنجی (Validate) کدهای HTML و بررسی خطاها
- تمامی تگ های html
بخش سوم
آشنایی با CSS و روشهای افزودن آن به صفحات HTML
- Inline, Internal, External
- انواع سلکتورها (Selectors)
- سلکتورهای پایه (Basic Selectors)
- سلکتورهای نسبی (Relational Selectors: descendant, child, sibling)
- سلکتورهای شبه کلاس (Pseudo-class Selectors: :hover, :nth-child)
- سلکتورهای شبه عنصر (Pseudo-element Selectors: ::before, ::after)
- مفاهیم Value و Property در CSS
- وراثت (Inheritance) و اختصاص‌پذیری (Specificity) :
- ترتیب و اولویت استایل‌ها
- مفهوم !important
- مدل جعبه‌ای (Box Model) :
- محتوا، padding، margin، border
- نحوه محاسبه اندازه عنصر
- ابعاد و موقعیت‌دهی عناصر
- ویژگی display (block, inline, inline-block, none)
- ویژگی position (static, relative, absolute, fixed, sticky)
- ویژگی float و clear
- واحدهای اندازه‌گیری (px, %, em, rem, vw, vh)
- مخفی‌سازی عناصر (display: none, visibility: hidden, opacity)
- ابزارهای مدرن چیدمان
استایل‌دهی به عناصر مختلف :
- متن‌ها (تایپوگرافی)
- لیست‌ها
- فرم‌ها
- جدول‌ها
- تصاویر
- لینک‌ها
- رنگها و پس‌زمینه‌ها در CSS
- انواع رنگها (RGB, HEX, HSL)
- گرادیان‌ها (Linear و Radial)
- سایه‌ها (text-shadow, box-shadow)
- حاشیه‌ها (borders)
- ساخت منوهای آبشاری با CSS
- طراحی فرم‌ها و جداول پیشرفته
اعتبارسنجی و رفع خطاهای رایج در CSS
- مفاهیم دسترس‌پذیری (Accessibility) در استایل‌دهی
بخش چهارم
- معرفی HTML5 و ساختار جدید آن
- تگهای معنایی جدید: header, footer, section, article, nav, aside
- فرم‌های پیشرفته در HTML5 و فیلدهای جدید
- اضافه کردن فونت سفارشی (web fonts) و تایپوگرافی
- کار با تگهای svg و canvasترنزیشن‌ها، انیمیشن‌ها، Transformها
- بررسی تفاوت مرورگرها و مشکلات رایج در نمایش CSS3
مخاطبان دوره
- افراد علاقه‌مند به ورود به حوزه طراحی وب و فرانت‌اند
- دانشجویان و فارغ‌التحصیلان رشته‌های مرتبط با IT که نیاز به یادگیری اصول طراحی سایت دارند
- کارآموزان و مبتدیانی که هیچ پیش‌زمینه‌ای در برنامه‌نویسی ندارند
- طراحان گرافیک که قصد دارند وب‌سایت طراحی یا پیاده‌سازی کنند
- تولیدکنندگان محتوا و مدیران وب‌سایت که می‌خواهند ساختار صفحات وب را بهتر درک کنند
- صاحبان کسب‌وکارهای کوچک که می‌خواهند یک وب‌سایت ساده را خودشان طراحی و مدیریت کنند
- توسعه‌دهندگان بک‌اند که نیازمند یادگیری ساختار و استایل‌دهی سمت کاربر هستند
- علاقه‌مندان به یادگیری HTML5 و CSS3 برای شروع مسیر Front-End Development
به عنوان اولین نفر، نظر خود را بنویسید!