ধাপ
১
ওয়েব সাইট মূলত একটি HyperText ফাইল, যাতে কিছু tag যুক্ত কোড থাকে, এবং ব্রাউজার এ কোড সমূহ পড়ে তার সাপেক্ষে একটি পাতা তৈরি করে ব্যবহারকারীকে দেখায়।
যেমনঃ আপনি এ সাইটটি এখন যেভাবে দেখছেন তার পিছনে কিন্তু অনেক কোড রয়েছে। আপনি এ পেজের যে কোনো অংশে রাইট ক্লিক করে View page source এ ক্লিক করুন। এ পেজের পিছনে যে কোড লিখা হয়েছে তা আরেকটি উইন্ডোতে দেখতে পাবেন।
প্রাথমিক ভাবে HTML এবং CSS জানা থাকলেই যেকোনো ডিজাইনের ওয়েবসাইট তৈরি করা যায়। তবে ডায়নামিক এবং রিসপনসিভ ওয়েবসাইট তৈরি করতে হলে সাথে JavaScript, PHP ইত্যাদি জানতে হবে। ওয়েব সাইটের মূল উপাদান হল HTML, তাই এটি ভালোভাবে না জানলে পরবর্তী ধাপ গুলোতে ভালো ভাবে কাজ করা সম্ভব না।
এখানে আমরা HTML এবং CSS ব্যবহার করে একটি ওয়েবসাইট বানানোর চেষ্টা করব।
প্রাথমিক ভাবে শেখার শুরুতে সবাই নোটপ্যাড দিয়ে সাইট বানানো শুরু করে, সব নির্দেশিকাতে তাই করতে বলা হয়, Dremeweaver জাতীয় প্রোফেশনাল সফটওয়্যার ব্যবহার করতে নিষেধ করা হয়। আমিও Dremeweaver জাতীয় প্রোফেশনাল সফটওয়্যার ব্যবহার করতে নিষেধ করব। এসব সফটওয়্যার ব্যবহার করলে সহজ কথায় আপনি কিছুই শিখতে পারবেন না। আবার আমি নোটপ্যাডও ব্যবহার করতে বলবনা। আমি এ নির্দেশিকাতে Brackets নামে একটি সফটওয়্যার ব্যবহার করব। এটি নোটপ্যাড থেকে উন্নত এবং Dremeweaver থেকে আকর্ষণীয় এবং এ সফটওয়্যার ব্যবহার করলে আপনার জানার কোন ব্যাঘাট তো ঘটবেইনা, উল্টা নিজেই অনেককিছু জানতে পারবেন :)
Brackets আপনার কাছে নতুন হলে এখান থেকে আমাদের তৈরি brackets এর বাংলা নির্দেশিকাটি দেখে আসুন।