কিভাবে মোবাইল ডিভাইসের জন্য ওয়েব পেজগুলি লিখুন

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

কিন্তু আপনি কি সত্যিই আপনার পৃষ্ঠা ঠিক কাজ করতে চান? বেশিরভাগ ডিজাইনার তাদের পাতা চিত্কার চান!

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

মোবাইল ডিভাইসের জন্য একটি সাইট নির্মাণের জন্য সাধারণ নির্দেশিকা

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

স্মার্টফোন জন্য ওয়েব পৃষ্ঠা বিন্যাস

স্মার্টফোন বাজারের জন্য পৃষ্ঠা লেখার সময় আপনার প্রথম জিনিসটি মনে রাখতে হবে যে আপনি যদি না চান তবে আপনার কোনও পরিবর্তন করতে হবে না। সর্বাধিক স্মার্টফোনগুলি পাওয়া যায় এমনটি হল যে তারা ওয়েবকিটগুলি প্রদর্শন করার জন্য ওয়েবকিট ব্রাউজার (অ্যান্ড্রয়েডের iOS এবং Chrome এ Safari) ব্যবহার করে, তাই আপনার পৃষ্ঠাটি Safari বা Chrome তে ঠিক দেখায়, তবে এটি বেশিরভাগ স্মার্টফোন (খুব ছোট ছোট) )। কিন্তু ব্রাউজিংয়ের অভিজ্ঞতা আরও সুন্দর করতে আপনি কিছু করতে পারেন:

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

আইফোনের লিঙ্ক এবং ন্যাভিগেশন

• URL গুলো ছোট, ভাল। আপনি যদি কখনও একটি সেল ফোন URL টাইপ করার চেষ্টা করেছেন, আপনি এটি একটি ব্যথা (সম্ভবত পাঠ্য বার্তা অনেক পাঠাতে ব্যবহৃত হয় তের জন্য) ছাড়াও জানাবেন। এমনকি আইফোনেও, লম্বা URL গুলি টাইপ করতে ক্লান্তিকর। তাদের সংক্ষিপ্ত রাখুন
• কিন্তু দীর্ঘ লিংক পাঠ্য ট্যাপ করা সহজ। যখন একটি পৃষ্ঠা যেখানে বিভিন্ন আলাদা শব্দ বিভিন্ন নিবন্ধের সাথে সংযুক্ত হয়, একে অপরের পাশে ডানদিকে, জুমিং ছাড়া সঠিক একটি ট্যাপ করা খুব কঠিন হতে পারে। অনেক মানুষই ছেড়ে দিতে হবে এবং অন্য কোথাও যেতে হবে। তাদের মধ্যে 3-5 টি শব্দগুলির সাথে লিংকগুলি 1-শব্দ লিঙ্কগুলির তুলনায় ফোনটিতে ক্লিক করা সহজ।
• পর্দার উপরের দিকে আপনার ন্যাভিগেশন করা না। স্ক্রিনের মাধ্যমে পৃষ্ঠাগুলি এবং আপনার পছন্দসই তথ্য খুঁজতে লিঙ্কগুলির পর্দার তুলনায় আরো বেশি বিরক্তিকর কিছু নেই। আপনি সেল ফোনের জন্য ডিজাইন করা ওয়েব পৃষ্ঠাগুলির দিকে তাকিয়ে থাকলে, আপনি দেখবেন যে দেখা যায় যে প্রথম জিনিসগুলি বিষয়বস্তু এবং শিরোনাম। তারপর, নীচের যে ন্যাভিগেশন হয়
• আপনার ন্যাভিগেশন গোপন করতে ভয় পাবেন না সিএসএস বা জাভাস্ক্রিপ্টের সাথে ন্যাভিগেশন লিংক লুকানো এবং ব্যবহারকারীরা যখন এটির জন্য অনুরোধ করে তখনই তা প্রদর্শিত হয়, স্মার্টফোন ব্যবহারকারীদের জন্য পৃষ্ঠাটি সহজ করার উপায়।

স্মার্টফোনের ছবির জন্য টিপস

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

মোবাইলে ডিজাইন করার সময় কি করবেন?

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

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

• হরফগুলি - অনুমান করবেন না যে আপনি অ্যাক্সেস করার জন্য যে ফন্টগুলি ব্যবহার করেছেন সেটি কোনও মোবাইল ফোনে পাওয়া যাবে।

আরও পড়ুন

• পিএইচপি ব্যবহার করে আপনার ওয়েবসাইটটি কিভাবে বন্ধুত্বপূর্ণ করুন