پهرين شيئر ڊزائنرز تي غور ڪيو وڃي ٿو جڏهن پنهنجون ويب پيج تعمير ڪرڻ جو قرارداد ڊزائين ڪرڻ لاء آهي. ڇا اهو واقعي اهو اندازو آهي ته توهان جي ڊيزائن کي ڪيئن ڊيزائين ڪرڻ گهرجي. هتي هڪ معياري ويب سائيٽ چوڪ ناهي.
رزيو تي غور ڪريو
1995 ۾، معياري 640x480 ريزٽر مانيٽرز دستياب ۽ بهترين مانيٽرز هئا. انهي جو مطلب اهو ٿيو ته ويب ڊزائينگرز جيڪي صفحن تي ڌيان ڏيڻ تي ڌيان ڏئي ٿو، جيڪي ويب برائوزرن ۾ چڱو لڳندا آهن انهي قرارداد ۾ 12 انچ 14 انچ مانيٽر تي وڌايو ويو.
انهن ڏينهن، 640x480 ريڪارڊ 1 سيڪڙو کان وڌيڪ ويب سائيٽ تي ٽرئفڪ کان گهٽ ناهي. ماڻهو گهڻو ڪري ڪمپيوٽرن سان استعمال ڪن ٿيون جن ۾ 1366x768، 1600x900 ۽ 5120x2880 شامل آهن. ڪيترن ئي ڪيسن ۾، 1366x768 قرارداد جي اسڪرين لاء ڊزائيننگ ڪم ڪندو آهي.
اسان ويب ڊزائين جي تاريخ ۾ هڪ نقطي آهن پر اسان وٽ قرارداد بابت گهڻو پريشان ناهي. گهڻا ماڻهو وڏا، وسيع اسڪرين مانيٽر آھن ۽ اھي پنھنجي برائوزر ونڊوز کي وڌائي نه سگھندا آھن. تنهن ڪري جيڪڏهن توهان هڪ صفحو ٺاهيل جو فيصلو ڪيو آهي ته 1366 کان وڌيڪ پکسلز وڏين کان وڌيڪ نه هوندي، توهان جو صفحو شايد وڏي برائوزرن سان وڏي مانيٽر تي اڃا وڌيڪ برائوزر ونڊوز ۾ صحيح نظر ايندو.
برائوزر جي چوٿون
توھان سوچڻ کان اڳ "ٺيڪ آھي، آئون پنھنجي صفحن کي 1366 پکسلز ويڪر ٺاھيندس،" ھن ڳالھھ تي وڌيڪ آھي. هڪ اڪثر وقت مسئلي کي نظر انداز ڪري رهيو آهي جڏهن توهان جي ويب پيج جي چوٿين جو فيصلو ڪيو ويندو آهي ته توهان جي گراهڪن کي انهن جي برائوزرن کي ڪيئن هڻي ڇڏيندو آهي. خاص طور تي، اهي انهن جي برائوزرن کي مڪمل اسڪرين جي سائيز ۾ وڌائي رهيا آهن يا اهي انهن کي ننڍين اسڪرين کان ننڍا رکو ٿا؟
ڪو ڪم ڪندڙ مزدورن جي هڪ غير رسمي سروي ۾، جيڪو سڀني هڪ ڪمپني جي معياري 1024x768 قرارداد ليپ ٽاپ استعمال ڪيو، انهن ٻنهي کي سندن سڀني درخواستن کي وڌايو ويو. باقي مختلف سببن لاء مختلف ونڊوز ونڊوز کليل هئا. اهو واضح ڪري ٿو ته جيڪڏهن توهان هن ڪمپني جي انٽرنيٽ جي ڊيزائن تي 1024 پکسلز وسيع ٿي رهيا آهيو، 85 سيڪڙو صارفين کي هر صفحي کي افقي طور تي اسڪال ڪرڻو پوندو.
توهان جي گراهڪن جي اڪائونٽ کان پوء ڪير وڌائي يا نه، برائوزر سرحد جي باري ۾ سوچيو. ھر ويب برائوزر ۾ ھڪڙي اسڪرين واري بار ۽ سرحدون آھن جيڪي 800 کان 800 کان مٿي 7 سو پکسلز يا 800x600 قراردادن تي گھٽ يا گھٽ ۾ گھٽ واري جڳھ کي 1024x768 قراردادن تي 980 پکسلز آھن. اهو "ڪروم" برائوزر سڏبو آهي ۽ اهو توهان جي صفحي جي ڊزائن لاء استعمال لائق خلا کان ٻاهر ڪري ٿو.
فيڪٽ يا مائع چوٿون صفحا
حقيقي عددي چوٿون صرف هڪ شيء ناهي جيڪا توهان جي ويب سائيٽ جي چوڪين کي ڊزائين ڪرڻ بابت سوچڻ جي ضرورت آهي. توهان کي اهو به فيصلو ڪرڻو پوندو ته توهان وٽ هڪ مقرر ڪيل چوٽي يا مائع جي چوٽي هوندي آهي . ٻين لفظن ۾، ڇا توهان چوٽي کي مخصوص نمبر تي مقرر ڪيو وڃي (مقرر ٿيل) يا فيصد (مائع) تائين؟
ٺهيل چوٿون
مقرر ٿيل چوٿين صفحن وانگر انهن جيان بلڪل آواز آهن. چوٿين مخصوص نمبر تي مقرر ڪئي وئي آهي ۽ ڪابه تبديلي نه آهي ته برائوزر ڪيئن ننڍڙو يا ننڍڙو آهي. اهو سٺو ٿي سگهي ٿو جيڪڏهن توهان پنهنجي ڊزائن جي ضرورت آهي انهي کي نظر انداز ڪرڻ لاء ساڳي ڳالهه ناهي ته توهان جي پڙهندڙن جي برائوز وڏين يا تنگ آهيو، پر اهو طريقو پنهنجو پڙهندڙن ۾ نه آهي. ماڻهو پنهنجي برائوزرن سان تنگ ڪندڙ هجن جيڪي توهان جي ڊزائينز کي افقي طور تي اسڪال ڪرڻو پوندو، ۽ وڏين برائوزرن سان ماڻهن کي اسڪرين تي خالي جاء جي وڏي مقدار هوندي.
مقرر ڪيل چوٿين صفحن کي ٺاهڻ لاء، صرف توهان جي صفحي ڊويزن جي چوٿين لاء مخصوص پکسل انگن جو استعمال ڪريو.
يو ڊي ويڪر
مايع چوٿين صفحن (ڪڏهن ڪڏهن به لچڪدار چوٽي صفحن کي سڏيو ويندو آهي) چوٿين ۾ مختلف آهي ان جي برعڪس برائوزر ونڊو ڪيئن وسيع آهي. هي توهان کي ڊزائين ڪيل صفحن جي اجازت ڏئي ٿو جيڪي توهان جي گراهڪن تي وڌيڪ ڌيان ڏئي ٿو. مسئلو مائع جي چوٿين صفحن سان اهو آهي ته اهي پڙهڻ پڙهڻ ڏکيو ٿي سگهن ٿا. جيڪڏهن متن جي لڪير جي ڊيگهه 10 کان 12 لفظن کان گھٽ يا 4 کان 5 لفظن کان ننڍو آهي، اهو پڙهڻ ڏکيو ٿي سگهي ٿو. اهو مطلب آهي ته پڙهندڙن کي وڏي يا ننڍن برائوزر ونڊوز سان ڏکيو آهي.
لچڪدار چوٽي صفحن کي ٺاھڻ لاء، صرف پنھنجي صفحي ڊويزن جي چوٿين لاء فيصد يا ايز استعمال ڪريو. توهان کي پنهنجي پاڻ ۾ سي ايس ڊي وڌ کان وڌ چوٽي ملڪيت سان واقف ٿيڻ گهرجي. هي ملڪيت توهان کي چوٿين فيصد سيٽ ڪرڻ جي اجازت ڏئي ٿو، پر انهي کي محدود ڪري ٿو ته اهو ايترو وڏو ناهي ته ماڻهو اهو پڙهي نٿا سگهن.
۽ فاتح آهي: CSS ميڊيا سوالون
بهترين حل اهو ڏينهن سي ايس ايس ميڊيا سوالن جو استعمال ڪرڻ وارو آهي ۽ هڪ صفحو ٺاهي ڏيڻ لاء جوابي ڊزائن آهي جيڪو برائوزر جي چوٿين کي ترتيب ڏئي رهي آهي. هڪ قبول ڪندڙ ويب ڊيزائن ويب پيج ٺاهي ٿي انهي ساڳئي مواد کي استعمال ڪندو آهي جيڪا توهان ڪم ڪري رهيا آهيو 5120 پکسلز ويڪر يا 320 پکڙيل سائيز. مختلف قسمن جا صفحا مختلف نظر اچن ٿا، پر انهن ۾ ساڳيو مواد شامل آهي. CSS3 ۾ ميڊيا جي سوال سان، هر وصول ٿيندڙ ڊوائيس سوال جي ماپ جي جواب ۾، ۽ اسلوٽ شيٽ انهي خاص سائيز تي ترتيب ڏئي ٿو.