আগের পর্বে (পর্ব 0: সূচনা ও প্রস্তুতি) জানিয়েছি কি কি প্রয়োজন হবে আমাদের...... এই পর্বে থাকছে টুলসগুলির ব্যবহার এবং বেসিক প্ল্যানিং....

ফায়ারবাগ ব্যবহার:
আপনারা আশা করি ফায়ারবাগ ইনস্টল করে ফেলেছেন... সফলভাবে ইনস্টল করলে নিচের ছবির ১ নং বৃত্তটির মত একটি গুবরে পোকা সদৃশ ছবি দেখতে পাবেন আপনার ফায়ারফক্সের স্ট্যাটাস বারের নিচে ডান দিকে...... এবার ক্লিক করুন ওখানে.... ছবির ২ নং অংশের মত একটি আয়তাকার অংশ ওপেন হবে.... এটি হল সামহোয়ারইন সাইটের এইচ.টি.এম.এল..... এবার ৬ নং এ দেখানো অ্যারোটাতে ক্লিক করুন এবং ওয়েবপেজে মাউস নিয়ে মুভ করতে থাকুন, দেখবেন ৩ নং আয়তাকার অংশটিক্রমাগত পরিবর্তন হচ্ছে....



এবার আসা যাক ৩ নং অংশের জন্যে...... এখানে আপনারা অনেক কিছুই লেখা দেখছেন, তাইনা ??? সব এড়িয়ে যান এখন...... শুধু যেটা নোটিস করবেন তা হল: মাউসটি যে অংশে থাকছে সেখানে আরো কিছু থাকলে তা নীল বর্ডারের মাঝে দেখাচ্ছে < div > (ডিভ ট্যাগ) এবং ডান পাশে অংশটি পরিবর্তন হচ্ছে( ৫ নং এরিয়া)

এর কারণটা বলি, প্রথাগতভাবে এইচ.টি.এম.এল টিউটোরিয়াল শুরু হয় ব্যবহারকারীকে সিনট্যাক্স শিখানোর মধ্য দিয়ে.... এইচ.টি.এম.এল. হল অনেকগুলো ট্যাগের সমষ্টি...... ট্যাগ বলতে কিছু টেক্সটের সমষ্টি বুঝায় যার শুরু ও শেষ স্পষ্টভাবে একটি শব্দ দ্বারা উল্লেখ করা হয় এবং শব্দটি টেক্সটগুলির রিপ্রেজেন্টেশন কেমন হবে তা ডিফাইন করে....যেমন: < বোল্ড > ক-খ-গ-ঘ < /বোল্ড > অর্থ হল ক-খ-গ-ঘ অক্ষরগুলিকে বোল্ড করে ক-খ-গ-ঘ দেখাতে হবে......
শেখার জন্যে ১৯৯০(ইন্টারনেটের জন্মসাল)-এ এটি ১০০% সঠিক পথ ছিল কিন্তু ২০০৯ এর শেষ প্রান্তে এসে বলা যায় ১৯৯০ সালে টিম বার্নস লি'র হাতে সূচনা হওয়া প্রজেক্ট আজ অনেক এগিয়েছে, কাঠামোবদ্ধ হয়েছে (যেকোন একটি সুন্দর স্থাপনার মত).... এবং এখন মোটামুটিভাবে বলা যায় যেকোন ওয়েবপেজই( এটাকে স্থাপনা মনে করুন) মূলত অনেকগুলি ডিভিশন ট্যাগের( এটাকে স্থাপনা'র ইটগুলি মনে করুন) সমষ্টি........ ফলে যেকোন পেজ বানাতে/এডিট করতে চাইলে আমাদের সেটার ডিভ ট্যাগগুলিকে বের করতে হবে এবং এরপর সেটার মাঝের এলিমেন্টগুলিকে তৈরী/এডিট করতে হবে....... এটাকে অনেকটা মানচিত্রে শহর খোঁজার করার মত বলা যায়......প্রথমে বিভাগ- তারপর জেলা- তারপর শহর....... ফলে প্রথাগত পদ্ধতিতে এগুতে হবে এমন কোন কথা নেই

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

এবার ২টি টেস্ট:
১) সামহোয়ারইন সাইটের উপরে যে ছবিটা আছে সেই ছবিটাকে ফায়ারবাগ অন করে সিলেক্ট করুন এবং ছবিটার লিংক বের করুন( ছবিটা সিলেক্ট করলে ফায়ারবাগ প্যানেলের ৫নং অংশে background লিখার পাশে লিখা আছে দেখবেন, ওটাই লিংক)
২) ধরুন আপনি গুগলের হোমপেজটার মত একটা সাইট বানাবেন...... কি মনে হয় আপনার ??? কয়টি ডিভ লাগবে?? মানে কয়টি অংশে ভাগ করবেন ওদের সাইটটা ???

টেস্ট গুলির উত্তর শেয়ার করবেন আশা করি......সামনের পর্বগুলির জন্যে এটা দরকার...... ভাল থাকুন সবাই