আমি ওয়েবসাইটটির গ্রাফিক্স অংশে কাজ করছি এবং ফটোশপে একটি ওয়েবসাইট ডিজাইন করতে বলা হয়েছে। আমি অবাক হই যে কোনও ওয়েবসাইটের জন্য গড় মাত্রা এবং ব্রাউজারের প্রস্থগুলি কী কী তাই আমি সেই মাত্রাগুলি সহ আমার মকআপটি তৈরি করতে পারি।
আমি ওয়েবসাইটটির গ্রাফিক্স অংশে কাজ করছি এবং ফটোশপে একটি ওয়েবসাইট ডিজাইন করতে বলা হয়েছে। আমি অবাক হই যে কোনও ওয়েবসাইটের জন্য গড় মাত্রা এবং ব্রাউজারের প্রস্থগুলি কী কী তাই আমি সেই মাত্রাগুলি সহ আমার মকআপটি তৈরি করতে পারি।
উত্তর:
এটি করার জন্য আপনাকে কিছু পরিমাণ তরল প্রস্থের গ্রিড সিস্টেম ব্যবহার করা উচিত এবং @ মিডিয়া ক্যোয়ারী ব্যবহার করে নির্দিষ্ট ডিভাইসগুলি লক্ষ্য করা উচিত ।
মিডিয়া ক্যোয়ারী হ'ল বিভিন্ন ভিউ পোর্ট মাপের জন্য সিএসএস নিয়মের বিভিন্ন সেট। মিডিয়া ক্যোয়ারীগুলি আপনার ব্রাউজারের প্রস্থ পরিবর্তনশীল হিসাবে সাড়া দেয়। আপনার ব্রাউজারটি ছোট করার সাথে সাথে পৃষ্ঠাটি ভাসমানগুলি ফেলে বা 12 টি কলাম থেকে 1 বা 2 এ গিয়ে প্রতিক্রিয়া জানায় যখন তারা প্রতিকৃতি থেকে ল্যান্ডস্কেপ বা versল্যে পরিবর্তিত করে মোবাইল ডিভাইস এবং টেবিলগুলিতে ব্যবহারকারীদের প্রতিক্রিয়া জানায়।
এটি ক্রিয়াতে দেখতে ফ্রেমলেস গ্রিডটি একবার দেখুন । এটি আসলে তরল নয় তবে আপনি আপনার ব্রাউজারটি সামঞ্জস্য করার সাথে সাথে এটি 14 টি কলাম থেকে পুরো 1 পর্যন্ত চলে গেছে
জনপ্রিয় ইউজার ইন্টারফেস উপাদানগুলির সাথে নির্মিত একটি সাধারণ সিএসএস, এইচটিএমএল এবং জেএস কাঠামোযুক্ত টুইটার বুটস্ট্র্যাপও আধুনিক প্রতিক্রিয়াশীল নকশা অনুশীলনের একটি ভাল উদাহরণ।
আপনি যে অ্যাকাউন্টটির জন্য অ্যাকাউন্ট করতে চাইতে পারেন তা হ'ল পিক্সেল ঘনত্ব । আইফোন 4 এবং নতুন আইপ্যাডে রেটিনা প্রদর্শন রয়েছে যা সাধারণ স্ক্রিনের চেয়ে 2x তীক্ষ্ণ। এটি প্রায় অপ্রচলিত পাঠ্যের পরিবর্তে স্প্রাইট এবং চিত্র পরিবেশন করার অনুশীলনকে পরিণত করে। টেক্সট সহ একটি আইপ্যাড ছবিতে ভয়ঙ্কর চেহারা।
সুতরাং প্রশ্নের উত্তর হ'ল এমন কোনও মানক ব্রাউজারের প্রস্থ নেই যা আপনার জন্য ডিজাইন করা উচিত। আপনার ব্যবহারকারীর উপর ভিত্তি করে আপনার নকশার সিদ্ধান্ত নেওয়া উচিত এবং এটি যেখানে সর্বাধিক সংখ্যক মানুষের কাছে অ্যাক্সেসযোগ্য make
অনেক লেআউট টেম্পলেট 960px প্রস্থ ব্যবহার করে যেহেতু এটি সাধারণ 1024px প্রশস্ত স্ক্রিন রেজোলিউশনে ফিট করে, স্ক্রোল বারের জন্য কিছু জায়গা দেয় এবং সহজেই 2, 3, 4, 5, 6, 8, 10, 12 এবং 16 দ্বারা বিভাজ্য - কলামাইজিংয়ের জন্য আদর্শ বিন্যাস.
উদাহরণের জন্য http://960.gs দেখুন ।
বুটস্ট্র্যাপের মতো অন্যান্য ফ্রেমওয়ার্কগুলি কলামগুলির মধ্যে কিছু মার্জিনের জন্য অ্যাকাউন্ট করতে 940px ব্যবহার করে।
আপনি যদি ডেস্কটপ ব্রাউজারগুলি লক্ষ্য করে থাকেন তবে আপনার প্রয়োজন হলে আপনি সহজেই প্রায় 1000 পিক্সেল প্রশস্ত করতে পারেন।
স্ট্যাটকাউন্টারের স্ক্রিন রেজোলিউশন
যখন সর্বাধিক সাধারণ প্রদর্শনগুলি 1024 পিক্সেল বা বড় হয় তখন কেন প্রায় 1000 পিক্সেল? কারণ আপনাকে স্ক্রোল বার এবং উইন্ডো ক্রোমের অনুমতি দিতে হবে।
আপনি যদি বিশেষত মোবাইল ব্রাউজারগুলিকে লক্ষ্য করে থাকেন তবে 320 পিক্সেল প্রশস্ত হওয়া ভাল পছন্দ হতে পারে, যদিও মোবাইল ব্রাউজারগুলি সাধারণত প্রস্থের প্রস্থের মাপসই সামগ্রীতে স্কেল করে, তাই 950 বা 960 পিক্সেল প্রশস্ত দুর্দান্ত হতে পারে। দয়া করে নোট করুন যে 320 সিএসএস / এইচটিএমএল পিক্সেল আইফোনের মতো উচ্চ ডিপিআই ডিভাইসে 640 ডিভাইস পিক্সেলের সমান।
স্টেটকাউন্টারের মোবাইল স্ক্রিন রেজোলিউশন
আপনার লক্ষ্য বাজারও জিনিসগুলি পরিবর্তন করতে পারে। আপনি যদি কারিগরি জ্ঞান দর্শকদের লক্ষ্য করে নিচ্ছেন তবে আপনি আরও আধুনিক ডিভাইসগুলিতে জিনিসগুলি স্কুড হওয়ার আশা করতে পারেন। আপনি যদি কোনও সরকারী সাইট বানাচ্ছেন তবে আপনাকে আরও বিস্তৃত পরিসর সরবরাহ করতে হবে।
এছাড়াও, আপনি কীভাবে সাইটটি তৈরি করছেন? আপনি যদি গ্রিড সিস্টেম ব্যবহার করেন যেমন ব্লুপ্রিন্ট সিএসএস বা 960 গ্রিড সিস্টেম, তবে এটি আকারটিও নির্ধারণ করতে পারে (বেশিরভাগ গ্রিড সিস্টেমগুলিও অন্যান্য আকারে পরিবর্তন করা যেতে পারে)।
আপনি যদি ডেস্কটপের পাশাপাশি মোবাইলে ভাল কাজ করার চেষ্টা করছেন তবে আপনি প্রতিক্রিয়াশীল ডিজাইনও সন্ধান করতে পারেন।
এই সময়ে ওয়ার্ল্ড ওয়াইড অপরিশোধিত ডেস্কটপ আকার 1024x768 হয় 1003px আকারে একটি ওয়েবসাইট তৈরি করা ভাল ...