برو به محتوا

HTML و CSS · سطح ۱ — مبتدی

آموزش HTML و CSS از صفر

از «وب چطور کار می‌کند» تا اولین صفحهٔ شخصی شما: ساختار، متن، لینک، تصویر، فرم، و پایه‌های CSS و چیدمان — هر درس با تمرین زنده و آزمونک.

  • مدرس: مهدی مشعل
  • درس‌ها رایگان
  • متن و تصویر
  • تمرین زنده
  • آزمونک
  • پروژه

برای چه کسی

  • کسی که هیچ کدی ننوشته و می‌خواهد درست شروع کند
  • طراح یا تولیدکنندهٔ محتوایی که می‌خواهد صفحه‌اش را خودش بسازد
  • دانش‌آموز و دانشجویی که مسیر برنامه‌نویسی وب را انتخاب کرده است

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

  • صفحهٔ HTML معنادار و درست بنویسید
  • متن، لینک، تصویر، فهرست، جدول و فرم را به‌جا به کار ببرید
  • با CSS رنگ، فونت، فاصله و چیدمان ساده بسازید
  • یک صفحهٔ شخصی واکنش‌گرا بسازید و منتشر کنید

پیش‌نیاز

  • کار با کامپیوتر و مرورگر؛ همین

سرفصل‌ها

  1. ۱شروع: وب و اولین صفحه۴ آماده
    1. وب چطور کار می‌کند۵ دقیقه
    2. اولین صفحهٔ HTML۱۴ دقیقه
    3. عنصرها، تگ‌ها و ویژگی‌ها۱۴ دقیقه
    4. عنوان‌ها و پاراگراف‌ها۱۴ دقیقه
  2. ۲لینک، تصویر، فهرست و جدول۲ آماده
    1. لینک‌ها۱۴ دقیقه
    2. تصاویر۱۴ دقیقه
    3. فهرست‌هابه‌زودی
    4. جدول‌هابه‌زودی
  3. ۳فرم‌هابه‌زودی
    1. فرم و ارسال آنبه‌زودی
    2. ورودی‌ها و برچسب‌هابه‌زودی
    3. دکمه‌ها و اعتبارسنجیبه‌زودی
  4. ۴پایه‌های CSSبه‌زودی
    1. اولین CSSبه‌زودی
    2. انتخابگرهابه‌زودی
    3. رنگ و فونتبه‌زودی
    4. مدل جعبهبه‌زودی
    5. واحدها: px، rem، ٪به‌زودی
  5. ۵چیدمانبه‌زودی
    1. display: بلوک و درون‌خطیبه‌زودی
    2. فلکس‌باکس مقدماتیبه‌زودی
    3. صفحهٔ واکنش‌گرابه‌زودی
  6. ۶پروژهٔ سطحبه‌زودی
    1. پروژه: صفحهٔ شخصی شمابه‌زودی

پروژهٔ پایان سطح

صفحهٔ شخصی شما: معرفی، کارها و راه تماس، روی گوشی و دسکتاپ

گذراندن این سطح یعنی: پایه‌ها را بی‌کمک می‌سازد — مدال جرقه