# تمرین HTML: ساخت یک نمونه بلاگ ## اهداف یادگیری دانش HTML خود را با طراحی و کدنویسی ساختار کامل صفحه اصلی یک بلاگ به کار ببرید. این تمرین عملی مفاهیم معنایی HTML، بهترین روش‌های دسترسی‌پذیری و مهارت‌های سازماندهی حرفه‌ای کد را که در طول مسیر توسعه وب استفاده خواهید کرد، تقویت می‌کند. **با انجام این تمرین، شما قادر خواهید بود:** - تمرین برنامه‌ریزی چیدمان وب‌سایت قبل از کدنویسی - به‌کارگیری مناسب عناصر معنایی HTML - ایجاد نشانه‌گذاری قابل دسترسی و ساختارمند - توسعه عادات حرفه‌ای کدگذاری با استفاده از کامنت و سازماندهی ## الزامات پروژه ### بخش 1: برنامه‌ریزی طراحی (نمونه تصویری) **یک نمونه تصویری از صفحه اصلی بلاگ خود ایجاد کنید که شامل موارد زیر باشد:** - هدر با عنوان سایت و ناوبری - بخش محتوای اصلی با حداقل 2-3 پیش‌نمایش پست بلاگ - سایدبار با اطلاعات اضافی (بخش درباره، پست‌های اخیر، دسته‌بندی‌ها) - فوتر با اطلاعات تماس یا لینک‌ها **گزینه‌های ایجاد نمونه تصویری:** - **طرح دستی**: با استفاده از کاغذ و مداد، سپس عکس گرفتن یا اسکن طرح - **ابزارهای دیجیتال**: Figma، Adobe XD، Canva، PowerPoint یا هر نرم‌افزار رسم دیگر - **ابزارهای وایرفریم**: Balsamiq، MockFlow یا نرم‌افزارهای مشابه وایرفریمینگ **بخش‌های نمونه تصویری خود را با عناصری از HTML که قصد دارید استفاده کنید برچسب‌گذاری کنید** (مثلاً "هدر - `
`"، "پست‌های بلاگ - `
`"). ### بخش 2: برنامه‌ریزی عناصر HTML **یک لیست بسازید که هر بخش از نمونه تصویری را به عناصر HTML مشخص نگاشت کند:** ``` Example: - Site Header →
- Main Navigation →