অনুসরণ করা হলে, এই গাইডটি বেশ মূল্যবান ওয়েব ডিজাইন রিসোর্স হিসেবে প্রমাণিত হবে, বিশেষ করে যদি আপনি ব্যবহার করার পরিকল্পনা করেন ওয়েবসাইট ডেভেলপমেন্ট সফটওয়্যার ভবিষ্যতে অনভিজ্ঞ থেকে অভিজ্ঞ, এই গাইডে সবার জন্য কিছু না কিছু আছে।
দুর্দান্ত ওয়েব ডিজাইনের প্রক্রিয়া আমরা সবাই একই পৃষ্ঠায় আছি তা নিশ্চিত করার জন্য, "ওয়েব ডিজাইন" এর প্রাথমিক সংজ্ঞা দিয়ে শুরু করা যাক। উইকিপিডিয়া অনুসারে, ওয়েব ডিজাইন হল:
"ওয়েব ব্রাউজার দ্বারা ব্যাখ্যার জন্য উপযুক্ত মার্কআপ ভাষার আকারে ইন্টারনেটের মাধ্যমে ইলেকট্রনিক মিডিয়া সরবরাহের ধারণা, পরিকল্পনা, মডেলিং এবং সম্পাদনের একটি প্রক্রিয়া এবং গ্রাফিকাল ইউজার ইন্টারফেস হিসাবে প্রদর্শন" .
ওয়েব ডিজাইনের প্রক্রিয়াটিকে একটি গবেষণা পত্র লেখার প্রক্রিয়ার সাথে তুলনা করা যেতে পারে। ধারণাগত/পরিকল্পনা পর্যায়ে, ফ্লোচার্ট (রূপরেখা) তৈরি করা হয় যা আপনার ওয়েবসাইটের নেভিগেশনাল কাঠামোকে চিত্রিত করে। মডেলিং পর্যায়ে, স্ট্যাটিক ওয়্যারফ্রেম তৈরি করা হয় (রুক্ষ খসড়া) যা আপনার ওয়েবসাইটের প্রতিটি বিভাগের জন্য কঙ্কাল বিন্যাস চিত্রিত করে। তারের ফ্রেম তৈরি হওয়ার পরে, তারের ফ্রেমের বিন্যাসের উপর ভিত্তি করে আপনার ওয়েব পৃষ্ঠাগুলির নকশা তৈরি করতে গ্রাফিক্স, রঙ এবং পাঠ্য ব্যবহার করা হয়। কার্যকরী পর্যায়ে, আপনার ডিজাইন ওয়েব ব্রাউজার দ্বারা সমর্থিত একটি বিন্যাসে রূপান্তরিত হয়, পাঠ্য এবং বিষয়বস্তু যোগ করা হয় এবং অবশেষে, আপনার ওয়েবসাইটটি বিশ্বের দেখার জন্য ইন্টারনেটে লাইভ প্রকাশিত হয় (চূড়ান্ত খসড়া)।
নকশা প্রক্রিয়ার তিনটি ধাপই সমান গুরুত্বপূর্ণ। অনেক ওয়েব ডিজাইনার সময় বাঁচানোর জন্য বা এটি প্রয়োজনীয় বলে মনে করেন না বলে একটি পর্যায় এড়িয়ে যান। যাইহোক, যদি আপনার লক্ষ্য একটি সফল ডিজাইন এবং সম্মানজনক ওয়েবসাইট তৈরি করা হয় তবে তিনটি ধাপই প্রয়োজনীয়। এমনকি তিনটি ধাপ ব্যবহার করা হলেও, ওয়েব ডিজাইনাররা এমন অনেক ভুল করতে পারেন যা নিম্নমানের, অ-ব্যবহারকারী-বান্ধব ওয়েবসাইটগুলির দিকে পরিচালিত করবে। এটি খারাপ ওয়েব ডিজাইন অনুশীলনের ক্যাবিনেট পরিষ্কার করার এবং ভালগুলির সাথে এটি পুনরুদ্ধার করার সময়।
পর্যায় 1: ধারণা এবং পরিকল্পনা
এই পর্যায়টি অন্য দুটি পর্যায়ের তুলনায় প্রায়শই এড়িয়ে যায়। বেশিরভাগ লেখক গবেষণাপত্রের রূপরেখা তৈরি করতে পছন্দ করেন না এবং বেশিরভাগ ওয়েব ডিজাইনার ফ্লোচার্ট তৈরি করতে পছন্দ করেন না। অলস হবেন না। আপনি যদি প্রচেষ্টা চালিয়ে যান এবং আপনার ওয়েবসাইটের পরিকল্পনা করেন, তাহলে আপনি ওয়েব ডিজাইনের প্রক্রিয়াটিকে সহজভাবে এগিয়ে যাওয়ার জন্য খুঁজে পাবেন পথের ধারে করা কম ভুলের সাথে।
আপনার ওয়েবসাইটকে কার্যকরভাবে ধারণা ও পরিকল্পনা করার জন্য আপনাকে কয়েকটি জিনিসের প্রয়োজন হবে:
- একটি মস্তিষ্ক
- একটি কলম এবং কাগজ
- (ঐচ্ছিক) ফ্লোচার্ট সফ্টওয়্যার
- আপনার ওয়েবসাইটের বিভিন্ন বিভাগের একটি সাধারণ ধারণা
শুরু করতে, আপনার কলম এবং কাগজ ধরুন বা আপনার প্রিয় ফ্লোচার্ট সফ্টওয়্যার চালু করুন। আমরা Mac OS X-এর জন্য OmniGraffle Professiona ব্যবহার করি যার দাম প্রতি লাইসেন্সে $150 কিন্তু আপনি যদি নিয়মিত ওয়েবসাইট তৈরি করেন তাহলে এটির মূল্য অনেক। আপনি যদি পিসিতে থাকেন, তাহলে SmartDraw হল ফ্লোচার্ট সফ্টওয়্যারের একটি দুর্দান্ত অংশ যা আপনি ব্যবহার করতে পারেন৷ যদিও একটি কলম এবং কাগজের কাজ ঠিক আছে।
ফ্লোচার্ট তৈরি করার অনেক পদ্ধতি আছে। সময় এবং এই নিবন্ধের দৈর্ঘ্যের জন্য আমরা আপনাকে এটি করার সবচেয়ে প্রাথমিক উপায়টি দেখাতে যাচ্ছি। আপনি ফ্লোচার্ট সম্পর্কে আরও জানতে চাইলে গুগল বা ইয়াহুতে ফ্লোচার্ট অনুসন্ধান করুন।
ক্রোম্যাটিক সাইট ধারণা করার সময় আমরা যে ফ্লোচার্ট তৈরি করেছি তা দেখুন। (1) ফ্লোচার্টের শীর্ষে আমরা আমাদের ওয়েবসাইটের নাম তালিকাভুক্ত করি। (2) এর পরে, আমরা আমাদের ওয়েবসাইটের প্রতিটি প্রাথমিক বিভাগ অন্তর্ভুক্ত করি: হোম, সম্পর্কে, এবং পরিষেবা। এই বিভাগগুলি আপনার ওয়েবসাইটের প্রধান নেভিগেশন। প্রতিটি বিভাগের নাম কী হবে তা সম্পূর্ণরূপে আপনার ওয়েবসাইটের বিষয়বস্তুর উপর নির্ভর করে। যতটা সম্ভব কয়েকটি বিভাগ ব্যবহার করার চেষ্টা করুন যাতে আপনার ওয়েবসাইটে নেভিগেট করার সময় আপনার দর্শকরা অভিভূত না হয়।
(3) এর পরে, প্রাথমিক পৃষ্ঠাগুলির প্রতিটিতে তালিকাভুক্ত সমস্ত মাধ্যমিক পৃষ্ঠা (উপবিভাগ) যোগ করুন। বাড়ির জন্য, আমরা পেশাদার ওয়েব ডিজাইন, ওয়েব ডেভেলপমেন্ট এবং সার্চ ইঞ্জিন অপ্টিমাইজেশন অন্তর্ভুক্ত করেছি। সেকেন্ডারি নেভিগেশন প্রাথমিক নেভিগেশন থেকে আরো বর্ণনামূলক হতে হবে। আপনার ওয়েবসাইটের ন্যাভিগেশনাল শ্রেণীবিন্যাস যত গভীর হবে, প্রতিটি লেবেল তত বেশি বর্ণনামূলক হওয়া উচিত।
ডস
- কমই বেশি; প্রাথমিক বিভাগের সংখ্যা ন্যূনতম রাখুন। আমরা আমাদের ওয়েবসাইটে 6 টি বিভাগ ব্যবহার করি যা যথেষ্ট বেশি
- আপনি একটি কলম এবং কাগজ বা ফ্লোচার্ট সফ্টওয়্যার ব্যবহার করুন না কেন, জিনিসগুলি যতটা সম্ভব পরিষ্কার এবং সংগঠিত রাখুন। যদিও আপনি (এবং আপনার সাথে কাজ করছেন এমন যে কেউ) শুধুমাত্র ফ্লোচার্ট ব্যবহার করবেন, তবুও এটিকে বোঝাতে হবে - আপনার প্রাথমিক বিভাগে বৃহত্তর পদ ব্যবহার করা উচিত, যখন মাধ্যমিক এবং তৃতীয় পদগুলি আরও বর্ণনামূলক হওয়া উচিত
ডন্টস
একটি ফ্লোচার্ট তৈরি করা বেশ সোজা এগিয়ে; যাইহোক, কিছু ভুল আছে যা সহজেই করা যেতে পারে:
- আপনার প্রাথমিক নেভিগেশনে খুব বর্ণনামূলক শব্দ ব্যবহার করবেন না যদি না আপনার সম্পূর্ণ ওয়েবসাইটটি একটি সংকীর্ণ বিষয়ের উপর ফোকাস করে - একই পৃষ্ঠায় একাধিক বিষয় নিয়ে চেষ্টা করবেন না। এই বিষয়গুলির জন্য একটি সাধারণ বিভাগ তৈরি করুন এবং সেই বিভাগ থেকে উপবিভাগ তৈরি করুন। এটি সাবসেকশন (বর্ণনামূলক) ওয়েব পৃষ্ঠাগুলিকে সার্চ ইঞ্জিনগুলিতে আরও ভাল র্যাঙ্কিং করার সম্ভাবনা তৈরি করবে (Google, Yahoo, MSN, Ask) একবার আপনি একটি সংক্ষিপ্ত এবং বর্ণনামূলক ফ্লোচার্ট তৈরি করলে, আপনি দ্বিতীয় পর্যায়ে যেতে প্রস্তুত ওয়েব ডিজাইন প্রক্রিয়ার:
পর্যায় 2: মডেলিং
মডেলিং পর্যায়ে, স্ট্যাটিক "ওয়্যারফ্রেম" মক আপ তৈরি করা হয়। প্রতিটি মকআপ আপনার ওয়েবসাইটে অন্তর্ভুক্ত করা প্রতিটি ওয়েব পৃষ্ঠার বিন্যাসের একটি খালি হাড়ের কঙ্কালকে চিত্রিত করে। এই পর্যায়টি গুরুত্বপূর্ণ কারণ এটি আমাদের একটি ধারণা দেয় যে আমাদের নকশায় বিভিন্ন উপাদান কোথায় স্থাপন করা হবে। এই উপাদানগুলির মধ্যে কয়েকটি হল:
- লোগো
- নেভিগেশনাল মেনু
- বিষয়বস্তু
- ছবি, ভিডিও
এই মকআপগুলি তৈরি করতে, আপনি একটি কলম এবং কাগজ বা আপনার পছন্দের মকআপ সফ্টওয়্যার ব্যবহার করতে পারেন। আগে আমরা ফটোশপ ব্যবহার করলেও ইদানীং আমরা OmniGraffle Professional ব্যবহার করছি। OmniGraffle ফটোশপের মতো নিবিড় সম্পদ নয় এবং এটি আমাদের ওয়্যারফ্রেম মকআপগুলিকে আরও দ্রুত একত্রিত করতে দেয়।
এছাড়াও, নিশ্চিত করুন যে আপনার কাছে আপনার তৈরি করা ফ্লোচার্ট(গুলি) আছে কারণ আপনি আপনার ওয়েবসাইটে প্রদর্শিত সমস্ত পৃষ্ঠাগুলিকে উপহাস করছেন কিনা তা নিশ্চিত করার জন্য আপনাকে সময়ে সময়ে এগুলি উল্লেখ করতে হবে৷
একটি ওয়্যারফ্রেম মকআপ কেমন হওয়া উচিত তার আমাদের উদাহরণ এখানে। আপনি দেখতে পাচ্ছেন, এখানে কোনও রঙ বা গ্রাফিক্স অন্তর্ভুক্ত নেই। একটি ওয়্যারফ্রেম মকআপ ঠিক এইভাবে হওয়া উচিত - আপনার ডিজাইনের একটি কঙ্কাল লেআউট। উদ্দেশ্য হল ওয়েব পৃষ্ঠার প্রতিটি উপাদান কোথায় স্থাপন করা হবে সে সম্পর্কে একটি সাধারণ ধারণা পেতে সক্ষম হওয়া।
আমরা সাধারণত উপরের বাম থেকে শুরু করি এবং নীচের দিকে আমাদের পথ কাজ করি। একটি ওয়্যারফ্রেম দেখতে হবে এমন কোন নির্দিষ্ট উপায় নেই। তোমার কল্পনা শক্তি ব্যবহার কর. যাইহোক, নিশ্চিত করুন যে আপনার ওয়্যারফ্রেম তৈরি করার সময় আপনি একটি ওয়েবসাইটের সবচেয়ে গুরুত্বপূর্ণ উপাদানগুলি (লোগো, নেভিগেশনাল মেনু, বিষয়বস্তু বসানো, ছবি/ভিডিও বসানো) অন্তর্ভুক্ত করতে ভুলবেন না।
যদি আপনার কিছু পৃষ্ঠা একই লেআউট ব্যবহার করে, তাহলে সেই সমস্ত পৃষ্ঠাগুলিকে উপহাস করার প্রয়োজন নেই (যদিও আপনি অবশ্যই পারেন)। আপনার ওয়েবসাইটের যে কোনো অনন্য লেআউটকে উপহাস করতে ভুলবেন না। আপনি পরে নিজেকে ধন্যবাদ জানাবেন।
করণীয়
- সমস্ত অনন্য পৃষ্ঠাগুলি মকআপ করুন
- গুরুত্বপূর্ণ উপাদানগুলি অন্তর্ভুক্ত করুন (লোগো, নেভিগেশন, বিষয়বস্তু বসানো, ছবি/ভিডিও বসানো) -উপর থেকে শুরু করুন এবং নিচের পথে কাজ করুন -পর্যায় 1 এ তৈরি আপনার ফ্লোচার্টটি উল্লেখ করুন যাতে আপনি কোনও পৃষ্ঠা মকআপ করতে ভুলবেন না -সংরক্ষণ করুন, সংরক্ষণ করুন, সংরক্ষণ করুন - কম্পিউটারে যেকোনো কিছুর মতো, প্রতি 10 মিনিটে আপনার মকআপ(গুলি) সংরক্ষণ করুন
- পরিষ্কার, ব্যবহারকারী বান্ধব লেআউটগুলিতে ফোকাস করুন - আপনার উপাদানগুলিকে লেবেল করুন যাতে আপনি সেগুলিকে 3 পর্যায়ে উল্লেখ করার সময় ভুলে যান না যে সেগুলি কী, সম্পাদন - অনুপ্রেরণা হিসাবে অন্যান্য ওয়েব সাইটগুলি ব্যবহার করুন; অন্যান্য সাইট থেকে উপাদানগুলি নেওয়া এবং সেগুলিকে নিজের করে নেওয়ার ক্ষেত্রে কোনও ভুল নেই (দেখুন "না")
ডোন্টস
- গ্রাফিক্স বা রঙ অন্তর্ভুক্ত করবেন না (এটি পরবর্তী পর্যায়ের জন্য) -আপনার মকআপগুলিকে খুব "ব্যস্ত" করবেন না; পরিষ্কার, সুসংগঠিত, ব্যবহারকারী বান্ধব লেআউটগুলিতে ফোকাস করুন - এই পর্যায়টি এড়িয়ে যাবেন না; এটি প্রথম এবং শেষের মতোই গুরুত্বপূর্ণ - যদি আপনি অন্যান্য ওয়েবসাইট থেকে উপাদানগুলি নেন, তবে নিশ্চিত করুন যে আপনি চুরি করবেন না; আপনার ডিজাইনের কিছু উপাদান তৈরি করতে অন্য ওয়েবসাইট দ্বারা অনুপ্রাণিত হওয়া এবং তাদের লেআউট এবং রঙগুলিকে স্পষ্টভাবে ছিঁড়ে ফেলার মধ্যে পার্থক্য রয়েছে
পর্যায় 3: মৃত্যুদন্ড
তৃতীয় এবং চূড়ান্ত পর্যায়ে, সম্পাদন, পর্যায় 1 এবং 2 থেকে পরিকল্পনা একটি লাইভ, ইন্টারেক্টিভ ওয়েবসাইট তৈরিতে সহায়তা করার জন্য একত্রিত করা হয়।
তৃতীয় পর্যায়টি এখন পর্যন্ত সবচেয়ে নিবিড় কারণ আপনি হবেন 1) গ্রাফিক্স তৈরি করা 2) বিষয়বস্তু তৈরি করা এবং অবশেষে, 3) ওয়েব ডিজাইনকে ছবি থেকে কোডে রূপান্তর করা যা ওয়েব ব্রাউজারগুলি আপনার ওয়েবসাইটকে বিশ্বের কাছে উপস্থাপন করতে ব্যবহার করে।
আপনি তৃতীয় পর্যায়ে পৌঁছানোর সময়, আপনার একটি পরিষ্কার ধারণা থাকা উচিত:
- আপনার ভিজিটররা কিভাবে এক জায়গা থেকে অন্য জায়গায় যাবে (পর্যায় 1, ফ্লোচার্ট) -কিভাবে আপনার ওয়েব পেজগুলো সাজানো হবে (পর্যায় 2, ওয়্যারফ্রেম মকআপ)
যদি আপনার এই দুটি জিনিস সম্পর্কে পরিষ্কার ধারণা না থাকে, তবে প্রথম এবং দ্বিতীয় পর্যায়ে ফিরে যান এবং তাদের বিকাশ চালিয়ে যান। আপনি দেখতে পাবেন যে তৃতীয় পর্যায়টি সবচেয়ে সহজ যখন আপনি আপনার ওয়েবসাইট ডিজাইন করার জন্য একটি পরিষ্কার, সংক্ষিপ্ত যুদ্ধ পরিকল্পনা তৈরি করেন।
খাতা কলম এবং কাগজ
স্টেজ 3 এ, আপনাকে ফটোশপ বা অন্য ইমেজ এডিটিং প্রোগ্রাম ব্যবহার করতে হবে যেহেতু আপনি আপনার ওয়েবসাইটের লেআউট তৈরি করতে রঙ এবং গ্রাফিক্স ব্যবহার করবেন।
আমরা সাধারণত প্রথমে "হোম" পৃষ্ঠা (সূচী) তৈরি করা শুরু করি। আপনার তৈরি করা প্রতিটি পৃষ্ঠার জন্য একটি টেমপ্লেট হিসাবে স্টেজ 2 এ তৈরি করা আপনার ওয়্যারফ্রেমগুলি ব্যবহার করুন৷ যাইহোক, কঠিন বাক্স ব্যবহার করার পরিবর্তে, পরিবর্তে গ্রাফিক্স, রং এবং পাঠ্য ব্যবহার করুন। প্রতিটি পৃষ্ঠাকে অবশ্যই দেখতে হবে যে আপনি ইন্টারনেটে তাদের দেখতে কেমন চান কারণ এটি ডিজাইন প্রক্রিয়ার চূড়ান্ত পর্যায়।
আপনার নেভিগেশনের জন্য পটভূমি অন্তর্ভুক্ত করতে ভুলবেন না (কিন্তু আসলে আপনার ছবিতে পাঠ্য যোগ করবেন না)। CSS (ক্যাসকেডিং স্টাইল শীট) ব্যবহার করে রূপান্তরিত হলে, আপনার নেভিগেশন পাঠ্য আকারে হওয়া উচিত, চিত্র নয়। ছবিগুলি সার্চ ইঞ্জিন দ্বারা ক্রল-সক্ষম নয় (আপনার নেভিগেশনে ব্যবহৃত কীওয়ার্ডগুলি সার্চ ইঞ্জিন ফলাফল পৃষ্ঠাগুলিতে সূচীবদ্ধ হবে না, যার অর্থ কম লোক আপনার ওয়েবসাইট খুঁজে পেতে সক্ষম হবে)।
আপনি যখন আপনার ডিজাইনগুলি নিয়ে খুশি হন এবং অনুভব করেন যে সেগুলি ইন্টারনেটে রাখার জন্য প্রস্তুত, তখন ডিজাইনগুলিকে আলাদা করার সময় এসেছে যাতে আপনি একটি CSS ভিত্তিক লেআউট তৈরি করতে পারেন৷ আপনার লেআউটগুলিকে CSS-এ রূপান্তর করা বা CSS-এ আপনার ওয়েবসাইট চিহ্নিত করার বিষয়ে আরও তথ্যের জন্য, w3schools.com-এ যান৷ ইন্টারনেটের চারপাশে খোঁজার পর, আমরা একটি শালীন ইমেজ-টু-সিএসএস টিউটোরিয়াল খুঁজে পাইনি – তাই আগামী সপ্তাহে আমাদের কাছ থেকে একটি আশা করুন। আপনার ডিজাইনগুলিকে CSS-এ রূপান্তর করা অত্যন্ত গুরুত্বপূর্ণ কারণ টেবিল লেআউটগুলি অতীতের বিষয়।
এখানে লেআউটের একটি প্রায়-সমাপ্ত ওয়েবসাইটের উদাহরণ রয়েছে যা আমরা ২য় পর্যায়ে উপহাস করেছি। এটি সরাসরি আমাদের ওয়েব ব্রাউজার থেকে নেওয়া হয়েছে এবং আপনি দেখতে পাচ্ছেন, এখন একটি লোগো, রঙ, একটি সুন্দর নেভিগেশন সিস্টেম, একটি ফুটার, এবং একটি সবচেয়ে গুরুত্বপূর্ণ, একটি পরিষ্কার, সংগঠিত বিন্যাস।
ধাপ 1 এবং 2 এর পরিকল্পনার জন্য ধন্যবাদ, আমাদের লেআউটটি সুসংগঠিত এবং ব্যবহার করা সহজ।
ডস
- আপনার টেমপ্লেটগুলি উল্লেখ করুন যা 2 পর্যায় তৈরি করা হয়েছিল; যদিও আপনার আসল লেআউট থেকে বিচ্যুত হওয়া ঠিক, আপনার এটির প্রয়োজন নেই
- আপনার প্রকৃত নকশা তৈরি করার আগে কিছু গবেষণা করুন; অন্যান্য সাইট থেকে ধারনা পান এবং সেগুলিকে আপনার নিজের করে নিন (চোরা চুরি না করে)
- আপনার ওয়েব পৃষ্ঠাগুলির জন্য চূড়ান্ত চেহারা তৈরি করতে রঙ এবং গ্রাফিক্স অন্তর্ভুক্ত করুন - ওয়েব ব্রাউজারগুলির দ্বারা বোধগম্য চিত্রগুলি থেকে আপনার ডিজাইনগুলিকে মার্কআপে রূপান্তর করতে CSS (ক্যাসকেডিং স্টাইল শীট) ব্যবহার করুন - হাইপারলিঙ্কগুলির সাথে আপনার পৃষ্ঠাগুলি কোড করার সময় স্টেজ 1 থেকে আপনার ফ্লোচার্ট উল্লেখ করুন; একটি ড্রপ ডাউন মেনু ব্যবহার করা ভাল যাতে প্রতিটি পৃষ্ঠায় আপনার ওয়েবসাইটের সমস্ত (বা বেশিরভাগ) লিঙ্ক অন্তর্ভুক্ত থাকে; এটি সহজে নেভিগেশনের অনুমতি দেবে এবং সার্চ ইঞ্জিন মাকড়সা থামলে আপনার পৃষ্ঠাগুলি ক্রল করা সহজ করে দেবে; CSS ড্রপ ডাউন মেনু পেতে একটি দুর্দান্ত জায়গা হল DynamicDrive.com - ফটোশপে কাজ করার সময় আপনার ডিজাইন চূড়ান্ত করুন বা আপনি যে কোনও ইমেজ এডিটিং সফ্টওয়্যার ব্যবহার করেন; একবার মার্কআপে (কোড) রূপান্তরিত হয়ে গেলে আপনার ডিজাইনে পরিবর্তন করতে কষ্ট হতে পারে
ডন্টস
- CSS এ রূপান্তর করার সময় আপনার নেভিগেশন মেনুতে পাঠ্য অন্তর্ভুক্ত করবেন না; ইমেজ টেক্সট ব্যবহার করার পরিবর্তে, সার্চ ইঞ্জিন স্পাইডার দ্বারা পাঠযোগ্য নিয়মিত পাঠ্য ব্যবহার করুন
- রূপান্তর করার সময় টেবিল ব্যবহার করবেন না; এমনকি যদি আপনার সিএসএস-এ একটি বই কেনার প্রয়োজন হয় তবে এটি মূল্যবান হবে; টেবিল মৃত
- শুধু সময় বাঁচাতে প্রথম দুটি ধাপ এড়িয়ে যাবেন না; আপনার ওয়েবসাইট আরও ভাল হবে যদি আপনি ওয়েব ডিজাইন প্রক্রিয়ার শুরু থেকে শুরু করেন (শেষের পরিবর্তে)
- CSS-এর জন্য আপনার ছবিগুলিকে আলাদা করে কাটার সময় কম্প্রেস করতে ভুলবেন না; বড় ইমেজ ফাইলের কারণে স্লো লোডিং ওয়েবসাইটের চেয়ে খারাপ কিছু নেই; ফটোশপের একটি "সেভ অপ্টিমাইজড ফর ওয়েব" বিকল্প রয়েছে (CS3 - "ওয়েব এবং ডিভাইসের জন্য সংরক্ষণ করুন")
প্রক্রিয়া নিখুঁত করে তোলে
এই নিবন্ধে চিত্রিত একটি ওয়েব ডিজাইন প্রক্রিয়া অনুসরণ করে, আপনি একটি সুসংগঠিত, সহজে নেভিগেবল এবং খুব ব্যবহারকারী-বান্ধব ওয়েবসাইট তৈরি করার সম্ভাবনা বাড়ান। আসুন এটির মুখোমুখি হই - আপনার ওয়েবসাইট সার্ফ করার চেষ্টা করার সময় দর্শকরা হারিয়ে গেলে বা বিভ্রান্ত হলে, তারা পিছনের বোতামটি চাপতে পারে এবং আরও ব্যবহারকারী বান্ধব ওয়েবসাইট সন্ধান করতে পারে। ওয়েবসাইটগুলির চারপাশে তাদের পথ খুঁজে বের করার ক্ষেত্রে লোকেরা ভাবতে পছন্দ করে না। তাদের ভাবতে বাধ্য করবেন না। আপনি স্টেজ 1 থেকে স্টেজ 3 পর্যন্ত আপনার ওয়েবসাইট পরিকল্পনা করে চিন্তাভাবনা করেন এবং আপনি দেখতে পাবেন যে আরও বেশি লোক আপনার ওয়েবসাইট পরিদর্শন করা উপভোগ করবে।
ধন্যবাদ
মহান টিপস জন্য ধন্যবাদ, আমি এটি খুব দরকারী পাওয়া গেছে!
মহান পড়া. ধন্যবাদ অনেকটাই অকপট.
আপনাকে অনেক ধন্যবাদ যে সত্যিই দরকারী. ওয়েবসাইট তৈরির প্রযুক্তিগত বিষয়ে অনেক টিউটোরিয়াল আছে কিন্তু প্রকৃত ডিজাইন প্রক্রিয়ার খুব কম। চমৎকার টিউটোরিয়াল!