৬. আপনার যোগাযোগ মাধ্যম উল্লেখ করাঃ

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

৭. ভিজিটর কাউন্টারঃ

ভিজিটর কাউন্টার দ্বারা আপনি সহজেই দেখতে পারবেন প্রতিদিন আপনার ওয়েব সাইটে কতজন প্রবেশ করছেন। কোথায় এবং কোন কোন পেজে হিট করছেন। এবং কাউন্টারটি অবশ্যই আপনার সাইটের ব্যাকইন্ডে (ওয়ার্ডপ্রেস এবং জুমলা’র মত)রাখবেন কারন যদি কোন ভিজিটর আপনার সাইটের ডেইলি পেজ ভিউ দেখে ভেবে বসে যে আপনার সাইটটি হয়ত তেমন জনপ্রিয় না। এতে আপনার নিজের তথা কোম্পানির মান নিচের দিকে নামবে।

৮. পপ-আপ বারঃ

অনেক ওয়েব সাইটেই দেখা যায় প্রবেশ করা মাত্রই এই-সেই বিজ্ঞাপন লিঙ্ক, ফাইল শেয়ারিং লিঙ্ক, লিঙ্ক লাইক করার অনুরোধ হাবিজাবি। এটা হতে পারে আপনার সাইটের মার্কেটিং এর একটি অংশ কিন্তু এমনো হতে পারে অনেক মুল্যবান ক্রেতা বা গ্রাহক এগুলো দেখে আপনার সাইট থেকে সাথে সাথে চলে যেতে পারে। এখানে একটি কথা বলে রাখে ভালো, আপনি যদি ভাল গ্রাহক সেবা দিতে পারেন তাহলে আপনাকে এতো অনুরোধ করতে হবেনা। গ্রাহক নিজেই আপনাকে সম্মান জানাবে!

৯. সাজানো কনটেন্টঃ

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

১০. নিজেকে পরিচয় করানোঃ

নিজেকে পরিচয় করিয়ে দিন আপনার গ্রাহকদের কাছে। তাদেরকে জানিয়ে দিন আসলেই তারা কার সাথে যোগাযোগ স্থাপন করছে এবং পণ্য কিনছে। এতে তারা আপনার এবং আপনার কোম্পানি সম্পর্কে আস্থাভাজন হবে এবং আপনার সাথে দীর্ঘ ব্যবসায়িক সম্পর্ক তৈরী করতে দ্বিধা করবেনা।

উপরের ৫টি সহ আগের পোস্টের ৫টি মোট ১০ টিপসকে যদি আপনি ফলো করতে পারেন তবে আপনার ওয়েব সাইট থেকে সাফল্য আসতে খুব বেশি দেরি হবে না। তাই নিজের শ্রম আর মুল্যবান সময়কে হেলায় না ভাসিয়ে লেগে পড়ুন ভাল কিছুর দিকে।

সেই প্রত্যাশ্যায়,

সবাই ভাল থাকুন, সুস্থ থাকুন!

১. মূল কন্টেন্টের আলোচনা সংক্ষিপ্ত করা:

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

২.ন্যাভিগেশন মেন্যু:

একটি ন্যাভিগেশন মেন্যু আপনার ওয়েবসাইটের ৯৫ শতাংশ পেজের লিঙ্ক বহন করে(ইন্টর্নাল লিঙ্ক বাদে)। তাই ওয়েব সাইট ডিজাইন করার পূর্বে আপনাকে অবশ্যই ন্যাভিগেশন মেন্যু ডিজাইনের ব্যাপারটি সর্বপ্রথম মাথায় রাখতে হবে। এও মাথায় রাখতে হবে মেন্যু যেন অতিরিক্ত কালারফুল না হয়। একটি ওয়েব সাইটের সাধারণত যেসব মেন্যু ন্যাভিগেশন বারে থাকে সেগুলোর মধ্যে উল্লেখযোগ্য:Home, About, Summary, FAQ, Product, Portfolio, Contact ইত্যাদি।

৩. ছবি সংযোজন:

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

৪.প্রফেশনাল টেমপ্লেট:

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

৫.বানান পরীক্ষা করা:

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

আজ এই পর্যন্ত!শীঘ্রই আসছি দ্বিতীয় পর্ব নিয়ে।

সেই পর্যন্ত,সবাই ভাল থাকুন,সুস্থ থাকুন!

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

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

ব্লগ এবং ওয়েব সাইট কি?

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

এবার আপনার দরকার কোনটি?

সুতরাং আবার আপনার দরকার কোনটি বলে মনে করেন? যদি আপনি মনে করেন আপনার ওয়েব সাইটকে এমনভাবে করবেন যেখানে আপনার গ্রাহকরা পণ্য দেখা+ক্রয় করার পাশাপাশি আপনাকে এবং আপনার আশেপাশের পরিবেশকেও জানবে তাহলে আপনি ব্যবসায়িক ঘরনার সাইটের পাশাপাশি সেই ডোমেইনেই একটি ব্লগ তৈরী করা। সাথে এবং ওয়েব হোস্ট থেকে সেবা নেয়া যা আপাকে বিপুল পরিমান ভার্চূয়াল স্পেস+ব্যন্ডউইথ দিবে।

আর যদি শুধুমাত্র আপনার চিন্তাধারা, আলোচনা এবং মতামত শেয়ার করতে চান তাহলে ব্লগ-ই হবে আপনার উপযুক্ত স্থান! এটি হতে পারে গুললের ব্লগস্পট ব্লগ প্লাটফর্ম-ও!

সুতরাং, আবার আপনি ঠিক করুন আপনার কোনটি দরকার।

সেই প্রত্যাশায়!

সবাই ভাল থাকুন, সুস্থ থাকুন!

সময়ের সাথে সাথে এ্যাপেল তাদের বাজার পেতে শুরু করে এবং ওয়েব মাস্টাররা শুরু করে তাদের আইপ্যাড সাইট করার চিন্তা। দেখা যায় বেশির ভাগ সাইট নির্মাতারা আইপ্যাড নিয়ে তাদের মাথা ব্যথা কটিয়ে উঠতে পারেন নাই। আসলেই ব্যাপার গুলো কঠিন কিছু না হলেও নিতান্ত-ই অবহেলা বসতঃ হয়ত তারা কাটিয়ে উঠতে পারে না। ব্যাপার গুলো কি একটু নজর বুলাই…

১. আইপ্যাড সম্পর্কে ধারনাঃ

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

২. ফ্ল্যাশ এবং জাভা’র ব্যবহার না করাঃ

আইপ্যাড সাইট ডিজাইনের ক্ষেত্রে ফ্ল্যাশ এবং জাভা’র ব্যবহার না করাই উত্তম। কারন, আইপ্যাড সাইট যে ঘরনার প্লাটফর্ম ব্যবহার করে তৈরী করা হয় সেটা সাধারনতো সাফারী ব্রাউজার সমর্থন করে না। কারন ফ্ল্যাশ এবং জাভা বেশির ভাগ ব্রাউজারে প্লাগিন্স ব্যবহার করে সাইট প্রদর্শন করায় আর সাফারী এসব প্লাগিংস সমর্থন করে না। এক্ষেত্রে আপনি যদি এইচটিএমএল ৫ এবং সিএসএস ৩ দিয়ে আইপ্যাড সাইট করতে পারবেন। কারন আপনি ফ্ল্যাশ এবং জাভা ব্যবহার করে যে এনিমেশন করবেব তার চেয়ে কয়েকগুন বেশি আকর্ষনীয় এবং দ্রুতগতির যেকোনো সাইট তৈরী করে ফেলতে পারবেন। যদি এইচটিএমএল ৫ এবং সিএসএস ৩-তে অজ্ঞ হয়ে থাকেন তাহলে শিক্ষা শুরু করতে পারেন আজ-ই ডব্লিউথ্রীস্কুল.কম।

আশা করি বুঝতে পেরেছেন?

আজ এই পর্যন্তই!

সবাই ভাল থাকুন, সুস্থ থাকুন!

পরিচ্ছন্ন ডিজাইন ভালবাসে এমন ব্যক্তিদের ব্লগ পড়লেও বেশ কিছু বিষয় জানতে পারবেন। ওয়েব ডিজাইনের ক্ষেত্রে মিনিমালিস্টের বেশ কিছু শিক্ষা বর্ণনা করি।

১. ফোকাস পয়েন্ট

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

এক এক ওয়েবে এক একটি বিষয় গুরুত্বপূর্ণ আর ভিজিটরের চোখ যাতে প্রয়োজনীয় যায়গায় পড়ে সেই ব্যবস্থাই করতে হবে।

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

কিন্তু বিশ্বের সবচেয়ে বেশি ভিজিটরের ওয়েব গুগলের প্রথম পাতাটি কতই সাদা মাটা।

এই ওয়েবটির মূল ফোকাস পয়েন্ট হলো তাদের সার্ভিস সমুহ। আর সাইটের চোখ যাওয়ার সাথে সাথে সেটাই দেখতে পাবেন।

২. ইউজারের নিয়ন্ত্রণ

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

ফেসবুকের জনপ্রিয়তার অন্যতম কারন হলো এখানে ইউজার তার পছন্দমতো পোস্ট দেখতে পারে। ইউটিউবে ভিডিও সাবক্রাইবের পদ্ধতি এবং বিভিন্ন পত্রিকায় বিভাগানুসারে পোস্ট পদ্ধতির মূল কারন ইউজারের পছন্দ ও অপছন্দ অনুসারে পোস্ট দেখানো।

৩. খালি জায়গাঃ

বাড়ির সামনে একটু খালি জায়গা আর সেখানে একটি বাগান থাকলে কেমন হয়? আপনার ঘরের সম্পূর্ণ অংশই বাহারি আসবাবে ভরে রাখলেই কিন্তু সুন্দর দেখাবে না। আর এই বিষয়টির প্রতি অনেক নতুন ডিজাইনারকেই অবহেলা করতে দেখেছি। 

এই ওয়েবসাইটটি দেখুন। কত সুন্দরভাবে ডিজাইন করা সাইট অথচ কত ফাঁকা জায়গা…।

৪. পরিচ্ছন্ন ডজাইন মানে সৃজনশীলতা বর্জন নয়ঃ

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

অনেক পরিচ্ছন্ন, খুব কম সংখ্যক রং এর মার্জিত এবং সৃজনশীল একটি ডিজাইন।

চলুন ভুলগুলো কি তা দেখি…

১. অকার্যকর সার্চ বক্সঃ

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

২. অতিরিক্ত লিখাঃ

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

৩. ফন্ট সাইজঃ

একজন ওয়েব সাইট ডিজাইনের হিসেবে আপনাকে সবসময় মনে রাখতে হবে যে, আপনার সাইটটি অনেক ধরনের বা বয়সের মানুষ পড়বে। তাই ফন্ট সাইজকে এমন ভাবে রাখতে হবে যাতে করে সব ধরনের মানুষেরই পড়তে সুবিধা হয়। তাই ফন্ট সাইজ ১২ কিংবা এর চেয়ে কিছু বেশি (জরুরী ক্ষেত্রে) এবং স্টাইল যথাযত পরিস্কার রাখা উচিত।

৪. সঠিক কাঠামোর অনুপস্থিতিঃ

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

এই কয়েকটি কাজ করলে আপনার সাইট অনেক প্রফেশনাল লুক পাবে।

৫. অতিরিক্ত বিজ্ঞাপনঃ

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

উপরের এই  ভুলগুলো আপনাকে কাজ শুরু করার পূর্বেই জেনে নিয়ে কাজ করতে হবে। এর একান্তই না জানা থাকলে একটু হোঁচট খেয়ে শেখা ভাল এতে করে সামনের ভুল গুলো হওয়ার থেকে নিজেকে সহজেই দূরে রাখা সম্ভব হয়! তাই নয় কি?

আজ এই পর্যন্ত !

সবাই ভাল থাকুন, সুস্থ থাকুন!

পুরো এই টিউটোরিয়ালটিকে আমি দুটি ভাগে বিভক্ত করে আপনাদের সামনে উপস্থাপন করছি। আজকের দ্বিতীয় পর্বে দেখবেন ওয়েব মাষ্টারদের জন্য সি-প্যালেন কি কি অসুবিধায় বা নিরাপত্তাহীনতায় ফেলে। তো চলুন…

অসুবিধাঃ

১. ফাইল ট্রান্সফারিং সমস্যাঃ একটি সি-প্যানেল সবসময়ই সুবিধা দিবে এমনটি নয়। এটা এক সময় আপনাকে সুরক্ষা দিলে যখন আপনি কোন বড় কাজ করবেন তখনই এর সমস্যা গুলো অনুভব করবেন। উদাহরণ স্বরূপ বলা যায়ঃ আপনি যখন একটি গুঁদামের ৫০০০ সাজানো সকল পন্য অন্য একটি নতুন গুঁদামে নিতে চাইবেন তখন যদি সেখানে অতিরিক্ত সুবিধা থাকা স্বত্বেও আগের মত সাজানোর কোন সুযোগ না থাকে বা সেভাবে রাখারমত কোন ব্যবস্থা নেই তখন আপনাকে আবারো আগের মত ফইলগুলোকে একটি একটি করে মাইস ক্লিক করে তাদের নির্দিষ্ট রুটে ঢুকায় দিতে হবে।

২. ফাইল ব্যবস্থাপনাঃ আপনার সি-প্যানেল সবসময় আপনার দেয়া ইন্সট্রাকশন মত কাজ নাও করতে পারে। ধরুন, আপনি আপনার রুট ডিরেক্টরীর কোন ফাইল এর সামান্যতম পরিবর্তন করেছেন কিন্তু আপনার দেয়া সেভ কমান্ড মত পরিবর্তন হয় নাই তার সাথের রুটের অন্যান্য ফাইলগুলোর যার সাথে পরিবতর্নীয় ফাইলটির সম্পর্ক রয়েছে। একই সাথে ফ্রন্টইন্ডেও পরিবর্তন হয় নাই। তখন আপনার দেয়া অন্যান্য কমান্ড রুটের কোন ফাইলে ইফেক্ট করবে না। এমনটিও হতে পারে আপনার ডেটা, রুট ফোল্ডার পারমিশন কাজ করবে না। সমস্যা এখানেও!

৩. সার্ভারের নিরাপত্তাহীনতাঃ সকল সাভার আপনাকে সমান নিরাপত্তা দিবে না। আর বর্তমান সি-প্যানেলগুলো অধিকাংশই গ্রাফিক্যাল ইন্টারফেসের তাই এর গ্রাফিক্যাল লুকের ইন্টারফেসের সার্ভারে নিরাপত্তার বিষয়টি কমই বলা চলে। এও দেখা যায় অনেক সার্ভারে রুট পাসওয়ার্ড গুলো ইনক্রিপটেড না। ফলে কোনভাবে যদি একটি রুট সার্ভারের পাসওয়ার্ড চুরি হয় তাহলে সেই সার্ভারের সব ফাইল নিমিষেই শেষ!!!

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

আজ এ পর্যন্তই!

সবাই ভাল থাকুন, সুস্থ থাকুন।

পুরো এই টিউটোরিয়ালটিকে আমি দুটি ভাগে বিভক্ত করে আপনাদের সামনে উপস্থাপন করবো। প্রথম পর্বে দেখবেন ওয়েব মাষ্টারদের জন্য সি-প্যালেন কি কি সুবিধা দেয়া এবং কেন এটি প্রয়োজন। তো চলুন…

সি-প্যানেলের সুবিধাঃ

১. ঝামেলামুক্ত সফটওয়্যারঃ সি-প্যালেন তার চমকপ্রদ এই ফিচারটির কারনে অল্পদিনের মধ্যেই ওয়েবের মধ্যে সুনাম কুঁড়িয়েছে। কারন যেকেউ চাইলেই বিশ্বের যেকোন প্রান্ত থেকেই তার সাইটে ব্রাউজারের মাধ্যমে একসেস করে ইমেজ, ফাইল, প্রয়োজনীয় অন্যান্য যাবতীয় কিছু আপলোড, ডাউনলোড বা ট্রান্সফার করতে পারবেন নিজের ইচ্ছামত। এটি একদিকে সময় অন্যদিকে আপনার হার্ডডিস্কে ফাইল জমানোর ঝামেলা থেকে মুক্তি দিবে।

২. সহজ গণনাকার্যঃ এটিও সি-প্যানেল এর একটি চমকপ্রদ ফিচার। ভাবতে পারেন আপনি চাইলেই আপনার ওয়েবসাইটের সকল তথ্য, যেমনঃ কে কখন এবং কোথায় থেকে আপনার সাইট ব্রাউজ করছেন, কেউ হ্যাকিং এর জন্য চেষ্টা করেছে কিনা, আপনার সাইটের কোন ফাইল কতবার ডাউনলোড হয়েছে তা প্রতি মিনিট হিসেবে দেখতে পারবেন। এটির মাধ্যমে আপনার সাইটের স্টাটিক্স গ্রাফ আকারেও দেখতে পারবেন। এটি এতোটাই সহজ ব্যবহার যে, যেকেউ একবার দেখলেই পারবে।

এছাড়াও আপনি আপনার সার্ভারের কতটুকু জায়গা, ব্যন্ডউইথ ব্যবহার করলেন এবং আপনার সার্ভারের মেয়াদ কতদিন বাকী তার সব কিছুই বিস্তারিতভাবে জানতে পারবেন।

৩. সহজ ইন্সটালেশনঃ সহজ ইন্সটালেশন পদ্ধতি সি-প্যানেলের আরো একটি আকর্ষনীয় ফিচার। আপনার প্রয়োজনীয় সকল প্যাকেজ যেমনঃ ওয়ার্ডপ্রেস, জুমলা, পিএইচপিবিবি ইত্যাদি সফটওয়্যারগুলো নিমিষেই মাত্র ২/৩ ক্লিকেই ইন্সটাল করতে পারবেন। সময়ের সাথে সাথে আপনার চাহিদামত সফটওয়্যার ডিলিট, এডিট এবং আপডেট করতে পারবেন সার্ভারে থাকা অটোমেটিক আপডেটর দিয়ে।

এছাড়াও আরো নানাবিধ সুবিধা নিয়ে সাজানো সি-প্যানেল। আপনার চাহিদা এবং রুচির উপরে ভিত্তি করে নিজেই বের করে নিতে পারবে আপনার জন্য আরো কতগুলো সুবিধা রয়েছে সি-প্যানেলে।

আজ এ পর্যন্তই!

সবাই ভাল থাকুন, সুস্থ থাকুন।

টিউটোরিয়ালটি ওয়েব এড্রেস হচ্ছে http://www.tutohost.com/bangla/html/ ।

HTML কি?

HTML একটা কম্পিউটার ল্যাঙ্গুয়েজ, যা পৃথিবীর বিশাল তথ্য-ভান্ডারকে ইন্টারনেটের মাধ্যমে প্রদর্শনের সুযোগ তৈরি করে দিয়েছে। একটা ওয়েব পেজের মূল গঠন তৈরি হয় HTML দিয়ে। বিস্তারিত দেখুন এখানে ……….

HTML এর ইতিহাস

HTML বা Hyper Text Mark Up Language তৈরি করেছেন টিম বার্নাস-লী। HTML তৈরির উদ্দেশ্য ছিল বৈজ্ঞানিক গবেষণার তথ্য উপাত্ত দ্রুত পৃথিবীর বিভ্ন্নি স্থানে আদান প্রদানের ব্যবস্থা করা। বিস্তারিত দেখুন এখানে ……….

প্রোগ্রাম লেখার পদ্ধতি

যে কোন প্রোগ্রাম লেখার জন্যই কোন একটা এডিটর ব্যবহার করে কোডিং করতে হয়। HTML এ প্রোগ্রাম লেখার জন্য প্রাথমিকভাবে এডিটর হিসেবে উইন্ডোজ অপারেটিং সিস্টেমের ডিফল্ট এডিটর notepad ব্যবহার করা যেতে পারে। বিস্তারিত দেখুন এখানে ……….

HTML ট্যাগ কি?

HTML এ প্রোগ্রাম লেখার জন্য  <>  এবং </> দুইটা চিহ্ন এবং এর মধ্যে কিছু Word যেমন html, head, title, body  ইত্যাদি  Keyword  ব্যবহার করা হয়। <> বা </> চিহ্ন এবং এর মাঝে লেখা একটি Keyword কে একত্রে ট্যাগ বলা হয়। বিস্তারিত দেখুন এখানে ……….

HTML ইলিমেন্ট

HTML এ যেকোন শুরু এবং শেষ ট্যাগের মাঝের অংশকে ইলিমেন্ট বলা হয়। যেমন <h1> This is an example of element.</h1> । এখানে <h1> হেডার1 শুরু এবং </h1> হেডার1 শেষ ট্যাগের মাঝে This is an example of element. লেখা হয়েছে। বিস্তারিত দেখুন এখানে ……….

HTML এট্রিবিউটস্

HTML এ এট্রিবিউটস ইলিমেন্ট এর আনুসাঙ্গিক তথ্য প্রকাশ করে । মূলত HTML এ ট্যাগের কার্যক্ষমতাকে বর্ধিত করার জন্য এট্রিবিউটস ব্যবহার করা হয়। যেমন <font size=”5″ face=”Tahoma” color=”red”> This is a paragraph.</font>  এখানে size=”5″  অংশটি হল font ট্যাগের একটি এট্রিবিউট। বিস্তারিত দেখুন এখানে ……….

হেডিং

HTML এর মাধ্যমে কোন ডকুমেন্ট বা প্যারাগ্রাফের শিরোনাম লেখার জন্য হেডিং ট্যাগ ব্যবহার করা হয়। HTML এ মোট ছয় ধরণের হেডিং ট্যাগ রয়েছে এগুলো হল <h1> </h1> , <h2> </h2> , <h3> </h3> , <h4> </h4> , <h5> </h5> এবং <h6> </h6>  । বিস্তারিত দেখুন এখানে ……….

প্যারাগ্রাফ

যে কোন ডকুমেন্ট এক বা একাধিক প্যারাগ্রাফের মাধ্যমে লেখা হয়। HTML এ প্যারাগ্রাফ তৈরির   জন্য <p> বা প্যরাগ্রাফ ট্যাগ ব্যবহার করা হয়। বিস্তারিত দেখুন এখানে ……….

টেক্সট ফরমেটিং

Microsoft Word এ Bold, Italic, Underline, strikethrough, Subscript, Superscript ইত্যাদি টেক্সট ফরমেটিং এর জন্য ব্যবহৃত হয়।বিস্তারিত দেখুন এখানে ……….

ফন্ট ট্যাগ

HTML এর মাধ্যমে কোন ডকুমেন্টকে সুন্দরভাবে উপস্থাপন করার জন্য <font> বা ফন্ট ট্যাগ খুবই গুরুত্বপূর্ণ ভূমিকা পালন করে। বিস্তারিত দেখুন এখানে ……….

স্টাইলের ব্যবহার

Style, HTML এর একটি নতুন এট্রিবিউটস, এর মাধ্যমে HTML এর মধ্যেই CSS ব্যবহারের সুযোগ সৃষ্টি হয়। Style তথা CSS ব্যবহারের মাধ্যমে ওয়েব পেজের বিভিন্ন উপাদানের ডিজাইন তৈরি করা হয়। বিস্তারিত দেখুন এখানে ……….

লিংক

কটা ওয়েব সাইটকে ব্যবহার বান্ধব করে তোলার ক্ষেত্রে লিংকের ব্যবহার খুবই গুরুত্বপূর্ণ। Link এর আভিধানিক অর্থ সংযুক্ত করা। বিস্তারিত দেখুন এখানে ……….

ছবি সংযোজন

একটা ওয়েব পেজের গুরুত্বপূর্ণ উপাদান সমূহের একটি হচ্ছে ইমেজ । ওয়েবপেজে ইমেজের উপযুক্ত ব্যবহারের মাধ্যমে পেজটি ব্যবহারকারীদের কাছে যেমন আকর্ষণীয় হয়ে ওঠে তেমনি ব্যবহার বান্ধবও হয়। বিস্তারিত দেখুন এখানে ……….

টেবিল সংযোজন

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

এইচটিএমএল লিষ্ট

কটা ওয়েব পেজকে সুন্দর করে সাজানো এবং তথ্য উপস্থাপনার অন্যতম পদ্ধতি লিষ্ট । HTML এর মাধ্যমে দুই ধরণের লিষ্ট তৈরি করা যায়, একটি হচ্ছে অর্ডার লিষ্ট এবং অপরটি হচ্ছে আনঅর্ডার লিষ্ট । বিস্তারিত দেখুন এখানে ……….

এইচটিএমএল ফর্ম

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

HTML ফ্রেম

HTML এর মাধ্যমে কোন ওয়েব পেজকে একাধিক ভাগে বিভক্ত করার জন্য আগের দিনে ফ্রেম ব্যবহার করা হত। দিনে দিনে ফ্রেমের ব্যবহার কমে এসেছে। বিস্তারিত দেখুন এখানে ……….

আই ফ্রেম

একটা ওয়েব পেজের মধ্যেই অপর এক বা একাধিক ওয়েব পেজ প্রদর্শন করার অন্যতম উপায় হচ্ছে আই ফ্রেম। বিস্তারিত দেখুন এখানে ……….

রং ও কোড

ওয়েব পেজে রং এর ব্যবহার খুবই গুরুত্বপূর্ণ। একটা ওয়েব পেজ গঠিত হয় এক বা একাধিক প্যারাগ্রাফ, শিরোনাম, টেবিল, ব্যাগ্রাউন্ড, বর্ডার ইত্যাদির সমন্বয়ে। বিস্তারিত দেখুন এখানে ……….

লে আউট

একটা ওয়েব পেজ কতটা সুন্দর হবে তা সম্পূর্ণরূপে নির্ভর করে পেজের লে আউটের উপর। আগে শুধুমাত্র HTML ব্যবহার করেই সকল ওয়েব সাইটের লে আউট তৈরি করা হত। বিস্তারিত দেখুন এখানে ……….

সি এস এস

বর্তমান সময়ে ওয়েব পেজের কাঠামো তৈরি করা হয় HTML দিয়ে, ডিজাইন তৈরি করা হয় CSS দিয়ে, আর টেক্সট জমা রাখা হয় ডাটাবেজে। বিস্তারিত দেখুন এখানে ……….

হেড ইলিমেন্ট

হেড ট্যাগ বা <head> এবং হেড ইলিমেন্ট যেকোন HTML পেজের একটি গুরুত্বপূর্ণ অংশ। কারণ <head>….</head> এর মধ্যে অর্থাৎ হেড ইলিমেন্ট হিসেবে <title> <link> <meta> <style> <script>    এ সকল গুরুত্বপূর্ণ ট্যাগ সমূহ রাখা হয়। বিস্তারিত দেখুন এখানে ……….

মেটা ট্যাগ

একটি ওয়েব সাইট তখনই জনপ্রিয় হয় যখন তা মানুষের প্রয়োজনে আসে এবং যে কেউ প্রয়োজনের সময় সহজেই সার্চ ইন্জিনের মাধ্যমে সার্চ করে সাইটটিকে খুজেঁ পায়। বিস্তারিত  দেখুন এখানে ……….

স্ক্রিপ্ট

HTML কোন প্রোগ্রামিং ল্যাঙ্গুয়েজ নয়। তাই ওয়েব পেজেও প্রোগ্রামিং এর সুবিধা যুক্ত করার জন্য বিভিন্ন ধরনের স্ক্রিপ্টিং ল্যাঙ্গুয়েজ ব্যবহার করা হয়, যেমন জাভাস্ক্রিপ্ট, জে কোয়েরী ইত্যাদি। বিস্তারিত  দেখুন এখানে ……….

অডিও সংযোজন

কোন বিষয়কে উপস্থাপনার ক্ষেত্রে, টেক্সট এবং ছবির পাশাপাশি অডিও-ভিডিও ব্যবহার করলে বিষয়টি আরো প্রাণবন্ত হয়ে উঠে। ওয়েব মিডিয়ার মাধ্যমে এ কাজটি যতটা ভালোভাবে করা যায় আর অন্য কোনো মিডিয়ায় মাধ্যমে তা সম্ভব নয়। বিস্তারিত  দেখুন এখানে ……….

ভিডিও সংযোজন

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

ফ্লাস সংযোজন

ফ্লাস এনিমেশন ওয়েব সাইটের একটি অন্যতম আকর্ষণীয় উপাদান। আকর্ষণীয় নেভিগেশন বার, ব্যনার, বাটন ইত্যাদিতে ফ্লাসর এনিমেশন যুক্ত করে যেমন ওয়েব সাইটের ইন্টারফেসকে আকর্ষণীয় করে তোলা যায়।বিস্তারিত  দেখুন এখানে ……….

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

ওয়ার্ডপ্রেস কি?

ওয়ার্ডপ্রেস একটি সিএমএস (কন্টেন্ট ম্যানেজমেন্ট সিস্টেম) এই সিএমএস ব্যবহার করে সুদর ও আকর্ষণীয় ওয়েব সাইট ও ব্লগ তৈরি করা যায়।

ওয়ার্ডপ্রেস কেন?

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

ওয়ার্ডপ্রেস ব্যবহার করতে কি কি প্রয়োজন?

ওয়ার্ডপ্রেস ব্যবহার করতে একটি পিএইচপি ও মাইএসকিউএল সমর্থন করে এই রকম একটি সার্ভার (হোস্ট)। ডোমেইন ও নিজের কিছু মেধা ।

সার্ভার (হোস্ট) কি?

দেখতেই পাচ্ছেন ঝর হোক বা বৃষ্টিই হোক ওয়ার্ডপ্রেস বাংলা ওয়েব সাইটটি সব সময় সচল। কখন যে এই ওয়েব সাইটটি বন্ধ ও কখন খোলা হয় তা বোঝা সম্ভব হচ্ছে না। যদি মনে করেন এই ওয়েব সাইটটি জামিল ভাই তৈরি করেছে তাহলেই এই ওয়েব সাইটের সকল ফাইল জামিল ভায়ের কম্পিউটারে থাকার কথা। কিন্তু জামিল ভাই তো দিনে ১০-১৫ বার কম্পিউটার বন্ধ করে কই ওয়ার্ডপ্রেস বাংলা বন্ধ তো হচ্ছে না। সার্ভারও হচ্ছে কম্পিউটার কিন্তু এই কম্পিউটার জামিল ভায়ের নয়! হয়তো অন্য কারো। কিন্তু জামিল ভাই সেই কম্পিউটারের কিছু অংস ক্রয় করে নিয়েছে। কারন এই কম্পিউটার নিরাপদ স্থানে আছে যেখানে বিদ্যুৎ অথবা ঝর-বৃষ্টির তে কম্পিউটারের সমস্যা কম হয় এবং সারাদিন-রাত চালু হয়ে থাকে। হোস্টিং এর জন্য সবচেয়ে ভালো ও জনপ্রিয় অপারেটিং সিস্টেম হচ্ছে লিনাক্স এবং হোস্টিং কন্ট্রোল প্যানেল হচ্ছে সিপ্যানেল (cPanel)।

ডোমেইন কি?

সহজ ব্যপার! ডোমেইন হচ্ছে একটি নাম যে নামে আপনার ওয়েব সাইটকে সকলে চিনতে পারবে। প্রতিটা জিনিস এর যেমন নাম আছে তেমনি আপনার ওয়েব সাইটের ও একটি নাম রাখা প্রয়োজন। আর সেই নামকেই ডোমেইন বলা হয়। তাহলে আপনারা বুঝে গেছেন সার্ভার (হোস্ট) ও ডোমেইন কি? নিশ্চয় বুঝে গেছেন। তাহলে এবার দেখা যাক কিভাবে আপনার সার্ভার (হোস্ট) ও ডোমেইন কে একত্রিত করে ওয়ার্ডপ্রেস ব্যবহার করে একটি ওয়েব সাইট তৈরি করা যায়। প্রথমে আপনাকে একটি ডোমেইন নিতে হবে। ডোমেইন নেয়ার জন্য আপনাকে অবশ্যই কিছু অর্থ প্রদান করতে হবে কারন আপনি চাইলেই এই ডোমেইন নিজ থেকে তৈরি করতে পারবেন না। তবে কিছু কোম্পানি ফ্রি ডোমেইন প্রদান করে থাকে আপনি তাদের ওয়েব সাইট থেকে ডোমেইন সংগ্রহ করতে পারেন।

ফ্রি ডোমেইন এর কিছু ওয়েব সাইটঃ

• http://co.cc/
• http://cc.cc
• http://cu.cc
• http://cz.cc
• http://www.dot.tk

এবার আপনাকে একটি সার্ভার (হোস্ট) নিতে হবে। ডোমেইন এর মত এটার জন্যও কিছু অর্থ প্রদান করতে হয়। তবে এর জন্যও বেশ কিছু ওয়েব সাইট যেখানে আপনার ওয়েব সাইট এর সকল তথ্য রাখার জন্য কিছু অংস বিনামূল্যে প্রদান করেন।

ফ্রি ওয়েব হোস্টিং এর কিছু ওয়েব সাইটঃ

• http://www.000webhost.com/
• http://www.freehostia.com/
• http://www.x10hosting.com/
• http://byethost.com/free-hosting/
• http://webbd.info/
• http://dhmart.info/
• http://www.mister.net/free-web-hosting/index.htm

তবে মনে রাখবেন দুধের সাধ কোনদিন ঘোল দিয়ে মিটানো যায় না। তাই ফ্রি হোস্টিং ও ডোমেইন এর চেয়ে কিছু টাকা দিয়ে হলেও কিনে নেয়াই ভালো। কারন কেনা হোস্টিং এ আপনি সাপোর্ট পাবেন এর ফ্রি হোস্টিং এ সাইট বন্ধ হয়ে গেলেও আপনার কিছু করার থাকবে না। অ্যাড: আমার কাছ থেকেও উন্নত মানের হোস্টিং নিতে পারেন । সাথে ডোমেইন ও নিতে পারেন ।

ডোমেইন যেভাবে নিবেনঃ

উপরের লিস্ট থেকে একটি ফ্রি ডোমেইন কোম্পানি পছন্দ করুণ। অথবা টপ লেভেল ডোমেইন কিনে নিন। আমি এখানে টিউটোরিয়াল এ দেখানোর জন্য ডটটিকে ডোমেইন কেই পছন্দ করলাম। ডটটিকে ওয়েব সাইট ওপেন করুণ এবং আপনি যে নামের ডোমেইন নিতে চান তা ফাকা স্থানে লিকে GO বাটনে ক্লিক করুণ।

এবার নিচের ছবির মত আসবে সেখানে:

1. Use DNS এ ক্লিক করুণ তাহলে দুইটা অপশন পাবেন।

2. Your Own DNS এ ক্লিক করুণ আপনার ওয়েব হোস্টিং এর DNS অথবা আইপি দেয়ার জন্য।

3. আপনার হোস্টিং এর DNS দিন।

তারপর সাইন আপ করুণ। সাইন আপ করার সময় গুগল, ফেসবুক, ইয়াহু, লাইভ সহ আরও সামাজিক যোগাযোগ ব্যবস্থার মাধ্যেম ব্যবহার করতে পারেন।

ব্যাস হয়ে গেলো ডোমেইন নেয়ার কাজ। পরবর্তিতে ডোমেইন এর DNS পরিবর্তন করার জন্য মাই.ডট.টিকে তে গিয়ে আপনি সেই সামাজিক যোগাযোগ ব্যবস্থা ব্যবহার করুণ যা সাইনআপ করার সময় ব্যবহার করেছিলেন।

সিপ্যানেল হোস্টিং দিয়ে ওয়ার্ডপ্রেস ইন্সটলঃ

আপনি যদি সিপ্যানেল হোস্টিং সেবা গ্রহণ করে থাকেন তাহলে ওয়ার্ডপ্রেস ইন্সটল করার নিয়ম এই পোস্ট দেখতে পাবেন। এবং যদি ফ্রি হস্টিং সেবা নিয়ে থাকেন তাহলে অন্যদিন দেখিয়ে দেবো ।

প্রথমে আপনার সিপানেল এ লগইন করুণ এবং ফাইল ম্যানেজার ওপেন করুণ।

এবার আপনার ফাইল ম্যানেজার থেকে Public_html অথবা WWW ফোল্ডার ওপেন করুণ। এবং আপলোড ফাইল আপলোড করার জন্য Upload আইকন এ ক্লিক করুণ।

এখানে আপনাকে ওয়ার্ডপ্রেস আপলোড করতে হবে। তাই এই লিংক থেকে ওয়ার্ডপ্রেস এর সর্বশেষ সংস্করণটি ডাউনলোড করুণ। ডাউনলোড সম্পন্ন হয়ে গেলে আপনাকে এবার আপনার হোস্ট এ আপলোড করুণ।

এখন আপলোড হওয়া সমাপ্ত হলে আপনার ফাইল ম্যানেজার একবার রিফ্রেশ (1.Reload) করুণ তাহলেই আপনার আপলোড করা ওয়ার্ডপ্রেস দেখতে পাবেন।

এবার ওয়ার্ডপ্রেস কে আনজিপ করার জন্য আপলোড করা সেই ফাইলের উপরে রাইট ক্লিক করুণ; তাহলে বেশ কিছু অপশন বেরিয়ে আসবে সেখান থেকে এক্সট্রাক্ট (3.Extract) মেনুতে ক্লিক করুণ।

এরপর সেখানে আপনারা আনজিপ করা ওয়ার্ডপ্রেস এর সকল ফাইলগুলো দেখতে পাবেন WordPress নামক একটি ফোল্ডারে। এবার সেই ফোল্ডার ওপেন করুণ এবং সেখানে সকল ফাইল ও ফোল্ডার গুলোকে একসাথে সিলেক্ট করুণ তারপর রাইট ক্লিক করে Move মেনুতে ক্লিক করুণ। এর পর public_html লিখে মুভ করুণ।

এখন আপনার ওয়েব সাইটে ভিজিট করে দেখুন ওয়ার্ডপ্রেস ইন্সটল হওয়ার জন্য প্রস্তুত হয়ে গেছে।

যায় হোক অবশেষে এতদূর পর্যন্ত তো এসেছি! এবার পরের কাজ গুলোও শেষ করতে পারবো নিশ্চয় আগেই বলেছি ওয়ার্ডপ্রেস ইন্সটল করার জন্য মাইএসকিউএল এর প্রয়োজন আছে আর এখন আমরা সেই মাইএসকিউএল এর কাজ করবো। তাহলে চলুন দেখে নেই কিভাবে সিপ্যানেল দিয়ে মাইএসকিউএল ডাটাবেজ তৈরি করা যায়। আপনার সিপ্যানেল থেকে MySQL Database Wizard এ ক্লিক করুণ।

এবার নিচের ছবির মত আসলে সেখানে আপনার পছন্দ মত একটি ডাটাবেজ এর নাম দিন এবং নোট করে রাখুন। Next Step এর ক্লিক করুণ।

এখন ডাটাবেজ ব্যবহারকারী ও পাসোয়ার্ড তৈরি করতে হবে। তাই Username এর আপনার ডাটাবেজ ইউজার নাম দিন। এবং পাসোয়ার্ড খুব শক্ত দিতে হবে। শুধু ১২৩৪৫৬ অথবা ABCDE দিলেই হবেনা। আপনার পাসোয়ার্ড TesT##%%559 এই ধরনের হতে হবে।

এখানে যে সকল তথ্য দিচ্ছেন তা অবশ্যই নোট করে রাখুন। Create User এ ক্লিক করুণ।

এখন নিচের ছবির মত সকল চেকবক্স এ টিক দিয়ে Next Step এ ক্লিক করুণ তাহলেই হয়ে গেলো একটি মাইএসকিউএল ডাটাবেজ সহ একটি ব্যবহারকারীর সাথে যুক্ত হয়ে গেলো।

এখন সিপ্যানেল বন্ধ করে দিন এবং আপনার ওয়েব সাইট এ ভিজিট করুণ দেখুন সে আগের অবস্থাতেই আছে কোন পরিবর্তন হয়নি। তাই একে একটি পুরনাঙ্গ সাইটে রূপান্তর করার জন্য Create a Configuration File এ ক্লিক করুণ আবার Let’s go! এ ক্লিক করুণ।

এবার দেখুন একটা ফরম এসেছে এখন সেখানে মাইএসকিউএল এর তথ্য গুলো দিতে হবে যা আপনি সিপ্যানেল দিয়ে তৈরি করেছিলেন।

1. এখানে আপনার সিপ্যানলে এর তৈরি মাইএসকিউএল ডাটাবেজ নাম, ব্যবহারকারী ও পাসোয়ার্ড দিন।

2. আপনি যে হোস্ট এ ডাটাবেজ হোস্ট করেছেন সেই হোস্ট এর ঠিকানা দিন (এটা ফ্রি ওয়েব হস্টিং ও নিজস্ব মানেজ সার্ভার এর জন্য প্রযোজ্য)। তবে সিপ্যানেল হোস্ট এর জন্য localhost ই রাখতে হবে।

3. wp_ হচ্ছে ওয়ার্ডপ্রেস এর ডিফল্ট প্রেফিক্স আপনার সাইটের নিরাপত্তা বাড়ার জন্য এটা পরিবর্তন করে দিতে পারেন। যেমনঃ blog_, site_, my_ ইত্যাদি।

সকল তথ্য দেয়া হয়ে গেলে সাবমিট বাটনে ক্লিক করুণ। সকল তথ্য সঠিক ভাবে দেয়া হলে নিচের ছবির মত আসবে। যদি নিচের ছবির মত না আসে তাহলে আবার সঠিক তথ্য দিয়ে চেষ্টা করুণ।

এখন Run the install বাটনে ক্লিক করুণ। দেখুন নিচের ছবির মত আরও একটি ফরম এসে উপস্থিত। এখন সেই ফরম টি পূরণ করলেই একটি পুরনাঙ্গ ওয়ার্ডপ্রেস সাইট প্রস্তুত ব্যবহার করার জন্য।

1. আপনার সাইটের নাম দিন।

2. আপনার সাইটের প্রশাসক (এডমিন) এর লগইন নাম দিন।

3. প্রশাসক এর পাসোয়ার্ড দিন। এবং পাসোয়ার্ড যাতে খুব শক্ত হয় সেই দিকে খেয়াল রাখতে হবে।

4. প্রশাসক এর ইমেইল দিন, যে ইমেইল ঠিকানাটি সাইটের মূল নিয়ন্ত্রক হিসেবে রাখতে চান।

5. এখানে যদি টিক দিয়ে রাখেন তাহলে আপনার সাইট গুগল, ইয়াহু, বিং সহ আরও বিভিন্ন সার্চ ইঞ্জিনে আপনার সাইটকে খুঁজে পাওয়া যাবে। টিক উঠিয়ে দিলে কোন সার্চ ইঞ্জিনে আপনার সাইটকে খুঁজে পাওয়া সম্ভব হবে না।

নোটঃ এখানে দেয়া সকল তথ্য ড্যাশবোর্ড থেকে পরিবর্তন করতে পারবেন।

ব্যাস হয়েই গেলো আপনার একটি ওয়ার্ডপ্রেস ওয়েব সাইট। এখন আপনি ওয়ার্ডপ্রেস ড্যাশবোর্ড এ লগিন করে ইচ্ছে মত পরিবর্তন, থিমস ইন্সটল, প্লাগিন ইন্সটল, নতুন পোস্ট, নতুন পাতা সহ যেকোনো কিছু যুক্ত করতে পারবেন।

ড্যাশবোর্ড লগইন ইউআরএলঃ http://আপনার-ডোমেইন.কম/dashboard

কিছু প্রয়োজনীয় ওয়ার্ডপ্রেস প্লাগিন ও লিংকঃ

বাংলাতে ওয়ার্ডপ্রেস কে রূপান্তরঃ মামুন সৃজন ভায়ের এই পোস্টটি দেখতে পারেন।

বাংলা কিবোর্ডঃ মন্তব্য ও পোস্ট লেখার সময় বাংলা কিবোর্ড যুক্ত করা যায় এই প্লাগিন দিয়ে।

প্রিয় পোস্ট প্লাগিনঃ এই প্লাগিন দিয়ে সকল পোস্ট কে ব্যবহারকারীরা প্রিয় পোস্ট আকারে রাখতে পারেন।

ওয়ার্ডপ্রেস ব্যাকআপঃ এই পোস্ট পড়লে বুঝতে পারবেন কিভাবে ওয়ার্ডপ্রেস কে ব্যাকআপ রাখতে হয়।

ভিজিটর এর কঝ খবরঃ এই পোস্ট পড়লে বুঝতে পারবেন কিভাবে আপনার ওয়ার্ডপ্রেস ব্লগের ভিজিটর এর খোঁজ খবর।

আরো জানতে গুগল মামার সাহায্য নিতে পারেন  ওয়ার্ডপ্রেস ইন্সটল এ কারো কনো সমস্যা হলে জানাবেন।

এই লেখাটিঃ বিডিরঙ.কম, টেকটিউনস, টিউটোরিয়ালবিডি ও ডব্লিউপিবাংলা.কম এ প্রকাশ করা হয়েছে।