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