Nesting سائيٽ: ڪيئن پس منظر تصوير HTML ڪرڻ

ڪيتريون ئي novice ويب دارو مدار، صرف جي سائيٽن جي پيدائش جي ذات ۾ Delve کي، اڪثر عجيب HTML پس منظر جو عڪس ڪندا ڪيئن. ۽ جيڪڏھن انھن مان ڪي هي مسئلو سان سودو ڪري سگهو ٿا، ان کي اڃا به ڪو مسئلو ئي مانيٽر تي عڪس جي سموري ويڪر کي ڊگھو جو وقت آهي. ساڳئي وقت مون کي ويب سائيٽ تمام برائوزرن تي identically ڏيکاريل آهن، پوء ان کي پار-برائوزر جي گهرج پوري ڪرڻ گهرجي جهڙو ڏسڻ ۾ ايندو. اوھان کي ٻن طريقن سان ۾ پس منظر مقرر ڪري سگهي ٿو: استعمال ڪندي HTML پوسٽ ٽيگ ۽ CSS جو انداز. پاڻ لاء هر چڱي اختيار چونڊيندو. جي حقيقت، CSS انداز ڇو ته ان ڪوڊ کي هڪ الڳ فائيل ۾ محفوظ آهي ۽ نه ئي مکيه ماڳ جي ٽيگ ۾ اضافو ڳالهائيندڙ وٺي ٿو، پر پهرين اسان جي سائيٽ جي پس منظر تي تصوير انسٽال ڪرڻ لاء هڪ سادو طريقو سمجهيو آڻي گهڻو وڌيڪ ويجھو آھي،.

ان پس منظر پيدا ڪرڻ لاء بنيادي HTML پوسٽ ٽيگ

پوء، اسان کي ڪيئن اسڪرين تي ٽيڪسٽ ۾ پس منظر جي تصوير ٺاهڻ لاء جي سوال ڏانهن رخ. امان سهڻي سائيٽ نظر ۾، توهان کي هڪ بلڪه اهم تفصيل سان سمجهڻ گهرجي: ان کي صرف هڪ gradient پس منظر ڪرڻ يا ان کي هڪ بيڪار رنگ رنگڻ لاء ڪافي آهي، پر جيڪڏهن توهان ان جي پس منظر جي تصوير داخل ڪرڻ جي ضرورت آهي، ان کي مانيٽر جي مڪمل کائيندڙ ڊگھو نه ٿيندو. هن تصوير اصلي مٿي کڻو يا هن جي مدي ۾ واڌ سان پنهنجي جوڙجڪ ڪرڻ ضروري هو، جنهن ۾ توهان جي ويب سائيٽ جو صفحو ڊسپلي ڪندو. صرف تڏهن ئي پس منظر جو عڪس تيار آهي، ان «تصويرون» نالي هڪ فولڊر ۾ ڇڪيو. ان ۾، اسان سڀني جي استعمال جون تصويرون، animations ۽ ٻين گرافڪس فائيلون ذخيرو ڪندو. هن فولڊر ۾ توهان جو سڀ HTML فائلون سان جي روٽ ڊاريڪٽري سوڌو ۾ واقع ٿي وڃي. هاڻي توهان تي ۽ ان جي ڪوڊ کي منتقل ڪري سگهي ٿو. نه لکڻ ڪوڊ لاء ڪيترن ئي اختيارن، جنهن جي پس منظر جي تصوير تبديل ٿيندا آهن.

1. ڳولهي وصف لکڻ.
2. جي HTML ڪوڊ ۾ CSS انداز ذريعي.
3. هڪ الڳ فائيل ۾ CSS جو انداز لکڻ.

جي HTML پوسٽ ۾ جيئن ته سنڌ جي پس منظر جي تصوير ٺاهڻ لاء، توهان جو فيصلو، پر مون جي باري ۾ اهو ڪيئن سڀ کان ڪوشان ٿئي ها چند لفظ چوڻ چاهيو. پهريون طريقو هڪ ڳولهي وصف ڊگهي پراڻو ٿي ويو آهي ذريعي لکڻ جي آهي. جڏهن ته ٻيو آپشن تمام خال خال استعمال ڪيو ويندو آهي، ڇاڪاڻ ته ان کي ٻاهر ڦرندو ته هڪ ئي جياپي جي تمام گهڻو. هڪ ٽئين آپشن جي سڀ کان عام ۽ اثرائتو آهي. هتي HTML پوسٽ ٽيگ جو مثال آهن:

1. index.htm فائيل ۾ ڳولهي وصف (جسم) جي ذريعي سنڌ جي پهرين رڪارڊنگ جو طريقو. اها ڳالهه هن فارم ۾ محفوظ آهي: (جسم پس منظر = "folder_name / Nazvanie_kartinki.rasshirenie") (/ لاش). ته، آهي ته جيڪڏھن اسان جو لقب «تصويرن» ۽ واڌ JPG، ۽ فولڊر اسان «تصويرون» نالي سان هڪ تصوير آهي، ته پوء HTML-ڪوڊ ۾ داخل ٿيڻ هن طرح نظر ايندو: (جسم پس منظر = "شڪل / Picture.jpg") ... (/ لاش) .
2. ٻيو طريقو هڪ CSS انداز لکندا شامل آهي، پر ان جو نالو index.htm سان به ساڳيو فائل ۾ لکيو ويو آهي. (جسم انداز = "پس منظر: URL ( '../ تصويرون / Picture.jpg')").
3. رڪارڊنگ جو ٽيون طريقو ٻه فائلون ۾ ڪيو آهي. (سر) (لنڪ rel = "stylesheet" قسم = "متن / css" href = "كي:: // سائيٽ / مضمون / 193110 /٪ D0٪ 9F جي نالي index.htm ڳولهي (سر) سان سند اهڙي لڪير جو لکيل آهي ٪ D1٪ 83٪ D1٪ 82٪ D1٪ 8C_٪ D0٪ بي.اي CSS_faylu ") (/ سر). هڪ فائيل style.css انداز ۾ ئي لکڻ سڏيو: جسم {پس منظر: URL (تصويرون / Picture.jpg ')}.

جي HTML پوسٽ جي پس منظر جو عڪس ڪرڻ ۾، اسان کي سمجهڻ. هاڻي توهان کي پتو لڳايو کي پوري اسڪرين جي ويڪر پار جي تصوير ڊگھو کي ڪيئن ڪرڻو آهي.

طريقن جي دري جي ويڪر ڪرڻ جي پس منظر جو عڪس ڊگھو ڪرڻ

اسان هڪ في سيڪڙو جي صورت ۾ اسان جي اسڪرين جي نمائندگي ڪن. اهو ٻاهر ڦرندو ته سڄي کائيندڙ ۽ اسڪرين جي ڊيگهه 100٪ × 100٪ ڪئي ويندي. اسان هن کي کائيندڙ ڪرڻ جي تصوير ڊگھو ڪرڻ جي ضرورت آهي. هن تصوير فائل لکندا style.css لائن آهي ته علامه صاحب کي کائيندڙ ۽ مانيٽر جي ڊيگهه تي تصوير ڊگھو ٿيندو کي شامل ڪريو. ان CSS انداز ۾ لکيو ويو آهي ته جيئن؟ اهو سادو آهي!

جسم

{

پس منظر: URL (تصويرون / Picture.jpg ')

پس-سائيز: 100٪؛ / * هيء پوسٽ سڀ کان جديد برائوزرن لاء مناسب آهي * /

}

پوء اسان ٻاهر figured ڪيئن اسڪرين تي ٽيڪسٽ ۾ هڪ تصوير پس منظر ڪرڻ. نه به index.htm فائيل ۾ لکندا جو هڪ طريقو آهي. هن جو طريقو رسمون ۽ outdated، پر نئين سکندڙن لاء، ان کي خبر آهي ۽ سمجهڻ لاء ضروري آهي. هن ڳولهي (سر) (انداز) div {پس منظر-سائيز: ڪپڙا؛ } (/ منچ) (/ سر)، هن ڪتاب جو مطلب آهي ته اسان جي پس منظر آهي، جنهن جي دري جي سموري ويڪر تي positioned ويندو لاء هڪ خاص يونٽ مختص. اسان کي ٻن طريقن سان سمجهيو آهي، ته ڪيئن هڪ پس منظر تصوير HTML سائيٽ ٺاهڻ لاء، پوء ته هن تصوير جي جديد برائوزرن جي ڪنهن ۾ اسڪرين جي سموري ويڪر کي پکيڙبي آهي.

هڪ مقرر پس منظر ڪرڻ ڪيئن

توهان جي مستقبل جي ويب وسيلن جي پس منظر طور هڪ تصوير کي استعمال ڪرڻ جو فيصلو ڪيو، ته پوء توهان صرف توهان کي ڪيئن معلوم ان کي مقرر ڪرڻ، ته ان جي ڊيگهه ۾ پکيڙبي نه آهي جي ضرورت آهي ۽ ان جي جمالياتي ظاهر خراب نه ڪيو. بس هڪ ننڍڙي کان سواء رجسٽر ڪرڻ HTML ڪوڊ استعمال ڪندي. توهان جو پس منظر کان پوء هڪ جملي شامل ڪرڻ style.css فائل ڪرڻ جي ضرورت آهي: URL (تصويرون / Picture.jpg ') مقرر ڪئي؛ مقرر: پوزيشن - يا بدران semicolon الڳ لڪير کان پوء شامل ڪيا ويا. اهڙيء طرح، توهان جي ڀتين مقرر ڪيو ويندو. scrolling جي ويب سائيٽ تي مواد جي دور ۾، تون ته متن سٽون هوا آهن ڏسندا، پر ان جي پس منظر جي جاء ۾ رهي ٿو. پوء اوھان HTML پس منظر جو عڪس ڪندا ڪيئن، ڪيترن ئي طريقن ۾ سکيو.

HTML پوسٽ ۾ ٽيبل سان ڪم

ڪيتريون ئي فرزند ويب ڊولپر، ٽيبل ۽ پور سان ويٺا آهن، اڪثر نه ٿا سمجھن ڪيئن HTML تصوير پس منظر ميز ڪرڻ. سڀ وانگر ٽيمن HTML ۽ CSS جو انداز، جي ويب پروگرامن ٻولي ھيئن سادو آهي. ۽ هن مسئلي جو حل ڪوڊ جي نالين جي هڪ ڏنيون لکڻ آهي. تون اڳ ۾، معلوم ڪرڻ گهرجي ته، صفون ٻڌي ۽ شاخن جي هڪ ميز لکڻ جي حوالي ڪندا ته جيئن هن جي ٽيگ (tr) ۽ (td) طرف اشارو. پس منظر = URL جو تصويرن: هڪ تصوير جي صورت ۾ ميز جي پس منظر ڪرڻ، ان کي ضروري کي ڳولهي (ميز) کي شامل ڪرڻ، ان جي حوالي تصوير جي حوالي سان هڪ سادي جملي آهي (tr) يا (td). وضاحت لاء، اسان کي مثالن مان هڪ جوڙو ڏيو.

HTML مثال: بدران جي پس منظر جي هڪ تصوير سان ميز

هڪ 2x3 ميز ٺاھيو ۽ ان جي پس منظر جي تصوير جي فولڊر ۾ محفوظ ڪرڻ "تصويرون": (ميز پس منظر = "شڪل / Picture.jpg") (tr) (td) 1 (/ td) (td) 2 (/ td) (td) 3) (/ td) (/ tr) (tr) (td) 4 (/ td) (td) 5 (/ td) (td) 6 (/ td) (/ tr) (/ ميز). پوء اسان جي ميز جي تصوير جي پس منظر ۾ ٺھيل ڪيو ويندو.

هاڻي 2x3 جو هڪ ئي پليٽ ڪاٺ جون ٺاهڻ، پر ان جي شاخن ۾ هڪ تصوير داخل نمبر 1، 4، 5 ۽ 6. (ميز) (tr) (td پس منظر = "شڪل / Picture.jpg") 1 (/ td) (td) 2 (/ td) (td) 3 (/ td) (/ tr) (tr) (td پس منظر = "شڪل / Picture.jpg") 4 (/ td) (td پس منظر = "شڪل / Picture.jpg") 5 ( / td) (td پس منظر = "شڪل / Picture.jpg") 6 (/ td) (/ tr) (/ ميز). ڏسڻ کان پوء اسان کي ته ان پس منظر رڳو تن خانا آهن، جن ۾ اسين داخل، ۽ نه سڄي جدول ۾ اچن ٿا ڏسي سگهو ٿا.

ڪراس-برائوزر مطابقت ماڳ

هڪ صليب-برائوزر مطابقت ويب وسيلن جي طور تي اهڙي ڪا شيء نه آهي. هن جو مطلب آهي ته توهان جي سائيٽ بخوبي ڪتب مختلف قسمن ۽ برائوزر جي نسخن ۾ ڏيکاريل آهي. اهو هجڻ گهرجي HTML ڪوڊ هڪ ضروري برائوزر معيا ڪرڻ ۽ CSS جو انداز. ان کان علاوه، جوابي فون جي جديد دور ۾، ڪيترن ئي ويب ڊولپر جي سائيٽن پيدا ڪرڻ جي ڪوشش ڪري ۽ موبائل نسخو ۽ هڪ ڪمپيوٽر نظر لاء طورتي آهن.