درباره‌ی این دوره
نقطه‌ی شروع رسمی مسیر سه‌سطحی طراحی وب در ایده‌نت. این دوره به‌صورت جامع HTML و CSS را پوشش می‌دهد و پایه‌ی محکمی برای ادامه‌ی مسیر فراهم می‌کند.
محتوای HTML شامل ساختار سند، تگ‌های معنایی، Formها، Multimedia و Accessibility است. محتوای CSS شامل Selector، Box Model، Layout (Display، Position، Flexbox)، تایپوگرافی، رنگ، Background، Transition و Animation پایه است.
تمرین‌ها بسیار عملی هستند: در طول دوره چندین صفحه‌ی واقعی از طرح‌های Figma به HTML/CSS تبدیل می‌کنید.
سرفصل دوره
۳ فصل · ۲۱ سرفصل
در این دوره، با مبانی طراحی وب و ساخت صفحات اینترنتی به‌صورت اصولی آشنا می‌شوید. HTML به شما ساختار صفحات وب را آموزش می‌دهد و CSS ظاهر و طراحی آن‌ها را شکل می‌دهد. این دوره از سطح کاملاً مبتدی شروع شده و بدون نیاز به پیش‌زمینه برنامه‌نویسی تدریس می‌شود. با تمرین‌های عملی و پروژه‌محور، مفاهیم را به‌صورت کاربردی یاد خواهید گرفت. در پایان دوره، توانایی طراحی صفحات وب استاندارد را خواهید داشت.
۱آشنایی و مقدمات۴ سرفصل
- HTML و CSS چیست و چه کاربردی دارند؟
- نحوه کار وب‌سایت‌ها (Client / Server)
- معرفی ابزارهای مورد نیاز (VS Code، مرورگرها)
- ساخت اولین فایل HTML
۲آموزش HTML (ساختار وب‌سایت)۸ سرفصل
- ساختار استاندارد یک صفحه HTML
- تگ‌ها، اتریبیوت‌ها و عناصر پایه
- متن‌ها، هدینگ‌ها و پاراگراف‌ها
- لینک‌ها و تصاویر
- لیست‌ها (Ordered / Unordered)
- جداول
- فرم‌ها و input ها
- عناصر معنایی (Semantic Tags)
۳آموزش CSS طراحی و استایل‌دهی۹ سرفصل
- CSS چیست و روش‌های استفاده از آن
- Selector ها و نحوه انتخاب عناصر
- رنگ‌ها، فونت‌ها و متن
- Box Model (margin, padding, border)
- اندازه‌ها و واحدها
- Display و Position
- Flexbox
- Responsive Design و Media Query
- آشنایی با Grid در صورت نیاز
پروژه
پروژه عملی
- طراحی یک صفحه وب واقعی
- تبدیل طراحی به کد
- ریسپانسیو کردن پروژه
- بهینه‌سازی ظاهر سایت
نحوه‌ی برگزاری
محیط آموزشی پیشرفته و پویا
کلاس‌های زنده‌ی تعاملی به‌همراه ضبط جلسات.
دوره‌ی فشرده‌ی پروژه‌محور برای ورود سریع به بازار کار.
دوره‌های مرتبط در همین رشته آموزشی
SEO
SEO
بهینه‌سازی موتورهای جستجو برای رتبه‌گرفتن در نتایج گوگل.
Web II: Responsive CSS, Bootstrap
Web II: Responsive CSS, Bootstrap
طراحی واکنش‌گرا با Flexbox، Grid و فریم‌ورک Bootstrap.
Web III: Javascript, Jquery
Web III: Javascript, Jquery
تعامل و دینامیک‌سازی صفحات وب با JavaScript و jQuery.