# ایچ ٹی ایم ایل پریکٹس اسائنمنٹ: بلاگ موک اپ بنائیں ## سیکھنے کے مقاصد اپنے ایچ ٹی ایم ایل کے علم کو استعمال کرتے ہوئے ایک مکمل بلاگ ہوم پیج کا ڈھانچہ ڈیزائن اور کوڈ کریں۔ یہ عملی اسائنمنٹ آپ کے سیمینٹک ایچ ٹی ایم ایل کے تصورات، رسائی کے بہترین طریقوں، اور پیشہ ورانہ کوڈ آرگنائزیشن کی مہارتوں کو مضبوط کرے گا جو آپ اپنی ویب ڈیولپمنٹ کے سفر میں استعمال کریں گے۔ **اس اسائنمنٹ کو مکمل کرنے سے آپ:** - ویب سائٹ کے لے آؤٹ کو کوڈنگ سے پہلے منصوبہ بندی کرنے کی مشق کریں گے - سیمینٹک ایچ ٹی ایم ایل عناصر کو مناسب طریقے سے استعمال کریں گے - قابل رسائی، اچھی طرح سے منظم مارک اپ بنائیں گے - تبصرے اور تنظیم کے ساتھ پیشہ ورانہ کوڈنگ کی عادات کو فروغ دیں گے ## پروجیکٹ کے تقاضے ### حصہ 1: ڈیزائن کی منصوبہ بندی (ویژول موک اپ) **اپنے بلاگ ہوم پیج کا ایک ویژول موک اپ بنائیں جس میں شامل ہو:** - ہیڈر جس میں سائٹ کا عنوان اور نیویگیشن ہو - مین مواد کا حصہ جس میں کم از کم 2-3 بلاگ پوسٹ کے پیش نظارے ہوں - سائیڈ بار جس میں اضافی معلومات (اباؤٹ سیکشن، حالیہ پوسٹس، کیٹیگریز) ہوں - فوٹر جس میں رابطے کی معلومات یا لنکس ہوں **موک اپ بنانے کے اختیارات:** - **ہاتھ سے بنائی گئی خاکہ**: کاغذ اور پنسل استعمال کریں، پھر اپنے ڈیزائن کی تصویر یا اسکین کریں - **ڈیجیٹل ٹولز**: Figma، Adobe XD، Canva، PowerPoint، یا کوئی بھی ڈرائنگ ایپلیکیشن - **وائر فریم ٹولز**: Balsamiq، MockFlow، یا اسی طرح کے وائر فریم سافٹ ویئر **اپنے موک اپ کے حصوں کو لیبل کریں** ان ایچ ٹی ایم ایل عناصر کے ساتھ جنہیں آپ استعمال کرنے کا ارادہ رکھتے ہیں (مثلاً، "ہیڈر - `

`"، "بلاگ پوسٹس - `

`")۔ ### حصہ 2: ایچ ٹی ایم ایل عناصر کی منصوبہ بندی **اپنے موک اپ کے ہر حصے کو مخصوص ایچ ٹی ایم ایل عناصر کے ساتھ نقشہ بنائیں:** ``` Example: - Site Header →

- Main Navigation →