Tag Archives: ওয়েব ডিজাইন

ওয়েব ডিজাইনার নির্বাচনে গুরুত্বপূর্ণ ৫ টি টিপস । Five tips to select a web designer

Huge Sell on Popular Electronics

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

আপনার জন্য উপযুক্ত ওয়েব ডিজাইনার কে হবেন, কীভাবে বেছে নেবেন একজন দক্ষ ডিজাইনার- তা জানতে দেখে দিন নিচের টিপসঃ

(১) আপনি কী চান, এবং কী চান না তা আগে ঠিক করুন

ওয়েব ডিজাইনার খোঁজ করার আগে ভালো করে জেনে নিন- আসলে আপনি কী চান আপনার ওয়েব সাইট নিয়ে, কী আপনার লক্ষ্য। আপনি অত্যাধুনিক উচ্চমানের ট্রেন্ডি ও ভিজুয়াল সাইট চান? নাকি আপনি ট্রাডিশনাল ও গতানুগতিক একটি ওয়েব সাইট চান? আপনি কি এমন কন্টেন্ট যোগ করতে চান যা প্রতিনিয়ত সম্পাদনা বা আপডেট দরকার হবে? নাকি কালেভদ্রে ডেভেলপারকে দিয়ে করালেই চলবে? এই প্রশ্নগুলোর উত্তর আপনার ওয়েব সাইট ডিজাইনার নির্বাচনে ভূমিকা রাখবে।

(২) ডিজাইনারের পোর্টফলিও ও আগের কাজ দেখে নিন

ওয়েব ডিজাইনারের রুচিবোধ, দক্ষতা ও পেশাদারিত্ব বুঝতে তার প্রোফাইল ও পূর্বের কাজ দেখে নিতে হবে আপনার। এতে সহজেই আপনার পছন্দের সাথে একটা তুলনামূলক চিত্র আপনি পেয়ে যাবেন, যা সিদ্ধান্ত নিতে অনেক সহায়ক হবে।

(৩) বাস্তবভিত্তিক বাজেট ঠিক করুন

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

(৪) ঠিক সময়ে কাজ শেষ করার নিশ্চয়তা জেনে নিন

ওয়েব ডিজাইনার কে কাজ দেবার আগে ভালো করে জেনে নিন যে সে নির্ধারিত সময়ে আপনার কাজ শেষ করে দিতে পারবে কি না। এই প্রশ্নটা সরাসরি করুনঃ “আপনি কি আমার প্রজেক্ট, আমার দেয়া সময়ে করে দিতে পারবেন?” আরো আলোচনা করে নিন - কাজের সুযোগগুলো (Scope of work) এবং কতোটা পরিবর্তনের অনুরোধ (Change Requests) আপনি করতে পারবেন।

(৫) ঠিক করে নিন ডিজাইন ও কন্টেন্ট স্বত্ব বিষয়টি

আপনার ওয়েব সাইটের জন্য ডিজাইনার বেছে নেবার আগেই নিশ্চিত করে নিন- ডিজাইন ও কন্টেন্ট স্বত্ব (property rights) কার হবে, কীভাবে হবে? এ ব্যাপারে লিখিত দলিল করে নিন। পরবর্তীতে যে কোনো জটিলতা এড়াতে এ বিষয়টি অনেক গুরুত্বপূর্ণ।

 

এইচটিএমএল প্রতিক্রিয়াশীল ওয়েব ডিজাইন (HTML Responsive Web Design)

Huge Sell on Popular Electronics

স্বর্ণা আখতার

 

প্রতিক্রিয়াশীল ওয়েব ডিজাইন এর প্রধান কাজ ই হল আপনার ওয়েব সাইটকে বিভিন্ন ডিভাইস যেমন, মোবাইল বা কম্পিউটার এর লেআউট এর সাথে খাপ খাওয়ানো। এটি আপনার ওয়েব সাইটকে সহজবোধ্য ও সুখপাঠ্য করে গড়ে তোলে।

প্রতিক্রিয়াশীল ওয়েব ডিজাইন লেআউট যেভাবে তৈরি করবেন

প্রতিক্রিয়াশীল ওয়েব ডিজাইন আপনাকে নিজেই অথবা আপনি কিভাবে ফুটিয়ে তুলবেন সেটার উপর নির্ভর করবে।

নিচে একটি উদাহরন দেয়া হল


<!DOCTYPE html>
 <html lang="en-US">
 <head>
 <style>
 .city {
     float: left;
     margin: 5px;
     padding: 15px;
     width: 300px;
     height: 300px;
     border: 1px solid black;
 } 
 </style>
 </head>
 <body>
 
 <h1>W3Schools Demo</h1>
 <h2>Resize this responsive page!</h2>
 
 <div class="city">
   <h2>London</h2>
   <p>London is the capital city of England.</p>
   <p>It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
 </div>
 
 <div class="city">
   <h2>Paris</h2>
   <p>Paris is the capital and most populous city of France.</p>
 </div>


 

বুটস্ট্র্যাপ ব্যবহারের মাধ্যমে

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

বুটস্ট্র্যাপ আপনার সাইট কে যে কোন সাইজ যেমন, ল্যাপটপ বা কম্পিউটার এ ভালোভাবে দেখাতে সহায়তা করে।

উদাহরের সাহায্যে দেখানো হল


<!DOCTYPE html>
 <html>
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
 </head>
 <body>
 
 <div class="container">
 
 <div class="jumbotron">
   <h1>W3Schools Demo</h1> 
   <p>Resize this responsive page!</p> 
 </div>
 
 <div class="row">
   <div class="col-md-4">
     <h2>London</h2>
     <p>London is the capital city of England.</p>
     <p>It is the most populous city in the United Kingdom,
     with a metropolitan area of over 13 million inhabitants.</p>
   </div>
   <div class="col-md-4">
     <h2>Paris</h2>
     <p>Paris is the capital and most populous city of France.</p>
   </div>
   <div class="col-md-4">
     <h2>Tokyo</h2>
     <p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area,
     and the most populous metropolitan area in the world.</p>
   </div>
 </div>
 
 </div>
 
 </body>
 </html>