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

আমরা কেমন ডিজাইন করতে চাই তার প্রিভিউ এখান থেকে দেখে নিন ।    এবার নিচের ধাপগুলি অনুসরণ করুন ।

১। আপনার পিসি একটি ফোল্ডার তৈরি করুন part one।
২। দুটি নতুন text document নিয়ে  rename করুন index.html এবং style.css  নামে ।
৩। index.html নোটপ্যাড++ এ ওপেন করুন এবং markup টা করে ফেলুন। নিচের মত

ব্যাখাঃ  চতুর্থ লাইনটা style.css কে লিঙ্ক করার জন্য ব্যাবহার করা হয়েছে । যেহুতু  table less div based কোড করব তাই এই লাইন ব্যাবহার করা।

এবার আমাদের style.css এ index.html এ ব্যবহৃত সকল class গুলো ডট দিয়ে নিচের মত লিখুন ।

ব্যাখাঃ  এখানে ২ নং লাইন এ '.body '  index.html এ class হিসাবে ব্যবহৃত হয় নাই তারপরও লিখেছি কারন এটা default. আজকে এ পর্যন্ত শেষ করছি। আমাদের আগামি পর্ব এ দেখব কিভাবে বিভিন্ন class এর property define করা হয়। আজকের টিউটোরিয়াল এর সোর্স কোড এবং ভিডিও ডাউনলোড করতে পারবেন আমার ওয়েবসাইট থেকে।

একটি ছোট্ট কথা : যারা এক্সপার্ট তাদের হয়ত এই টিউন থেকে হাসি পেতে পারে কিন্তু হাসবেন না Please. কারন আপনি , আমি  এভাবেই HTML,CSS, JQuery শেখা শুরু করেছিলাম।