আপনার ওয়েব পৃষ্ঠা প্রস্থ নির্ধারণ

প্রথমেই ডিজাইনাররা তাদের ওয়েব পৃষ্ঠা তৈরি করার সময় বিবেচনা করে থাকেন। আপনার নকশা কি হওয়া উচিত তা কতটা পরিমাণে নির্ধারণ করা হয় তা কি নির্ধারণ করা উচিত। একটি আদর্শ ওয়েবসাইট প্রস্থ হিসাবে আর কোন জিনিস আছে।

কেন রেজোলিউশন বিবেচনা করুন

1995 সালে, মান 640x480 রেজোলিউশনের মনিটরের মধ্যে পাওয়া সবচেয়ে বড় এবং সেরা মনিটর ছিল। এর মানে হল যে ওয়েব ডিজাইনার পেজ তৈরির উপর মনোনিবেশ করেছেন যা এই ওয়েব ব্রাউজারে 12 ইঞ্চি থেকে 14 ইঞ্চি মনিটরের সর্বোচ্চ রেজোলিউশনে উচ্চমানের দেখায়।

এই দিন, 640x480 রেজোলিউশন বেশিরভাগ ওয়েবসাইট ট্র্যাফিকের 1 শতাংশের কম। মানুষ 1366x768, 1600x900 এবং 5120x2880 সহ উচ্চতর রেজুলেশন সহ কম্পিউটার ব্যবহার করে। অনেক ক্ষেত্রে, 1366x768 রেজোলিউশন পর্দার জন্য ডিজাইন করা

আমরা ওয়েব ডিজাইনের ইতিহাসে এমন একটি বিন্দুতে রয়েছি যেখানে রেজোলিউশনের ব্যাপারে আমাদের আরো বেশি চিন্তা করতে হবে না। বেশীরভাগ লোকের কাছে বড়, বিস্তৃত স্ক্রিনের মনিটর রয়েছে এবং তারা তাদের ব্রাউজার উইন্ডোকে বড় করে না। তাই যদি আপনি 1366 পিক্সেল ব্যতীত এমন একটি পৃষ্ঠা ডিজাইন করার সিদ্ধান্ত নেন, তবে আপনার পৃষ্ঠা সম্ভবত বেশিরভাগ ব্রাউজার উইন্ডোতে জরিমানা দেখাবে এমনকি উচ্চ মাপের মনিটরগুলিও উচ্চ রেজুলেশনের সাথে

ব্রাউজারের প্রস্থ

আপনি চিন্তা ছেড়ে চলে যাওয়ার আগে "ঠিক আছে, আমি আমার পেজ 1366 পিক্সেল চওড়া করব," এই গল্প আরও আছে। ওয়েব পৃষ্ঠার প্রস্থের সিদ্ধান্ত নেওয়ার সময় প্রায়ই একাধিক অবহেলিত ইস্যুটি আপনার গ্রাহকরা তাদের ব্রাউজারগুলি কত বড় রাখে বিশেষ করে, তারা কি তাদের ব্রাউজারগুলি একটি পূর্ণ-স্ক্রিনের আকারে সর্বাধিক বা পূর্ণ পর্দার তুলনায় কম রাখে?

সহ-কর্মীদের এক অনানুষ্ঠানিক জরিপে যারা সমস্ত কোম্পানি-স্ট্যান্ডার্ড 1024x768 রেজোলিউশনের ল্যাপটপ ব্যবহার করতেন, তাদের মধ্যে তাদের সকল অ্যাপ্লিকেশানগুলিকে সর্বাধিক পরিমাণে রাখা হত। বাকি কারণে বিভিন্ন আকারের জানালা খোলা ছিল। এটি দেখায় যে যদি আপনি 1024 পিক্সেল ব্যাসে এই কোম্পানির ইন্ট্রানেট ডিজাইন করছেন, 85 শতাংশ ব্যবহারকারীদের পুরো পৃষ্ঠাটি দেখতে অনুভূমিকভাবে স্ক্রোল করতে হবে।

ব্রাউজার সীমানা সম্পর্কে আপনার মনে হয় বা না করা গ্রাহকদের জন্য অ্যাকাউন্ট পরে। প্রত্যেক ওয়েব ব্রাউজারে স্ক্রল বার এবং সীমানা আছে যা 800x600 রেজোলিউশনের 800 থেকে 740 পিক্সেল বা কম এবং উপলব্ধ 1024x768 রেজুলেশনগুলিতে সর্বোচ্চ উইন্ডোতে 980 পিক্সেল থেকে উপলব্ধ জায়গাটিকে সঙ্কুচিত করে। এটি ব্রাউজার "ক্রোম" বলে এবং এটি আপনার পৃষ্ঠার ডিজাইনের জন্য ব্যবহারযোগ্য স্থান থেকে সরিয়ে নিতে পারে।

ফিক্সড বা তরল প্রস্থ পৃষ্ঠাগুলি

প্রকৃত সংখ্যাসূচক প্রস্থ আপনার ওয়েবসাইটের প্রস্থ নকশা যখন আপনি মনে করতে হবে শুধুমাত্র জিনিস নয়। আপনি একটি নির্দিষ্ট প্রস্থ বা তরল প্রস্থ আছে কিনা তা নির্ধারণ করতে হবে। অন্য কথায়, আপনি একটি নির্দিষ্ট সংখ্যা (নির্দিষ্ট) বা শতাংশ (তরল) প্রস্থ সেট করতে যাচ্ছেন?

নির্দিষ্ট প্রস্থ

স্থির প্রস্থ পৃষ্ঠাগুলি ঠিক তারা শব্দ মত। একটি নির্দিষ্ট সংখ্যায় প্রস্থ নির্দিষ্ট করা হয় এবং ব্রাউজারটি কত বড় বা ছোট তা কোনও পরিবর্তন হবে না। আপনার পাঠকদের ব্রাউজারগুলি যতটা বিস্তৃত বা সংকুচিত হবে ততই আপনার ডিজাইনের প্রয়োজন হলে এটি ভাল হতে পারে, তবে এই পদ্ধতিটি আপনার পাঠকদের হিসাবের মধ্যে পড়ে না। আপনার ডিজাইনের তুলনায় ব্রাউজ করা ব্রাউজগুলি অনুভূমিকভাবে স্ক্রোল করতে হবে, এবং প্রচুর ব্রাউজারের লোকেরা স্ক্রীনে প্রচুর পরিমাণে ফাঁকা জায়গা পাবে।

নির্দিষ্ট প্রস্থ পৃষ্ঠাগুলি তৈরি করতে, আপনার পৃষ্ঠার বিভাগগুলির প্রস্থগুলির জন্য নির্দিষ্ট পিক্সেল সংখ্যার ব্যবহার করুন।

তরল প্রস্থ

লিকুইড প্রস্থ পৃষ্ঠাগুলি (কখনও কখনও নমনীয় প্রস্থের পৃষ্ঠাগুলি) প্রস্থে পরিবর্তিত হয় যা ব্রাউজার উইন্ডো কত বিস্তৃতের উপর নির্ভর করে। এটি আপনাকে এমন পৃষ্ঠা ডিজাইন করতে দেয় যা আপনার গ্রাহকদের উপর আরো বেশি ফোকাস করে। তরল প্রস্থ পৃষ্ঠাগুলির সাথে সমস্যা হল যে তারা পড়তে কঠিন হতে পারে। যদি পাঠ্যের একটি লাইন স্ক্যান দৈর্ঘ্য 10 থেকে 12 শব্দ বা 4 থেকে 5 শব্দের চেয়ে ছোট হয়, তবে পড়তে অসুবিধা হতে পারে। এর মানে হল যে বড় বা ছোট ব্রাউজার উইন্ডোর সাথে পাঠকদের সমস্যা আছে।

নমনীয় প্রস্থ পৃষ্ঠাগুলি তৈরি করতে, আপনার পৃষ্ঠার বিভাগগুলির প্রস্থগুলির জন্য কেবল শতকরা বা ইএমএস ব্যবহার করুন। আপনি সিএসএস সর্বোচ্চ-প্রস্থ সম্পত্তি সঙ্গে নিজেকে পরিচিত করা উচিত। এই সম্পত্তিটি আপনি শতকরা প্রস্থ সেট করতে পারবেন, তবে এটি সীমাবদ্ধ করুন যাতে এটি এত বড় না হয় যে লোকেরা তা পড়তে পারে না।

এবং বিজয়ী হলঃ CSS মিডিয়া প্রশ্ন

এই দিনটি সেরা সমাধান সিএসএস মিডিয়া ক্যোয়ারী এবং প্রতিক্রিয়াশীল ডিজাইন ব্যবহার করে এমন একটি পৃষ্ঠা তৈরি করতে যা ব্রাউজারের প্রস্থের সাথে সামঞ্জস্য করে এটি দেখার জন্য। একটি প্রতিক্রিয়াশীল ওয়েব ডিজাইন একই পৃষ্ঠার একটি ওয়েব পৃষ্ঠা তৈরি করতে ব্যবহার করে যা কিনা এটি 5120 পিক্সেল বিস্তৃত বা 320 পিক্সেল বিস্তৃততে দেখায় কিনা। বিভিন্ন আকারের পৃষ্ঠাগুলি ভিন্ন দেখায়, কিন্তু তাদের একই বিষয়বস্তু রয়েছে CSS3 ইন মিডিয়া ক্যোয়ারী সহ, প্রতিটি প্রাপ্ত ডিভাইসটি তার আকারের সাথে ক্যোয়ারীটির উত্তর দেয় এবং শৈলী শীটটি নির্দিষ্ট আকারের সাথে সামঞ্জস্য করে।