ওয়েব ডিজাইন টিউটোরিয়াল : ওয়েব পেজ তৈরী করুন কফিকাপ ভিজ্যুয়াল সাইট ডিজাইনার দিয়ে

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

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

CoffeeCup Visual  Site Designer তাদের ওয়েবসাইট (www.coffeecup.com) থেকে ডাউনলোড করে ব্যবহার করতে পারেন। এরসাথে রয়েছে বেশকিছু টেম্পলেট (থিম)। সরাসরি একটি টেম্পলেট বেছে নিন, সেখানকার টেক্সট পরিবর্তন করে নিজের টেক্সট ব্যবহার করুন, তাদের ছবির যায়গায় নিজের ছবি ব্যবহার করুন। ব্যাস, হয়ে গেল ওয়েবসাইট।

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

.          সফটঅয়্যারটি ইনষ্টল করে চালু করুন।

.          টেম্পলেট ব্যবহার করে নতুন ওয়েবসাইট তৈরীর জন্য মেনু থেকে File – New website from Theme সিলেক্ট করুন এবং পছন্দমত টেম্পলেট সিলেক্ট করুন। পছন্দের থিম অনুযায়ী তৈরী ওয়েবপেজ পাওয়া যাবে।

.          টেক্সট পরিবর্তনের জন্য বামদিকের টুলবক্স থেকে টেক্সট টুল সিলেক্ট করুন। নির্দিষ্ট যায়গার টেক্সট এর ওপর ক্লিক  করুন এবং নতুন টেক্সট টাইপ করে দিন।

.          ফন্ট, ফন্টসাইজ ইত্যাদি পরিবর্তনের জন্য ওপরের টুলবার থেকে Object বাটনে ক্লিক করুন। প্রোপার্টি বক্স থেকে ফন্টের নাম, সাইজ, এলাইনমেন্ট, রং ইত্যাদি পরিবর্তন করুন।

.          টেক্সট বক্স এর আকার পরিবর্তনের জন্য সিলেকশন টুল (পয়েন্টার) সিলেক্ট করে টেক্সট বক্সে ক্লিক করুন। এরপর হ্যান্ডলার ব্যবহার করে বক্স সরানো, বাকানো, বড়-ছোট করা ইত্যাদি কাজ করুন।

.          ছবি পরিবর্তনের জন্য আগের ছবিটি সিলেক্ট করে ডিলিট করুন। Add an Image টুল সিলেক্ট করে যেখানে ছবি আনতে চান ক্লিক করুন। ব্রাউজ করে ইমেজ সিলেক্ট করুন। আনার পর হ্যান্ডলার ব্যবহার করে যায়গামত সরিয়ে নিন বা বড়-ছোট করুন।

.          সেপ ব্যবহারের জন্য Add a shape টুলে ক্লিক করুন এবং পছন্দের সেপ সিলেক্ট করুন। ওয়েবপেজে ড্রাগ করে সেপ আকুন। প্রয়োজনে রং পরিবর্তন করে নিন।

.          সেপ তৈরী করে তাকে বাটন হিসেবে ব্যবহারের জন্য ওপরের টুলবার থেকে Buttonize টুল ক্লিক করুন। বাটনাইজ প্রোপার্টি থেকে বাটনের টেক্সট, ষ্টাইল, মাউসওভার টেক্সট, লিংক, ফন্টষ্টাইল ইত্যাদি পরিবর্তন করে দিন।

.          নতুন পেজ যোগ করার জন্যAdd Page টুলে ক্লিক করুন এবং পেজের নাম টাইপ করে দিন।

.          ওয়েবসাইটের প্রিভিউ দেখার জন্য প্রিভিউ টুলে ক্লিক করুন। সাইটটি ব্রাউজারে ওপেন হবে।

.          সাইটের সবকিছু ঠিক থাকলে চুড়ান্ত সাইট তৈরীর জন্য প্রথমে ফাইলটি সেভ করুন, এরপর টুলে ক্লিক করুন।

এই টিউটোরিয়াল থেকে মোটামুটি ওয়েবসাইট তৈরী করা সম্ভব হবে। বাকি কাজগুলি বিস্তারিত জানার জন্য সফটঅয়্যারের সাথে দেয়া হেল্প ফাইল (পিডিএফ) দেখুন।

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

** অন্যান্য অনেক সফটঅয়্যারের মত এতে ইউনিকোড বাংলা ব্যবহার করা যাবে না।

•   কিভাবে ইন্টারনেটে অর্থ উপার্জন করবেন
•   টাকা কিভাবে হাতে পাবেন
• কিভাবে বেশি কাজ পাবেন
• গুগল এডসেন্স থেকে আয় করার পদ্ধতি
• ফাইল আপলোড করে উপার্জন
• ডাটা এন্ট্রি করে উপার্জন
• গুগল এডসেন্সর এর অজানা তথ্য – ১
• গুগল এডসেন্সর এর অজানা তথ্য - ২
• গুগল এডসেন্সর এর অজানা তথ্য - ৩
• পেইড টু ক্লিক, পিটিসি
• রিভিউ লিখে আয়
• এফিলিয়েট মার্কেটিং
• এডসেন্স ব্যবহারের নিয়ম-কানুন
• অন্যের সাইট থেকে উপার্জন
• ই-বুক বিক্রি করে আয়
• ফ্রিল্যান্সিং কাজ কোথায় পাবেন
• গুগল কাষ্টম সার্চ (এডসেন্স ফর সার্চ) থেকে আয়
• এডসেন্স ব্যবহারের নিয়ম, যে ভুলগুলি করবেন না
• ইমেইল মার্কেটিং
• বই বিক্রি করুন গুগলের সাহায্যে
• ইন্টারনেটে আয় সম্পর্কে ১০টি ভুল ধারনা
• ইন্টারনেটে আয়ের ৫টি সেরা পথ
• ফ্রিল্যান্সার থেকে কিভাবে কাজ পাবেন
• ফটোশপ ডিজাইন বিক্রি করে আয়
• ফেসবুক থেকে আয়
• যে কারনে এডসেন্স ব্যবহারের সুযোগ পাবেন না
• ফ্রিল্যান্সিং কাজে সবচেয়ে বড় ভুল
• ফ্রিল্যান্সিং কাজে সাব-কন্ট্রাক্টর ব্যবহার করে বেশি আয়
• পিটিসি এর অজানা তথ্য
• ক্রিয়েটিভিটি নষ্ট হওয়ার ৫ কারন
• সময় বাচানোর সেরা উপায়
• ক্লায়েন্ট ধরে রাখার জন্য কি করবেন
• এডসেন্স এর বিকল্প বিজ্ঞাপন ব্যবস্থা চিতিকা
• ওয়ার্ডপ্রেস টেম্পলেট বিক্রি করে আয়
• ফ্রিল্যান্সিং কাজে ভাল করার উপায়
• আস্থা অর্জনের ৩ উপায়
• কম সময়ে বেশি কাজ করা
• ফাইলসার্ভে ফাইল আপলোড করে আয়
• ইন্টারনেটে অর্থ আদান-প্রদানের বিভিন্ন পদ্ধতি
• আয় করুন ই-বে থেকে
• ভার্চুয়াল এসিষ্টেন্ট ব্যবহার করে বেশি কাজ করা
• ফ্রিল্যান্সার হিসেবে আপনি কখন ব্যর্থ
• কিভাবে বাস্তবসম্মত লক্ষ্য স্থির করবেন
• ফ্রিল্যান্সিং কাজের ভাল দিক-মন্দ দিক
• ফ্রিলান্সিং পরিকল্পনার ৩ ধাপ
• ফ্রিল্যান্সিং কাজে নিজেকে প্রফেশনাল হিসেবে তুলে ধরা
• ফ্রিল্যান্সার হতে চান ? নিজেকে প্রশ্ন করুন
• সাফল্যের ৪ সুত্র
• টাকা আয় করুন রিভিউ-মি তে রিভিউ লিখে
• ফ্রিল্যান্সারের প্রধান ৫ সমস্যা এবং সমাধান
• ইমেইল মার্কেটিং এর জন্য অটো রেসপন্ডার ব্যবহার
• টাকা আয় করুন আমাজন থেকে
• আউটসোর্সিং-ক্রাউসসোর্সিং-ফ্রিল্যান্সিং বলতে কি বুঝায়