<!--
CO_OP_TRANSLATOR_METADATA:
{
  "original_hash": "5a764667bbe82aa72ac0a67f4c97ff4a",
  "translation_date": "2025-10-03T08:42:24+00:00",
  "source_file": "3-terrarium/1-intro-to-html/assignment.md",
  "language_code": "fa"
}
-->
# تمرین HTML: ساخت یک نمونه اولیه وبلاگ

## هدف

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

## دستورالعمل‌ها

1. **طراحی نمونه اولیه وبلاگ**
   - یک طرح بصری از صفحه اصلی وبلاگ خود رسم کنید. بخش‌های کلیدی مانند هدر، ناوبری، محتوای اصلی، نوار کناری و فوتر را شامل کنید.
   - می‌توانید از کاغذ استفاده کرده و طرح خود را اسکن کنید، یا از ابزارهای دیجیتال (مانند Figma، Adobe XD، Canva یا حتی PowerPoint) استفاده کنید.

2. **شناسایی عناصر HTML**
   - لیستی از عناصر HTML که قصد دارید برای هر بخش استفاده کنید تهیه کنید (مانند `<header>`, `<nav>`, `<main>`, `<article>`, `<aside>`, `<footer>`, `<section>`, `<h1>`–`<h6>`, `<p>`, `<img>`, `<ul>`, `<li>`, `<a>` و غیره).

3. **نوشتن کد HTML**
   - کد HTML مربوط به نمونه اولیه خود را به صورت دستی بنویسید. بر ساختار معنایی و بهترین شیوه‌ها تمرکز کنید.
   - حداقل ۱۰ عنصر HTML مختلف را شامل کنید.
   - برای توضیح انتخاب‌ها و ساختار خود، کامنت اضافه کنید.

4. **ارسال کار**
   - طرح/نمونه اولیه و فایل HTML خود را آپلود کنید.
   - به صورت اختیاری، یک بازتاب کوتاه (۲–۳ جمله) درباره تصمیمات طراحی خود ارائه دهید.

## معیار ارزیابی

| معیار            | عالی                                                                                       | قابل قبول                                                                     | نیاز به بهبود                                                                  |
|------------------|--------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------|---------------------------------------------------------------------------------|
| نمونه اولیه بصری | نمونه اولیه واضح و دقیق با بخش‌های برچسب‌گذاری شده و چیدمان متفکرانه                        | نمونه اولیه پایه با برخی بخش‌های برچسب‌گذاری شده                               | نمونه اولیه حداقلی یا نامشخص؛ فاقد برچسب بخش‌ها                                 |
| عناصر HTML       | استفاده از ۱۰+ عنصر HTML معنایی؛ نشان‌دهنده درک ساختار و بهترین شیوه‌ها                     | استفاده از ۵–۹ عنصر HTML؛ برخی ساختار معنایی                                   | استفاده از کمتر از ۵ عنصر؛ فاقد ساختار معنایی                                   |
| کیفیت کد         | کد سازماندهی شده، خوانا با کامنت‌ها؛ مطابق با استانداردهای HTML                            | کد تا حدی سازماندهی شده؛ کامنت‌های کم                                          | کد نامنظم؛ فاقد کامنت‌ها                                                       |
| بازتاب           | بازتابی بینش‌مند درباره انتخاب‌های طراحی و چالش‌ها                                         | بازتاب پایه                                                                    | بدون بازتاب یا فاقد ارتباط                                                     |

## نکات

- از تگ‌های HTML معنایی برای دسترسی بهتر و SEO استفاده کنید.
- کد خود را با تورفتگی و کامنت‌ها سازماندهی کنید.
- برای راهنمایی به [مرجع عناصر HTML در MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element) مراجعه کنید.
- به این فکر کنید که چیدمان شما چگونه می‌تواند در تمرین‌های آینده گسترش یا استایل‌دهی شود.

---

**سلب مسئولیت**:  
این سند با استفاده از سرویس ترجمه هوش مصنوعی [Co-op Translator](https://github.com/Azure/co-op-translator) ترجمه شده است. در حالی که ما تلاش می‌کنیم دقت را حفظ کنیم، لطفاً توجه داشته باشید که ترجمه‌های خودکار ممکن است شامل خطاها یا نادرستی‌ها باشند. سند اصلی به زبان اصلی آن باید به عنوان منبع معتبر در نظر گرفته شود. برای اطلاعات حساس، ترجمه حرفه‌ای انسانی توصیه می‌شود. ما مسئولیتی در قبال سوء تفاهم‌ها یا تفسیرهای نادرست ناشی از استفاده از این ترجمه نداریم.