কন্টেন্ট

• পদক্ষেপ
• পদ্ধতি 1 এর 1: 3 বেসিক বিধি
• পদ্ধতি 2 এর 2: নির্দেশিকা
• পরামর্শ
• সতর্কতা

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

পদক্ষেপ

পদ্ধতি 1 এর 1: 3 বেসিক বিধি

1. বিধি 1:আপনার ক্লায়েন্ট শুনুন। "আপনারা এখন আমাকে এক্সপ্লোর করুন!" বলে চিৎকার করে এমন একটি সাইটের জন্য সমৃদ্ধ কৃষ্ণাঙ্গ, পরিশোধিত ফন্ট এবং উজ্জ্বল, শৈল্পিক রঙের সাথে আপনি "মহাবিশ্বের ইতিহাসের ওপারে বিশ্বের সর্বকালের সেরা ওয়েবসাইট" ডিজাইন করছেন! দুর্ভাগ্যক্রমে, আপনার ক্লায়েন্ট উজ্জ্বল গোলাপী এবং কমলা অক্ষরযুক্ত একটি কমলা মেনু বার চেয়েছিলেন। আপনাকে বরখাস্ত করা হয়েছে, এবং আপনার সেরা ওয়েবসাইট - যা ক্লায়েন্টের অধিকার রয়েছে - তাদের ব্যাকআপ ডিস্কে কোথাও রয়েছে, কেউ আবার কখনও না দেখে seeing
   • আপনার ক্লায়েন্টের কর্পোরেট পরিচয় অধ্যয়ন করুন। ক্লায়েন্টকে তারা পছন্দ করে এমন কয়েকটি ওয়েবসাইট দেখাতে বলুন। এটি কেবল তাদের পছন্দসই ধারণা দেয় না এটি আপনাকে কয়েকটি নকশা ধারণা দেয় যা আপনি ভেবেও দেখেননি।
   • যদি আপনি ভেবেছিলেন আমরা কমলা এবং গোলাপী ওয়েবসাইটটি নিয়ে মজা করছি, তবে এই দুর্দান্ত, পরিশীলিত সাইটটি বিবেচনা করুন:
2. বিধি # 2:আপনার শ্রোতা এবং তারা কী খুঁজছেন তা জানুন এবং সেই অনুসারে আপনার নকশাটি মানিয়ে নিন। লোকেদের ওয়েবসাইট থাকার কারণ হ'ল তারা চান যে অন্য লোকেরা সেগুলি দেখুক। এটি তথ্যমূলক বা বাণিজ্যিক হতে পারে বা নির্দিষ্ট লক্ষ্য দর্শকদের বিনোদন দিতে পারে। ডিজাইনার হিসাবে আপনার কাজটি হ'ল আপনি কাদের জন্য ডিজাইন করছেন তা জানা এবং তারা সেখানে পৌঁছানোর সময় তাদের পৃষ্ঠায় রাখা।
   • আপনি ভাবতে পারেন, "যদি এটি দেখতে ভাল লাগে তবে তারা থাকবে" " তবে অগত্যা এটি হওয়ার দরকার নেই। উদাহরণস্বরূপ, রিয়েল এস্টেট নিন। এখানে একটি পরিষ্কার, মজাদার নকশা সহ একটি সাইট রয়েছে। এটিতে প্রচুর সাদা স্থান রয়েছে যা একটি উন্মুক্ত বর্ণ, উজ্জ্বল রঙ এবং বিশিষ্ট স্থানে লিঙ্কগুলির সাথে একটি আধুনিক প্রশস্ত স্ক্রিন বিন্যাস দেয়:
   • একই অঞ্চলে রিয়েল এস্টেট বিক্রয় করার এই পদ্ধতির দিকে এখন নজর দিন: বিশৃঙ্খলাযুক্ত এবং খুব ব্যস্ত, নিস্তেজ রঙ এবং বিজ্ঞাপনে আবৃত covered
   • অনুমান করুন কোনটি বাড়ি খুঁজছেন তাদের জন্য আরও ভাল কাজ করে? ঠিক আছে, এক যেখানে ঘর! যখন লোকেরা "সান্তা মনিকার বিক্রয়ের জন্য বাড়িগুলি অনুসন্ধান করে" তখন কোনও সাইটের চেহারা কেমন তা তাদের যত্ন নেয় না। তারা এস্টেট এজেন্ট সম্পর্কে পড়তে বা শহরের সুন্দর ছবি দেখতে চায় না। তারা বাড়ি দেখতে চায়।
3. বিধি # 3:নিজের কথা শুনুন। আপনি বুঝতে পারবেন ক্লায়েন্ট কী চায় এবং আপনি জানেন যে আপনার বাজার কী সন্ধান করছে। এখন অবশেষে আপনার দিকে মনোনিবেশ করার সময়, ডিজাইনার!
   • আপনার পছন্দের গ্রাফিক্স সফ্টওয়্যারটিতে একটি টেম্পলেট তৈরি করুন। আপনার পৃষ্ঠার উপাদানগুলিকে বিভিন্ন স্তরগুলিতে তৈরি করুন (যাতে আপনি পুরো টেম্পলেটটি বিনষ্ট না করেই পরে জিনিসগুলিতে ঝাঁকুনি দিতে পারেন)। এই উপাদানগুলি হতে পারে:
     • শিরোনাম। এটি এমন একটি উপাদান যা আপনার সাইটের প্রতিটি পৃষ্ঠায় সমান। শিরোনামটি সাইটের শিরোনাম এবং লোগো এবং সেইসাথে ওয়েবসাইটের অন্যান্য অংশের লিঙ্কগুলি (যেমন সম্পর্কে, যোগাযোগ ইত্যাদি) নিয়ে গঠিত। দৃশ্যমান এবং ব্যবহারিকভাবে এটি এগুলি সমস্ত একসাথে বাঁধবে। মেনু বারের প্রথম বোতামটি হোমপেজে ফিরে লিঙ্ক করা ভাল অনুশীলন।
     • উদাহরণস্বরূপ, আসুন অ্যাপলটি একবার দেখুন:
     • বেশিরভাগ অ্যাপল স্টাফের মতোই, তাদের হোমপৃষ্ঠাতে খুব পরিষ্কার, সোজা নকশা রয়েছে। প্রতিটি বোতামের জন্য যৌক্তিক বিষয়, এবং অনুসন্ধানের ক্ষেত্র সহ শীর্ষে মেনু বারটি নোট করুন - যদি আপনার সাইট এটি সমর্থন করে তবে সর্বদা একটি ভাল ধারণা। এবার কয়েকটি উপাদান দেখতে আইপ্যাডের একটি বোতামের জন্য একটি ল্যান্ডিং পৃষ্ঠাটি দেখুন:
     • মেনু বারটি কেবলমাত্র আইপ্যাড বাটনটি অন্ধকার করে পরিবর্তন করে।
     • অবতরণ পৃষ্ঠার বিষয়টি বৃহত কালো বর্ণগুলিতে প্রদর্শিত হয়।
     • একটি নতুন সাবমেনু প্রদর্শিত হবে যাতে আপনি পণ্য সম্পর্কে আরও জানতে পারবেন। আপনি যদি এই বোতামগুলির একটিতে ক্লিক করেন তবে আপনি দেখতে পাবেন যে প্রতিটি পৃষ্ঠা বিষয় অনুসারে নতুন সামগ্রী সরবরাহ করে তবে লেআউট এবং ডিজাইনে অভিন্ন হবে।
     • প্রায়শই, আপনার মেনু বারের প্রতিটি মূল বিষয় আপনাকে পূরণ করার জন্য আলাদা সাবহেডিং থাকে। দ্বিতীয় মেনু বার তৈরির পরিবর্তে, আপনি পপআপ মেনুগুলিকে সঙ্গীতজ্ঞ বন্ধু থেকে উদাহরণ হিসাবে ব্যবহার করতে পারেন:
     • সাইডবার। এটি আপনার সাইটের অনেক পৃষ্ঠায় প্রদর্শিত হবে, তবে অগত্যা সমস্ত নয় - প্রসঙ্গটি নির্ধারণ করে। যাইহোক, এটি একটি অত্যন্ত গুরুত্বপূর্ণ উপাদান এবং অবশ্যই যত্ন সহকারে ডিজাইন করা উচিত এবং খুব বেশি বিশৃঙ্খল নয়। মেনু বারের মতো নয়, একটি সাইডবারের সামগ্রীটি খুব গতিশীল হতে পারে। রিয়েল এস্টেট বিপণনকারী ট্রুলিয়া থেকে এই দুটি সাইডবারগুলি দেখুন bu প্রথমটি ক্রেতাদের জন্য:
       
       

পদ্ধতি 2 এর 2: নির্দেশিকা

1. একটি ভাল ইউজার ইন্টারফেস ডিজাইন করুন। ওয়েবসাইটের বিভিন্ন উপাদান যেমন শিরোনাম, সাইডবার, লোগো, চিত্র এবং পাঠ্যকে একই পৃষ্ঠায় প্রতিটি পৃষ্ঠায় আপনার সাইটটিকে নাব্যযোগ্য এবং স্বজ্ঞাত করতে পজিশন করুন।
   • প্রতিটি পৃষ্ঠার শীর্ষে একই শিরোনাম রাখুন। আপনার সাইটের লিখিত সামগ্রী প্রচুর পুনরাবৃত্তি করার উপাদানগুলির অনুমতি দেয় কি না, নিশ্চিত করুন যে প্রতিটি পৃষ্ঠার শীর্ষটি একই রকম।
   • আপনার ডিজাইনে যুক্তি ব্যবহার করুন। একক পৃষ্ঠায় থাকা উপাদানগুলি যৌক্তিকভাবে গুরুত্ব বা বিষয় অনুসারে অর্ডার করা উচিত; সাইটের বিভিন্ন পৃষ্ঠাগুলি খুব বেশি হওয়া উচিত।
2. একটি সুসংগত শৈলী তৈরি করুন। যেখানে লেআউটটি আপনার সাইটের কাঠামোগত ধারাবাহিকতা দেবে, সেখানে শৈলীতে বিষয়ভিত্তিক সম্প্রীতি সরবরাহ করা উচিত।
   • দুটি বা তিনটি প্রধান রঙে লেগে থাকুন এবং নিশ্চিত হন যে তারা ভালভাবে একসাথে চলেছে।
   • অনেকগুলি ফন্ট শৈলী বা আকার ব্যবহার করা এড়িয়ে চলুন; আপনি যদি কয়েকটি বিকল্প করতে চান তবে প্রতিটি পৃষ্ঠায় সেগুলি একইভাবে ব্যবহার করুন।
   • অভিন্ন শৈলী বজায় রাখতে এবং প্রতিটি পৃষ্ঠায় পৃথকভাবে না গিয়ে পুরো ওয়েবসাইট জুড়ে উপাদান পরিবর্তন করা সহজ করার জন্য ক্যাসকেডিং স্টাইল শীট (সিএসএস) ব্যবহার করুন।
3. সর্বাধিক পঠনযোগ্যতা। আপনার পাঠ্যটি পড়া সহজ করার জন্য, আপনি এটিকে ছোট ছোট ভাগে ভাগ করতে পারেন।
   • প্রতিটি অংশ পৃথক করতে সাবটাইটেল এবং যথাযথ ব্যবধান ব্যবহার করুন।
   • বিষয়গুলির শ্রেণিবদ্ধতা এবং গুরুত্ব দেখানোর জন্য গা bold় অক্ষর বা বিভিন্ন আকারের ব্যবহার করুন।
   • আপনি পাঠ্যের সাথে কীভাবে আচরণ করবেন সেদিকে মনোযোগ দিন। ফন্টটি খুব ছোট করে তুলবেন না এবং বড় অংশগুলিকে পাঠ্য সহজ করে তুলতে লাইন ব্যবধান বাড়ান। পাঠ্যের বড় প্যাচগুলি পড়া আরও কঠিন; এটিকে ছোট ছোট অনুচ্ছেদে বিভক্ত করুন।
4. আপনার ওয়েবসাইট সর্বজনীনভাবে পঠনযোগ্য Make স্ট্যান্ডার্ড এইচটিএমএল ব্যবহার করুন এবং ট্যাগ, বৈশিষ্ট্য এবং প্লাগইনগুলি এড়িয়ে চলুন যা কেবলমাত্র একটি ব্রাউজার বা ব্রাউজারের সংস্করণের জন্য উপলভ্য।
   • বেশিরভাগ আধুনিক ব্রাউজার এবং কম্পিউটারগুলি জটিল চিত্রগুলি পরিচালনা করতে পারে, আপনি যদি ওয়েবের জন্য নিজের চিত্রগুলি সঙ্কুচিত করে এবং অনুকূলিত করেন তবে সবকিছুই চটুল দেখায়। গতির গুরুত্বের বিরুদ্ধে মানের গুরুত্বকে ওজন করুন
5. আপনার ওয়েবসাইট পরীক্ষা করুন। নিশ্চিত করো যে প্রতিটি লিঙ্ক কাজ করে যেমনটি আপনি প্রত্যাশা করবেন এবং চিত্রগুলি সঠিকভাবে উপস্থিত হবে।
   • আপনার টার্গেট শ্রোতাদের সদস্যরা আপনার ডিজাইনের স্বচ্ছতা এবং ব্যবহারের স্বাচ্ছন্দ্য পরীক্ষা করে এবং আপনার ওয়েবসাইট সম্পর্কে প্রতিক্রিয়া জানান দিয়ে আপনি কিছু ব্যবহারকারীর পরীক্ষার আয়োজন করতে পারেন।
6. আপনার ওয়েবসাইট প্রকাশ করুন। আপনার যদি ইতিমধ্যে না থাকে তবে একটি ডোমেন নাম কিনুন। পর্যায়ক্রমে লিঙ্কগুলি এখনও কাজ করছে কিনা তা পরীক্ষা করে দেখুন এবং দর্শকদের আপনাকে ইমেল করা পরামর্শগুলি শুনুন।

পরামর্শ

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

সতর্কতা

• চৌর্যবৃত্তি এড়ানো এবং সমস্ত কপিরাইট আইন মান্য করুন। আপনি অনুমোদন ছাড়াই অনলাইনে এমনকি কাঠামোগত উপাদানগুলি খুঁজে পান এমন এলোমেলো চিত্রগুলি অন্তর্ভুক্ত করবেন না। আপনার সাইটে আপনি যা ব্যবহার করেন তা অবশ্যই আইনী এবং নৈতিক উভয়ই হতে পারে।