طراحی وب مقدماتی

معرفی دوره

در این دوره چه می‌آموزی؟

• آشنایی کامل با مفاهیم پایه‌ای وب، سرور، مرورگر و تفاوت‌های UI/UX
• تسلط بر ساختار کدهای HTML و استفاده از تگ‌های ساختاری، فرم‌ها و جدول‌ها
• مهارت کامل در استایل‌دهی صفحات با CSS و مدیریت رنگ‌ها، فونت‌ها و پس‌زمینه‌ها
• تسلط بر مدل جعبه‌ای (Box Model) و طراحی ریسپانسیو با Flexbox
• پیاده‌سازی افکت‌های بصری، سایه‌ها، گرادینت‌ها و انیمیشن‌های CSS
• توانایی خواندن طرح‌های UI و کدنویسی اولیه از روی نرم‌افزار فیگما (Figma)

سرفصل دوره

1. ۱ مبانی وب، ابزارها و ساختار اولیه

   آشنایی با مفهوم وب، مرورگر، سرور و تفاوت Frontend و Backend معرفی HTML، CSS و JavaScript و راه‌اندازی محیط کار با VS Code

2. ۲ تگ‌های پایه و ساختار محتوا در HTML

   بررسی تگ‌های head, body و ساختار سند HTML کار با تیترها (h1-h6)، پاراگراف‌ها، لینک‌ها (a) و تصاویر (img)

3. ۳ لیست‌ها و ساخت فرم‌های تعاملی

   طراحی لیست‌های مرتب و نامرتب (ul, ol, li) ساخت فرم‌های ورودی اطلاعات با انواع input، تگ label و textarea

4. ۴ مقدمات CSS و استایل‌دهی صفحات

   روش‌های استایل‌دهی (Inline, Internal, External) و اتصال فایل‌ها مدیریت رنگ‌ها، پس‌زمینه (background) و استفاده از Classها

5. ۵ مدل جعبه‌ای و چینش مدرن با Flexbox

   تسلط بر Box Model شامل margin، padding و border آموزش سیستم چیدمان Flexbox و ویژگی‌های آن به همراه تمرین عملی

6. ۶ استایل‌دهی پیشرفته متن و المان‌ها

   کانفیگ و استفاده از فونت‌های سفارشی در پروژه اعمال سایه‌ها (box-shadow, text-shadow)، border-radius و افکت hover

7. ۷ موقعیت‌دهی (Positioning) و لایه‌بندی

   کار با موقعیت‌های position (absolute, relative, fixed) و z-index مدیریت overflow، نمایش عناصر با display و پسودوکلاس‌های before و after

8. ۸ گرادینت، تصاویر پس‌زمینه و انیمیشن‌ها

   کار با background-image پیشرفته و ساخت پس‌زمینه‌های گرادینت معرفی انیمیشن‌های CSS و ویژگی‌های کلیدی حرکت عناصر

9. ۹ آشنایی اولیه با محیط نرم‌افزار فیگما (Figma)

   آموزش نحوه استخراج اطلاعات و کدنویسی از روی طرح فیگما

کلاس‌های این دوره

برای ثبت‌نام، کلاس متناسب با برنامهٔ خود را انتخاب کنید.

مدرسان دوره

نگار توسلی

مدرس طراحی وب

درود و وقت بخیر؛ نگار توسلی هستم. از کودکی به کار با کامپیوتر علاقه داشتم و در دوران راهنمایی و دبیرستان مهارت‌های ICDL را فرا گرفتم. در سال اول دانشگاه یادگیری زبان پایتون را آغاز کردم و در ادامه، مسیر تخصصی خود را در حوزه…

علی حسن زاده

مدرس طراحی وب

من علی حسن‌زاده هستم؛ مهندس کامپیوتر و توسعه‌دهنده وب. باور قلبی من این است که برنامه‌نویسی برای بچه‌ها صرفاً یادگیری کدها نیست، بلکه بهترین ابزار برای پرورش خلاقیت، تفکر منطقی و تبدیل شدن از «مصرف‌کننده تکنولوژی» به «خالق آن» است. در آکادمی رادین تلاش می‌کنم…

علیرضا آقایی

مدرس طراحی وب و پایتون

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

سوالات متداول