حالت آفلاین — محتوا از حافظهٔ کش نمایش داده می‌شود
HTML از صفر؛ ساخت وب‌سایت

طرح پروژه؛ یک سایت سه‌صفحه‌ای برای کارگاه

۸. پروژهٔ پایانی؛ وب‌سایت کارگاه · 0٪

برای ذخیره پیشرفت و استفاده از دستیار وارد شوید.

خروجی واقعی این دوره

یک وب‌سایت ایستا برای معرفی کارگاه بساز. ظاهر سادهٔ پیش‌فرض کافی است؛ تمرکز بر ساختار درست، ناوبری و دسترس‌پذیری است. سه صفحه داریم: خانه، دربارهٔ کارگاه و ثبت‌نام. همهٔ فایل‌ها در یک پوشه‌اند.

workshop-site/
  index.html
  about.html
  register.html
  images/
    workshop.jpg

یک تصویر مجاز از خودت یا یک تصویر دارای مجوز روشن در images بگذار. در هر صفحه سند کامل با doctype، lang="fa"، dir="rtl"، charset، viewport و title مخصوص همان صفحه بنویس.

معیار تحویل

  • منوی ثابتِ سه‌لینکی با مسیر نسبی در هر سه صفحه
  • یک main و یک h1 روشن در هر صفحه
  • خانه: معرفی، figure با alt و caption، جدول دو جلسه و پرسش‌های متداول
  • درباره: هدف کارگاه، فهرست مهارت‌ها و راه تماس
  • ثبت‌نام: labelهای متصل، ایمیل الزامی، انتخاب شیوهٔ حضور و دکمهٔ submit
  • لینک پرش، تیترهای مرتب و پیمایش با صفحه‌کلید

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

فرم این پروژه نمایشی است. بدون پیاده‌سازی سرور، ثبت‌نام یا ذخیرهٔ اطلاعات واقعی انجام نمی‌شود. برای آزمایش از دادهٔ ساختگی استفاده کن.

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