You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
5.5 KiB
5.5 KiB
HTML پریکٹس اسائنمنٹ: بلاگ ماک اپ بنائیں
مقصد
ذاتی بلاگ کے ہوم پیج کے لیے HTML کا ڈھانچہ ڈیزائن کریں اور خود کوڈ کریں۔ یہ مشق آپ کو سیمینٹک HTML، لے آؤٹ پلاننگ، اور کوڈ آرگنائزیشن کی مشق کرنے میں مدد دے گی۔
ہدایات
-
اپنے بلاگ ماک اپ کو ڈیزائن کریں
- اپنے بلاگ کے ہوم پیج کا بصری ماک اپ بنائیں۔ اہم سیکشنز شامل کریں جیسے ہیڈر، نیویگیشن، مین مواد، سائیڈ بار، اور فوٹر۔
- آپ کاغذ پر خاکہ بنا سکتے ہیں اور اسے اسکین کر سکتے ہیں، یا ڈیجیٹل ٹولز (جیسے Figma، Adobe XD، Canva، یا حتیٰ کہ PowerPoint) استعمال کر سکتے ہیں۔
-
HTML عناصر کی شناخت کریں
- ان HTML عناصر کی فہرست بنائیں جنہیں آپ ہر سیکشن کے لیے استعمال کرنے کا ارادہ رکھتے ہیں (جیسے
<header>,<nav>,<main>,<article>,<aside>,<footer>,<section>,<h1>–<h6>,<p>,<img>,<ul>,<li>,<a>وغیرہ)۔
- ان HTML عناصر کی فہرست بنائیں جنہیں آپ ہر سیکشن کے لیے استعمال کرنے کا ارادہ رکھتے ہیں (جیسے
-
HTML مارک اپ لکھیں
- اپنے ماک اپ کے لیے HTML کوڈ خود لکھیں۔ سیمینٹک ڈھانچے اور بہترین طریقوں پر توجہ دیں۔
- کم از کم 10 مختلف HTML عناصر شامل کریں۔
- اپنے انتخاب اور ڈھانچے کی وضاحت کے لیے تبصرے شامل کریں۔
-
اپنا کام جمع کروائیں
- اپنا خاکہ/ماک اپ اور HTML فائل اپ لوڈ کریں۔
- اختیاری طور پر، اپنے ڈیزائن کے فیصلوں پر مختصر عکاسی (2–3 جملے) فراہم کریں۔
روبریک
| معیار | بہترین | مناسب | بہتری کی ضرورت |
|---|---|---|---|
| بصری ماک اپ | واضح، تفصیلی ماک اپ جس میں لیبل شدہ سیکشنز اور سوچا سمجھا لے آؤٹ شامل ہو | بنیادی ماک اپ جس میں کچھ لیبل شدہ سیکشنز شامل ہوں | کم سے کم یا غیر واضح ماک اپ؛ سیکشن لیبلز کی کمی |
| HTML عناصر | 10+ سیمینٹک HTML عناصر استعمال کیے گئے؛ ڈھانچے اور بہترین طریقوں کی سمجھ کا مظاہرہ | 5–9 HTML عناصر استعمال کیے گئے؛ کچھ سیمینٹک ڈھانچہ | 5 سے کم عناصر استعمال کیے گئے؛ سیمینٹک ڈھانچے کی کمی |
| کوڈ کا معیار | اچھی طرح سے منظم، پڑھنے کے قابل کوڈ جس میں تبصرے شامل ہوں؛ HTML معیارات کی پیروی کی گئی | زیادہ تر منظم کوڈ؛ چند تبصرے | غیر منظم کوڈ؛ تبصرے کی کمی |
| عکاسی | ڈیزائن کے انتخاب اور چیلنجز پر بصیرت انگیز عکاسی | بنیادی عکاسی | کوئی عکاسی نہیں یا متعلقہ نہیں |
تجاویز
- بہتر رسائی اور SEO کے لیے سیمینٹک HTML ٹیگز استعمال کریں۔
- اپنے کوڈ کو انڈینٹیشن اور تبصروں کے ساتھ منظم کریں۔
- رہنمائی کے لیے MDN HTML Elements Reference کا حوالہ دیں۔
- سوچیں کہ آپ کا لے آؤٹ مستقبل کے اسائنمنٹس میں کیسے بڑھایا یا اسٹائل کیا جا سکتا ہے۔
ڈسکلیمر:
یہ دستاویز AI ترجمہ سروس Co-op Translator کا استعمال کرتے ہوئے ترجمہ کی گئی ہے۔ ہم درستگی کے لیے کوشش کرتے ہیں، لیکن براہ کرم آگاہ رہیں کہ خودکار ترجمے میں غلطیاں یا غیر درستیاں ہو سکتی ہیں۔ اصل دستاویز کو اس کی اصل زبان میں مستند ذریعہ سمجھا جانا چاہیے۔ اہم معلومات کے لیے، پیشہ ور انسانی ترجمہ کی سفارش کی جاتی ہے۔ ہم اس ترجمے کے استعمال سے پیدا ہونے والی کسی بھی غلط فہمی یا غلط تشریح کے ذمہ دار نہیں ہیں۔