একজন ইউনুস খান বেঁচে থাকতে চান গণ মানুষের মৌলিক চাহিদা পূরণের আন্তরিক প্রচেষ্টা এবং উদ্যেগ গ্রহণের মাঝে।

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

কিন্তু নিজেদের বেশ কয়েকটি সাইট আছে। একদিন সকাল বেলা ঘুম থেকে উঠে মনে হলো আপনার অমুক সাইটের বাম পাশের বর্ডারটি যদি নীল হলো বা অমুক জায়গায় যদি একটি ইমেজ বসাতে পারতেন তাহলে সাইটের সৌন্দর্যটিই অন্যরকম হতো। আপনি একজন ফটোশপ ডিজাইনার। ফটোশপে কত কিছু করে ফেলেন কিন্তু html এবং css জানেন না বলে তা ওয়েব পেইজে রুপান্তর করতে পারেন না। হ্যাঁ আপনাদের কল্পনা বা আকাঙ্কাকেই বাস্তবে রুপদান করতে আমার এই html এবং css টিউটোরিয়াল লিখার প্রয়াস।

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

তখন শুধু সাথে এটা জানতে হবে কিভাবে ফটোশপের স্লাইসিং করতে হয়। খুবই সোজা। হ্যাঁ ক্যারিয়ার গড়ার জন্য html এবং css ডিজাইনার কেমন? এক কথায় ধারুন! তাহলে আর অপেক্ষা কেন আসেন সবাই মিলে html এবং css শিখা শুরু করে দিই। html কি? আগে একটু দেখে নিই html এর পূর্ণাঙ্গ রুপ কি? html : Hyper Text Markup Language হ্যাঁ html কিন্তু কোন Programming Language না, এটি একটি Markup Language। Markup Language হলো Markup Tags এর সমন্বিত রুপ।

Markup Tags গুলোই বলে দেয় ওয়েব পেইজটিকে কিভাবে বর্ণনা করবে বা শো করবে। সুতরাং আসুন মনে রাখি Markup Tags (বা এখন থেকে বলতে পারেন Html Tags) ই হলো ওয়েবের প্রাণ শক্তি। Html Tags কি? কিভাবে লিখতে হয়? Html Tags হলো কিছু keywords যা আগে থেকেই Define করা আছে। সুতরাং কোন চিন্তা নেই। শুধুমাত্র ঐ keywords গুলো মুখস্ত করে রাখলেই চলবে আপাতত।

১। Html Tags এর keywords গুলো আমরা লিখবো Less then() এর মাঝখানে। উদাহরণ: ২। Html Tags এর আরেকটা মজা হলো যে Tag দিয়ে শুরু করবেন সেটার কাজ যেখানে শেষ হবে সেখানে সেই Tag এর ও শেষ করতে হবে। উদাহরণ: b একটি Tag যার কাজ হলো যে কোন Text কে বোল্ড করা।

তাহলে কি হলো? এখানে আমরা b Tag দিয়ে শুরু করলাম এবং শেষে b Tag দিয়ে শেষ করলাম। এবং শেষ বুঝাতে b Tag এর আগে / চিহ্ন দিতে হয়। সুতরাং আমরা বলতে পারি একটা start tag এবং end tag এই সকল Html এর কোড লিখার জন্য সবচেয়ে ভালো এডিটর হলো ড্রিমওয়েবার (যা আবার আমার দুচোখের বিষ)। আপনি নোট প্যাড++ ও ব্যবহার করতে পারেন (আমার খুব পছন্দের)।
।