আপনার ওয়েব পেজ প্রস্থ সংজ্ঞা

সবচেয়ে ওয়েব ডিজাইনার তাদের ওয়েব পেজ নির্মাণ যখন বিবেচনা প্রথম জিনিস কি রেজল্যুশন জন্য নকশা। এই সত্যিই পরিমাণ আপনার নকশা কত হওয়া উচিত তা নির্ধারণ করা হয়। একটি মান ওয়েবসাইট প্রস্থ হিসাবে আর কোন জিনিস নেই।

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

1995 সালে, স্ট্যান্ডার্ড 640x480 রেজোলিউশন মনিটর উপলব্ধ বৃহত্তম এবং সেরা মনিটর। এর অর্থ এই যে ওয়েব ডিজাইনাররা সেই রেজোলিউশনের 1২-ইঞ্চি থেকে 14-ইঞ্চি মনিটরগুলিতে সর্বাধিক ওয়েব ব্রাউজারে ভাল পৃষ্ঠাগুলি দেখানোর উপর দৃষ্টি নিবদ্ধ করে।

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

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

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

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

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

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

স্থায়ী বা তরল প্রস্থ পৃষ্ঠা

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

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

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

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

তরল প্রস্থ

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

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

এবং বিজয়ী হয়: সিএসএস মিডিয়া ক্যোয়ারী

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