এই উইকিহো আপনাকে শেখায় কিভাবে একটি মসৃণ, পেশাদার চেহারা ওয়েবসাইট ডিজাইন করতে হয়। আপনি যখন আপনার সাইটের নকশা সম্পর্কে সিদ্ধান্ত নেওয়ার জন্য স্বাধীন, তখন ওয়েবসাইট তৈরি করার সময় কিছু গুরুত্বপূর্ণ কাজ এবং এড়িয়ে চলতে হয়।
ধাপ
2 এর অংশ 1: একটি সাইট ডিজাইন তৈরি করা
ধাপ 1. আপনি একটি ওয়েবসাইট নির্মাতা ব্যবহার করতে চান কিনা তা সিদ্ধান্ত নিন।
স্ক্র্যাচ থেকে একটি ওয়েবসাইট তৈরির জন্য এইচটিএমএল কোডের বিশদ বোঝার প্রয়োজন, তবে আপনি উইবলি, উইক্স, ওয়ার্ডপ্রেস বা গুগল সাইটের মতো একটি বিনামূল্যে হোস্টিং পরিষেবা ব্যবহার করে একটি সাইট তৈরি করতে পারেন। ওয়েবসাইট নির্মাতারা HTML এর চেয়ে নবীন ডিজাইনারদের জন্য অনেক সহজ।
- আপনি যদি নিজে কোড করার সিদ্ধান্ত নেন, তাহলে আপনার HTML এবং CSS কোডিং শেখা উচিত।
- আপনি যদি নিজের ওয়েবসাইট তৈরিতে সময় এবং শক্তি ব্যয় করতে অনিচ্ছুক হন তবে আপনি ওয়েবসাইট ডিজাইনার নিয়োগ করতে পারেন। ফ্রিল্যান্স ডিজাইনার পরিষেবাগুলি ব্যাপকভাবে পরিবর্তিত হয়, প্রতি ঘন্টায় কিছু চার্জ এবং কিছু প্রতি প্রকল্প, যার মোট পরিসীমা লক্ষ লক্ষ থেকে দশ লক্ষ টাকা পর্যন্ত।
পদক্ষেপ 2. একটি সাইটম্যাপ তৈরি করুন।
ওয়েবসাইট নির্মাতা খোলার আগে, আপনার সাইটে কতগুলি পৃষ্ঠা আছে, প্রতিটি পৃষ্ঠায় কী সামগ্রী রয়েছে এবং "হোম" এবং "প্রায়" এর মতো গুরুত্বপূর্ণ পৃষ্ঠাগুলির সাধারণ বিন্যাস নির্ধারণ করা উচিত।
কেবল ছায়া নয়, রুক্ষ চিত্র তৈরি করে আপনার সাইটের পৃষ্ঠাগুলি কল্পনা করা আপনার পক্ষে সহজ হবে।
পদক্ষেপ 3. একটি স্বজ্ঞাত নকশা ব্যবহার করুন।
যদিও নতুন ধারণাগুলি সাধারণত আকর্ষণীয় হয়, মৌলিক নকশাগুলি এই সাধারণ নির্দেশিকাগুলি অনুসরণ করে:
- নেভিগেশন বিকল্পগুলি (উদাহরণস্বরূপ, বিভিন্ন পৃষ্ঠার জন্য একাধিক ট্যাব) পৃষ্ঠার শীর্ষে স্থাপন করা উচিত।
- আপনি যদি মেনু আইকন (☰) ব্যবহার করেন, এটি পৃষ্ঠার উপরের-বাম কোণে থাকা উচিত।
- আপনি যদি সার্চ বার ব্যবহার করেন, তাহলে পৃষ্ঠার উপরের ডান পাশে রাখুন।
- সহায়ক লিঙ্কগুলি (উদাহরণস্বরূপ, "সম্পর্কে" বা "আমাদের সাথে যোগাযোগ করুন" পৃষ্ঠাগুলির লিঙ্কগুলি) পৃষ্ঠার নীচে থাকা উচিত।
ধাপ 4. সামঞ্জস্যপূর্ণ হন।
আপনি যে টেক্সট, কালার প্যালেট, ইমেজ থিম এবং ডিজাইন বেছে নিন না কেন, আপনার সাইট জুড়ে একই সিদ্ধান্তগুলি প্রয়োগ করুন তা নিশ্চিত করুন। ব্যবহারকারীরা দেখে অবাক হবেন যে "প্রায়" পৃষ্ঠায় ফন্ট এবং রঙের স্কিম হোম পেজের জন্য ব্যবহৃত থেকে অনেক আলাদা।
- উদাহরণস্বরূপ, যদি আপনি আপনার হোম পৃষ্ঠার জন্য একটি নরম রঙ ব্যবহার করেন, তাহলে পরবর্তী পৃষ্ঠায় একটি উজ্জ্বল রঙ ব্যবহার করবেন না।
- লক্ষ্য করুন যে উজ্জ্বল বা সংঘর্ষের রঙের ব্যবহার, বিশেষ করে গতিশীলভাবে প্রদর্শিত (বা চলমান) রঙ, ব্যবহারকারীদের সংখ্যালঘুতে খিঁচুনি বা মৃগীরোগের খিঁচুনি সৃষ্টি করতে পারে। যদি আপনি এই ধরনের রঙ ব্যবহার করার সিদ্ধান্ত নেন, তাহলে নিশ্চিত করুন যে আপনি প্রশ্নটির পৃষ্ঠার আগে "জব্দ হওয়ার ঝুঁকি" সতর্কতা অন্তর্ভুক্ত করেছেন।
ধাপ 5. নেভিগেশন বিকল্প যোগ করুন।
হোম পেজের উপরে গুরুত্বপূর্ণ পৃষ্ঠায় সরাসরি লিঙ্ক স্থাপন করা নতুন দর্শকদের জন্য গুরুত্বপূর্ণ বিষয়বস্তুতে সাহায্য করবে। বেশিরভাগ ওয়েবসাইট নির্মাতারা এই লিঙ্কটিকে ডিফল্ট হিসাবে যুক্ত করে।
এটি নিশ্চিত করা গুরুত্বপূর্ণ যে সাইটের সমস্ত পৃষ্ঠাগুলি কেবল পৃষ্ঠার ঠিকানার মাধ্যমে অ্যাক্সেস করার পরিবর্তে সাইটের মধ্যে একটি বিকল্পে ক্লিক করে অ্যাক্সেস করা যায়।
ধাপ 6. ম্যাচিং রং ব্যবহার করুন।
সব ধরনের ডিজাইনের মতো, ওয়েবসাইট ডিজাইনও আনন্দদায়ক রঙের সমন্বয়ের উপর নির্ভর করে। অতএব, একটি মেলা থিম রঙ নির্বাচন করা খুবই গুরুত্বপূর্ণ।
আপনি যদি বিভ্রান্ত হন তবে কালো, সাদা এবং ধূসর দিয়ে শুরু করুন।
ধাপ 7. একটি ন্যূনতম নকশা বিবেচনা করুন।
ন্যূনতম ধারণাটি শীতল সুর, সাধারণ গ্রাফিক্স, সাদা পটভূমিতে কালো পাঠ্য পৃষ্ঠা এবং যতটা সম্ভব অলঙ্করণকে উত্সাহিত করে। যেহেতু একটি ন্যূনতম নকশার জন্য খুব কম উপাদান প্রয়োজন, তাই খুব বেশি প্রচেষ্টা ছাড়াই আপনার সাইটকে পেশাদার এবং আকর্ষণীয় দেখানোর একটি সহজ বিকল্প।
- বেশিরভাগ ওয়েবসাইট নির্মাতারা একটি "মিনিমালিস্ট" থিম সরবরাহ করে যা আপনি ওয়েবসাইট তৈরি করার সময় বেছে নিতে পারেন।
- ন্যূনতম বিকল্প হল "বর্বরতা", যা কঠোর শব্দ, উজ্জ্বল রং, সাহসী পাঠ্য এবং ন্যূনতম গ্রাফিক্স ব্যবহার করে। ন্যূনতমদের তুলনায় নৃশংস নকশার ব্যবহারকারীর সংখ্যা অনেক কম, কিন্তু বিষয়বস্তু উপযুক্ত হলে, এই নকশাটি একটি ভাল পছন্দ হতে পারে।
ধাপ 8. অনন্য বিকল্প প্রয়োগ করুন।
গ্রিড এবং সোজা লাইন উপাদান নিরাপদ পছন্দ, কিন্তু কিছু অনন্য শৈলী একটি ব্যক্তিগত স্পর্শ যোগ করবে এবং আপনার সাইটকে বাকিদের থেকে আলাদা করবে।
- একটি স্তরযুক্ত চেহারা তৈরি করতে অসম্মত সাইট উপাদানগুলি স্থাপন করে বা স্ট্যাক করা উপাদানগুলি ব্যবহার করে প্রবণতাকে হারাতে ভয় পাবেন না।
- যদিও মার্জিত, তীক্ষ্ণ প্রান্তের বর্গ উপাদান (কার্ড ভিত্তিক উপস্থাপনা নামে পরিচিত) নরম, গোলাকার উপাদানগুলির চেয়ে কম কাম্য।
2 এর অংশ 2: সাইটের কর্মক্ষমতা বাড়ানো
ধাপ 1. গাড়ী অপ্টিমাইজেশান বিকল্পগুলির সুবিধা নিন।
মোবাইল ব্রাউজার ডেস্কটপ ব্রাউজারের চেয়ে বেশি ট্রাফিক নিয়ে আসে। এর মানে হল যে আপনি মোবাইল সংস্করণে যে মনোযোগ দেন তা অন্তত ডেস্কটপ সাইট ডেভেলপমেন্টের মতো হওয়া উচিত। বেশিরভাগ অটো-ক্রিয়েটর ওয়েবসাইট ইতিমধ্যেই একটি গাড়ির সংস্করণ তৈরি করেছে, কিন্তু মোবাইল সাইটগুলির জন্য নিম্নলিখিত তথ্যগুলি মাথায় রাখুন:
- নিশ্চিত করুন যে বোতামগুলি (উদাহরণস্বরূপ, সাইটলিঙ্ক) বড় এবং ট্যাপ করা সহজ।
- মোবাইল ডিভাইসে দেখা যায় না এমন বৈশিষ্ট্যগুলি এড়িয়ে চলুন (যেমন ফ্ল্যাশ, জাভা ইত্যাদি)।
- আপনার সাইটের জন্য একটি গাড়ি অ্যাপ তৈরির কথা বিবেচনা করুন।
পদক্ষেপ 2. প্রতি পৃষ্ঠায় খুব বেশি ফটো অন্তর্ভুক্ত করবেন না।
ডেস্কটপ এবং মোবাইল ব্রাউজারে মাঝে মাঝে প্রচুর ফটো বা ভিডিও সহ পৃষ্ঠা লোড করতে সমস্যা হয়। যদিও ওয়েব ডিজাইনে ছবিগুলি অত্যন্ত গুরুত্বপূর্ণ, প্রতি পৃষ্ঠায় অতিরিক্ত পরিমাণে মিডিয়া লোডিংয়ের সময়কে দীর্ঘায়িত করতে পারে এবং এটি ব্যবহারকারীদের সেই পৃষ্ঠাগুলি দেখার জন্য নিরুৎসাহিত করে।
সাধারণভাবে, একটি পৃষ্ঠা লোড চার সেকেন্ডের কম সময় নিতে হবে।
ধাপ 3. একটি "যোগাযোগ" পৃষ্ঠা যোগ করুন।
আপনি লক্ষ্য করতে পারেন যে বেশিরভাগ সাইট একটি "আমাদের সাথে যোগাযোগ করুন" পৃষ্ঠা সরবরাহ করে যাতে যোগাযোগের তথ্য থাকে (যেমন ফোন নম্বর এবং ইমেল ঠিকানা)। আসলে, কিছু সাইট এই পৃষ্ঠায় একটি স্বয়ংক্রিয় অনুসন্ধান ফর্ম প্রদান করে। "যোগাযোগ" পৃষ্ঠাটি সাইট দর্শকদের এবং আপনার মধ্যে যোগাযোগের একটি সরাসরি লাইন, যার অর্থ এটি একটি দর্শনার্থীর প্রশ্ন বা হতাশার সমাধানও।
ধাপ 4. একটি কাস্টম 404 পৃষ্ঠা তৈরি করুন।
যখন কোন ভিজিটর একটি নির্দিষ্ট পৃষ্ঠায় আসে যা তৈরি করা হয়নি বা বিদ্যমান নেই, তখন একটি "404 ত্রুটি" পৃষ্ঠা প্রদর্শিত হবে। বেশিরভাগ ব্রাউজার একটি অন্তর্নির্মিত 404 পৃষ্ঠা সরবরাহ করে, তবে আপনি ওয়েবসাইট নির্মাতা সেটিংস থেকে এটি দেখতে কেমন তা কাস্টমাইজ করতে পারেন। আপনি যদি একটি কাস্টম 404 পৃষ্ঠা তৈরি করতে চান, তাহলে নিম্নলিখিত বিবরণ লিখুন:
- মজার এবং মজার ত্রুটি বার্তাগুলি (উদা, "অভিনন্দন, আপনি একটি ত্রুটির পৃষ্ঠায় অবতরণ করেছেন!")
- হোম পেজে ফিরে লিঙ্ক করুন
- লিঙ্কগুলির তালিকা যা দর্শকরা সাধারণত দেখতে পান
- আপনার সাইটের ছবি বা লোগো
ধাপ 5. সম্ভব হলে অনুসন্ধান বারটি প্রবেশ করান।
আপনি যে ওয়েবসাইট ক্রিয়েটর পদ্ধতি ব্যবহার করছেন সেটি যদি সার্চ বার যোগ করা সমর্থন করে, আমরা এটি যোগ করার সুপারিশ করি। এটি নিশ্চিত করে যে ব্যবহারকারীরা সমস্ত নেভিগেশন বিকল্পের মাধ্যমে ক্লিক না করে নির্দিষ্ট পৃষ্ঠা বা বিষয়বস্তু খুঁজে পেতে পারেন।
সার্চ বারটিও খুব দরকারী যখন ভিজিটররা এলোমেলো পাতায় ড্যাবল না করে সাধারণ শব্দ অনুসন্ধান করতে চায়।
পদক্ষেপ 6. হোম পেজে আরো মনোযোগ দিন।
যখন দর্শকরা হোম পেজে যান, তাদের আপনার সাইটের থিমের সারমর্ম পাওয়া উচিত ছিল। উপরন্তু, হোম পৃষ্ঠার সমস্ত উপাদান দ্রুত লোড হওয়া উচিত, যার মধ্যে নেভিগেশন বিকল্প এবং ছবিও রয়েছে। হোম পেজে নিম্নলিখিত দিকগুলিও দেওয়া উচিত:
- কল টু অ্যাকশন (উদাহরণস্বরূপ, ক্লিক করার জন্য একটি বোতাম বা পূরণ করার জন্য একটি ফর্ম)
- টুলবার বা নেভিগেশন মেনু
- আমন্ত্রণ গ্রাফিক্স (যেমন একটি কঠিন ছবি, ভিডিও, বা পরিপূরক পাঠ্য সহ একাধিক ছবি)
- আপনার সাইটের পরিষেবা, বিষয় বা ফোকাস সম্পর্কিত কীওয়ার্ড
ধাপ 7. বিভিন্ন ব্রাউজার এবং প্ল্যাটফর্মে আপনার সাইট পরীক্ষা করুন।
এটি খুবই গুরুত্বপূর্ণ কারণ ব্রাউজাররা বিভিন্ন উপায়ে একটি ওয়েবসাইটের দিকগুলি প্রক্রিয়া করে। আপনার সাইটের প্রচার করার আগে, উইন্ডোজ, ম্যাক, আইফোন এবং অ্যান্ড্রয়েড প্ল্যাটফর্মে নিম্নলিখিত ব্রাউজারে আপনার সাইট খোলার এবং ব্যবহার করার চেষ্টা করুন:
- গুগল ক্রম
- ফায়ারফক্স
- সাফারি (শুধুমাত্র আইফোন এবং ম্যাক)
- মাইক্রোসফট এজ এবং ইন্টারনেট এক্সপ্লোরার (শুধুমাত্র উইন্ডোজ)
- কিছু অ্যান্ড্রয়েড ফোনের ডিফল্ট ব্রাউজার (স্যামসাং গ্যালাক্সি, গুগল নেক্সাস ইত্যাদি)
ধাপ 8. সাইট আপডেট রাখুন।
নকশা প্রবণতা, লিঙ্ক, ফটো, ধারণা এবং কীওয়ার্ড সবসময় পরিবর্তন হয়। সুতরাং, আপনাকেও সময়ের সাথে তাল মিলিয়ে চলতে সর্বদা পরিবর্তন করতে হবে। আপনার সাইটের পারফরম্যান্স যাচাই করা উচিত এবং প্রতি তিন মাসে অন্তত একবার অনুরূপ সাইটের সাথে তুলনা করা উচিত (বিশেষত প্রায়শই)।
পরামর্শ
- অ্যাক্সেসিবিলিটি ওয়েবসাইট বিকাশেও সমান গুরুত্বপূর্ণ দিক। অ্যাক্সেসযোগ্যতার মধ্যে রয়েছে শ্রবণ-প্রতিবন্ধী দর্শকদের বিবরণ, দৃষ্টি প্রতিবন্ধীদের জন্য অডিও বিবরণ, এবং যদি আপনার সাইট সম্ভাব্য জব্দ-প্ররোচিত প্রভাব ব্যবহার করে তবে আলোক সংবেদনশীলতা সতর্কতা।
- বেশিরভাগ ওয়েবসাইট নির্মাতারা টেমপ্লেট সরবরাহ করে যা আপনি পছন্দসই উপাদান যুক্ত করার আগে লেআউট এবং ডিজাইন নির্ধারণ করতে ব্যবহার করতে পারেন।
সতর্কবাণী
- বেশিরভাগ নির্মাতা সাইট বিনামূল্যে, কিন্তু আপনি যদি নিজের ডোমেন ব্যবহার করতে চান (যেমন "www.yourname.wordpress.com" এর পরিবর্তে "www.yourname.com"), তাহলে আপনাকে মাসিক বা বার্ষিক ফি দিতে হবে।
- চুরি করা এড়িয়ে চলুন এবং সমস্ত কপিরাইট আইন শিখুন। অনুমতি ছাড়া ইন্টারনেট বা কাঠামোগত উপাদান থেকে এলোমেলো ছবি অন্তর্ভুক্ত করবেন না।
