سائٹ خود کے لئے ایک افقی مینو بنائیں

افقی مینو تقریبا کسی بھی سائٹ ہے - یہ اپنی طرف متوجہ کرنے کے لئے یا اس کے برعکس، زائرین دور ڈرانے اس کے ظہور اور پریوست کے ساتھ یہ کر سکتے ہیں کے طور پر یہ ایک اہم حصہ ہے. کی ایک پرائمری افقی مینو بنانے کا طریقہ سیکھ لیں: پیدا کرنے کے بنیادی مہارت مہارت حاصل کرنے کے لئے، HTML کرنے کے لئے اس "کنکال" بناتے ہیں. آپ یقینی طور پر ایک تیار مینو حاصل کر سکتے ہیں، لیکن بہت اچھے یہ اپنے آپ کو تیار کرنے کے لئے کس طرح جاننے کے لئے. یہ بہت مزہ ہے.

مینو بنانے کے لئے معلومات حاصل کریں

ہم جس ترتیب کے سرکردہ شخصیات پر عمل semantics کے، سے انحراف کرنے کے لئے نہیں کی کوشش کریں. سب سے پہلے آپ کو HTML کے لئے ہماری مینو کے لئے ایک "کنکال" بنانے ان کے اپنے افقی مینو کے بنانے کے لئے بنیادی مہارت سیکھنے کے لئے ہے. اور پھر یہ سٹائل شیٹس کا استعمال کرتے ہوئے سجانے گا. ہمارے افقی مینو 5 آئٹمز پر مشتمل دو. پہلی شے کے ہوم پیج پر ری ڈائریکٹ کیا جائے گا. دوسری بات - "ہمارے بارے". تیسری - "ہمارا ایوارڈز". چوتھا - "یہ مزہ ہے." پانچویں - "ہم سے رابطہ کریں".

HTML کوڈ اس طرح لگتا ہے:

کون نہیں جانتا: UL ٹیگ کے لئے استعمال کیا جاتا ہے گولی، اس کے عناصر لی کے ساتھ شروع کرتے ہیں. لی ٹیگز UL پر لاگو ہوتے ہیں کہ شیلیوں وارث.

الحق - فہرست بلاک عنصر، یہ چوڑائی کرنے کے لئے بڑھا جائے گا. لی بھی ایک بلاک ہے.

لہذا، ایک index.html کے تخلیق کرتے ہیں. ہم اپنے کوڈ کو جمع. اس مرحلے پر، براؤزر کی بجائے ایک افقی مینو کے مقابلے میں ایک عمودی دکھاتا ہے. لیکن اگر آپ مقصد کے ساتھ ہم - سائٹ کے لئے ایک افقی مینو بنانے کے لئے. اس کے لئے ہم CSS ضرورت ہے.

سی ایس ایس کیا ہے؟

آپ کی سائٹس کی ترقی میں مہارت حاصل کرنے کے لیے ہے، تو یہ جھرن کاری سٹائل شیٹس کے تصور سے واقف کرنے کے لئے ضروری ہے. اصل میں، ان فارمیٹنگ، پروسیسنگ کے لئے قوانین، جس میں ایک ویب سائٹ کے صفحات پر مختلف عناصر پر لاگو کر رہے ہیں. ہم معیار کے HTML میں عناصر کی خصوصیات کو بیان تو، آپ کو آپ کے کوڈ کا ایک ہی ٹکڑے ٹکڑے کر کے ایک نقل حاصل، اس نے کئی بار دوبارہ کرنا پڑے گا. صارف کے کمپیوٹر پر صفحہ لوڈ ہونے میں وقت اضافہ ہو گا. اس سے بچنے کے لئے، ایک سی ایس ایس ہے. یہ صرف ایک بار ایک خاص عنصر کو بیان کرنے کے لیے کافی ہے، اور پھر صرف جہاں ایک خاص طرز کی خصوصیات استعمال کرنے کے لئے ظاہر ہوتا ہے. یہ نہ صرف پیج خود کے متن، بلکہ ایک اور فائل میں کی وضاحت کرنے کے لئے ممکن ہے. اس سائٹ کے تمام صفحات پر مختلف شیلیوں کی وضاحت لاگو کرنے کے لئے اجازت دے گا. یہ سی ایس ایس فائل میں تبدیلی کرنے، کچھ صفحات پر نظر ثانی کرنے کے لئے بھی آسان ہے. سٹائل شیٹس آپ کی ویب سائٹ کے گرافکس صفحات بگڑتے سے بچنے کے لئے کی مدد کرنے، ایچ ٹی ایم ایل کے مقابلے میں ایک بہتر سطح پر فونٹ کے ساتھ کام کرنے کی اجازت دیتے ہیں.

مینو ترقی کے لئے سٹائل شیٹس کا استعمال کرتے ہوئے

مینو کے لئے سی ایس ایس کوڈ:

1. # My_1menu {فہرست طرز: کوئی نہیں؛ بھرتی: 6؛ چوڑائی: 800px کے؛ مارجن: آٹو؛}
2. # My_1menu لی {فلوٹ: بائیں؛ فونٹ: ترچھا 18px ایریل؛}
3. # My_1menu ایک {رنگ: # 756؛ ڈسپلے: بلاک؛ اونچائی: 55px؛ لائن اونچائی: 55px؛ بھرتی: 0px 15px 0px 15px؛ پس منظر: #dfc؛ متن سجاوٹ: کوئی نہیں؛}
4. # My_1menu A: ہور {رنگ: #foa؛ پس منظر: # 788؛}

اب نتیجے افقی CSS مینو کو دیکھو.

- شیڈول اشیاء کی طرف سے چھوڑ نشانات کو دور کرنے کے اس حکم سے کوئی بھی: - # My_1menu اتنی ساتھ ID = my_1menu، فہرست طرز UL- عنصر کے لئے سٹائل اسائنمنٹ نہیں ہے.

چوڑائی: 800px کے - ہماری مینو کی چوڑائی 800 پکسلز ہے.

بھرتی: 0 - اس کے اندر بھرتی ہٹاتا ہے.

مارجن: آٹو - ہمارے صفحے کے مرکز میں افقی مینو vyravnivnie.

# My_1menu لی - سٹائل لی عناصر بتائے.

اونچائی: 55px - مینو اونچائی.

# My_1menu A: ہور - بتائے عنصر کرنے کے لئے شیلیوں اور یہ حوصلہ افزائی ہے جب ماؤس.

ہم ہر ڈویلپر یہاں اس کے پیرامیٹرز کی وضاحت کر سکتے طور پر، ہر سطر میں تفصیل سے بیان نہیں کرے گا. ویب سائٹ پر مینو میں سٹائل کے استعمال کے لئے اس بنا. آپ تصاویر کا استعمال کرتے ہوئے، یہ ایک سے زیادہ ختم اور خوبصورت ظاہری شکل دے سکتے ہیں. مثال، پس منظر کے لئے عنصر تفویض لیکن: URL (img1.png) دہرانے-X. ہو کے پس منظر سے کرتے ہیں: URL (img2.png) دہرانے-X کے لیے ایک: ہوور.

آپ کے تخیل، تخلیقی ترجیحات استعمال کریں. اس کے بعد ویب سائٹ پر ایک سادہ مینو پیدا کرنے کے لئے کس طرح پر کہ علم کی بنیاد پر، آپ کو اس کی اپنی منفرد ڈیزائن کے ساتھ ایک صفحے کی ترقی کر سکتے ہیں.