ٽيبل ويئر ليٽنگ اوپن نئون ڊيزائن فرنٽيئرز
اهڙا ڪيترائي سبب آهن جيڪي ترتيب لاء جدولن کي استعمال نه ڪن . اڪثر گهڻن سببن مان هڪ ماڻهو ماڻهن کي استعمال ڪرڻ جي ڪوشش ڪن ٿا ڇاڪاڻ ته اهو سي ايس ڊي سان ترتيب ڏيڻ جي سختي آهي. جيتوڻيڪ سي ڊي جي اسڪرپٽنگ کي سکڻ وارو وريو داخل ڪندو آهي، جڏهن توهان سمجھندا آهيو ته سي ايس ڊي ترتيب ڪيئن ڪجي، توهان شايد حيران ٿي سگھي ٿي ته اهو ڪيئن ٿي سگهي ٿو. ۽ هڪ دفعو توهان کي سکڻو پوندو، توهان ماڻهن کي سي ايس ايس استعمال نه ڪرڻ لاء ٻيو سڀ کان وڏو سبب جو پتو پئجي ڇڏيو آهي. "اهو تيز جدول لکڻ لاء آهي." اهو تيزيء سان ڇو ته توهان ٽيبل ڄاڻندا آهن، انهي سان گڏ.
سي ايس ايس جي پوزيشن جي برائوزر سپورٽ
سي ايس جي پوزيشن تمام جديد برائوزرن ۾ سهارو آهي. جيستائين توهان نيٽيڪڪ 4 يا انٽرنيٽ ايڪسپلورر 4 لاء هڪ سائيٽ تعمير ڪري رهيا آهيو، توهان جا پڙهندڙن کي توهان جي سي ايس ايس پوزيشن ٿيل ويب صفحا ڏسڻ ۾ ڪو مسئلو ناهي.
توهان کي ڪيئن ٺاهي رهيا آهيو هڪ صفحو
جڏهن توهان ميز جي استعمال سان سائيٽ ٺاهڻ، توهان کي هڪ ٽولير شڪل ۾ سوچڻ گهرجي. ٻين لفظن ۾، توهان سيلز ۽ قطار ۽ ڪالمن جي لحاظ کان سوچندا آهيو. توھان جي ويب پيج ھن نقشن کي ظاھر ڪندو. جڏهن توهان هڪ سي ايس ايس پوسٽنگنگ ڊيزائن تي منتقل ڪيو ٿا، توهان مواد جي لحاظ سان پنهنجن صفحن جي سوچڻ شروع ڪيو ٿا، ڇو ته مواد ڪٿي به توهان کي ترتيب لذت کيا جاسکتا هے- جيتوڻيڪ ٻيون مواد جي چوپائي تي به هجي.
مختلف ويب سائيٽون مختلف جوڙجڪ آهن. هڪ موثر صفحي ٺاهڻ لاء، ڪنهن به صفحي جي ڍانچي کي اندازو ڪرڻ کان اڳ توهان ان کي مواد کي تفويض ڪرڻ کان اڳ. ھڪڙو مثال Page پنجن حصن ۾ شامل آھن
- هيڊر بينر اشتهارن جي گهر تي، سائيٽ جو نالو، نيويگيشن لنڪس، هڪ مضمون عنوان ۽ ڪجھه شيون پڻ.
- سڄي ڪالمن جو . هي صفحي جو صحيح حصو ڳولها خاني، اشتهارن، وڊيو بڪ ۽ خريداري واري علائقي سان آهي.
- مواد هڪ مضمون، بلاگ پوسٽ يا خريداري ڪارٽ جو متن، صفحي جي گوشت ۽ آلو.
- ان لائن جون اشتهارن . اشتهارن کي مواد جي اندر اندر لائن لائن.
- فوٽر . تري تاليف، ليکڪ جي معلومات، ڪاپي رائيٽ ڄاڻ، هيٺين بينر اشتهارن، ۽ لاڳاپيل لنڪ.
بلڪه انهن ميز ۾ انهن پنجن عناصر کي رکڻ، HTML5 حصن جي عناصرن کي استعمال ڪرڻ لاء مواد جي مختلف حصن کي بيان ڪرڻ لاء، ۽ پوء صفحي تي مواد عناصر رکڻ لاء سي ايس پي پوسٽنگ استعمال ڪريو.
توهان جي مواد جي حصن جي سڃاڻپ
بعد ۾ توهان پنهنجي سائيٽ جي مختلف مواد جي علائقن کي وضاحت ڪيو آهي، توهان کي انهن کي پنهنجي HTML ۾ لکڻ جي ضرورت آهي. جڏهن توهان، عام طور تي، ڪنهن به حڪم ۾ پنهنجن حصن کي جاء ڪري سگهو ٿا، اهو هڪ سٺو خيال آهي جيڪو توهان جي صفحي جي سڀ کان اهم حصن کي رکڻ لاء. اها اچڻ سان گڏ انجڻ جي واڌاري جي مدد سان پڻ مدد ڪندي.
پوزيشن کي ظاھر ڪرڻ لاء، ھڪڙي صفحي کي ٽن شاخن سان گڏ، پر ڪوڊر يا فوٽر نه ھجي. توهان ڪنهن به قسم جي ترتيب کي ٺاهڻ لاء پوزيشن استعمال ڪري سگهو ٿا.
ٽي ٽي ڪالمن جي ترتيب لاء، ٽي حصن کي بيان ڪريو: ڇڏي ڪالمن، صحيح کالم ۽ مواد.
اهي حصا آرٽيڪل عنصر مواد ۽ ٻن حصن لاء ٻن شاخن لاء عنصر استعمال ڪري سگهندا. هر شي به ان جي سڃاڻپ ڪري سگهندي. جڏهن توهان id منسوب استعمال ڪندا آهيو، توهان کي هر شئي لاء هڪ منفرد نالو وضاحت ڪرڻ گهرجي.
مواد کي پوزيشن
سي ڊي استعمال ڪندي، توهان جي ID'd عناصر لاء پوزيشن کي بيان ڪريو. پنھنجي جڳھ جي معلومات کي ھڪ اندازي طور تي ھڪڙي جڳھ تي اسٽور ڪريو.
#content {
}
هنن عناصرن اندر مواد گهڻو حد تائين وڌندي سگھي ٿي، جنهن جي ڪري هن جڳهه جي چوٿين 100 سيڪڙو يا صفحي واري هوندي. ڪنهن به حصي جي جڳهه تي اثر انداز ڪرڻ لاء بغير مقرر ڪيل چوٽي کي تبديل ڪرڻ، روڊ کي ختم ڪرڻ يا مارجن جي ملڪيت تبديل ڪرڻ.
ھن ترتيب لاء، ٻن شاخن کي مقرر ڪيل چوٽي ڏانھن مقرر ڪريو ۽ پوء پنھنجي پوزيشن کي بلڪل مرتب ڪريو، پوء اھي اھي آھن جن کي اھي HTML ۾ مليو آھي.
# left-column {
پوزيشن: مطلق؛
کاٻي: 0؛
گهمائي: 150px؛
مارجن-بقا: 10px؛
مارجن-مٿي: 20px؛
رنگ: # 000000؛
گنجائش: 3px؛
}
# right-column {
پوزيشن: مطلق؛
کاٻي: 80٪؛
مٿي: 20px؛
چوڪائي: 140px؛
ڇتڻ واري کاٻي: 10px؛
Z-index: 3؛
رنگ: # 000000؛
گنجائش: 3px؛
}
پوء مواد جي ايجاد لاء، سڄي ۽ بائیں تي مارجن کي مقرر ڪيو وڃي ته اهو مواد ٻن ٻاهرئين شاخن کان مٿي نه ڪري سگهندي.
#content {
مٿي: 0px؛
حاڪمن: 0px 25٪ 0 165px؛
گنجائش: 3px؛
رنگ: # 000000؛
}
HTML ٽيبل جي بجاء CSS استعمال ڪندي توهان جي صفحي جي وضاحت کي ٿورو وڌيڪ ٽيڪنالاجي مهارت جي ضرورت هوندي آهي، پر پگهار وڌيڪ لچڪدار ۽ جوابدار ڊزائن کان بعد ۾ توهان جي صفحي ۾ ساختماني ترتيبن کي وڌيڪ آسان بڻائي ٿو.