آپ کے ویب پیج کی چوڑائی کی وضاحت

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

قرارداد پر غور کیوں کریں

1995 میں، 640x480 معیاری مانیٹر معیار معیاری اور بہترین مانیٹرر دستیاب تھے. اس کا مطلب یہ ہے کہ ویب ڈیزائنرز ایسے صفحات بنانے پر توجہ مرکوز کرتے ہیں جو ویب براؤزرز میں اچھا لگتے ہیں اس قرارداد میں 12 انچ سے 14 انچ مانیٹر پر زیادہ سے زیادہ.

ان دنوں، 640x480 قرارداد 1 فیصد سے زائد ویب سائٹ ٹریفک سے کم ہے. لوگ کمپیوٹر پر استعمال کرتے ہیں جن میں بہت زیادہ قراردادیں ہیں جن میں 1366x768، 1600x900 اور 5120x2880 شامل ہیں. بہت سے معاملات میں، 1366x768 قرارداد اسکرین کام کے لئے ڈیزائن کرنا.

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

براؤزر کی چوڑائی

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

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

آپ کے گاہکوں کے لئے اکاؤنٹ کرنے کے بعد جو زیادہ سے زیادہ یا نہیں کرتے، براؤزر کی سرحدوں کے بارے میں سوچتے ہیں. ہر ویب براؤزر میں ایک قطار بار اور سرحدوں میں ہے جو 800 سے 740 پکسلز یا 800x600 قراردادوں اور 1024x768 قراردادوں پر زیادہ سے زیادہ ونڈوز پر تقریبا 980 پکسلز پر دستیاب جگہ سے چھڑکیں. یہ براؤزر "کروم" کہا جاتا ہے اور یہ آپ کے صفحے کے ڈیزائن کے لئے قابل استعمال جگہ سے لے جا سکتا ہے.

فکسڈ یا مائع چوڑائی صفحات

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

فکسڈ چوڑائی

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

فکسڈ چوڑائی صفحات بنانے کے لئے، صرف آپ کے صفحہ ڈویژن کی چوڑائی کے لئے مخصوص پکسل نمبر استعمال کریں.

مائع چوڑائی

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

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

اور فاتح ہے: سی ایس ایس میڈیا سوالات

سب سے بہتر حل ان دنوں CSS بنانے کے لئے ہے جو سوالات براؤزر کی چوڑائی میں نظر آتے ہیں، اس کے لئے CSS میڈیا سوالات اور ذمہ دار ڈیزائن استعمال کرتے ہیں. ایک ذمہ دار ویب ڈیزائن اسی صفحے کا استعمال کرتی ہے جس کے لئے وہ ویب صفحہ بناتا ہے جو کام کرتا ہے کہ آیا آپ اسے 5120 پکسلز وسیع یا 320 پکسلز وسیع سے دیکھتے ہیں. مختلف سائز کے صفحات مختلف نظر آتے ہیں، لیکن ان میں ایک ہی مواد ہے. CSS3 میں میڈیا کے سوال کے ساتھ، ہر موصول ہونے والا آلہ اس کے سائز کے ساتھ سوال کا جواب دیتا ہے، اور طرز شیٹ اس مخصوص سائز کو ایڈجسٹ کرتا ہے.