HTML এবং CSS দিয়ে একটি পূর্ণাঙ্গ ওয়েব সাইট তৈরির বিস্তারিত গাইড লাইন

HTML এবং CSS সম্পর্কে মোটামুটি ধারণা আছে, কিন্তু কিভাবে একটা ওয়েব পেইজ তৈরি করবেন, তা বুঝতে পারছেন না, তাদের জন্য একটি লেখা। লেখাটি দেখে এবং নিজে নিজে চেষ্টা করলে নিজে নিজে একটা ওয়েব সাইট তৈরি করতে পারবেন। তার জন্য আপনার HTML, CSS সম্পর্কে অল্প কিছু ধারণা থাকতে হবে। যেমন HTML কি, HTML Tag কি, CSS … Read more

এইচটিএমএল নিয়ে লেখা গুলো এবং অন্যান্য

এইচটিএমএল কেন তাই তো? ওয়েব সাইট তৈরি করতে এইচটিএমএল ব্যবহার করা হয়।এইচটিএমএল জানা থাকলে নিজের ওয়েব সাইট, পরিচিত কারো জন্য সহজেই একটা ওয়েব সাইট তৈরি করা যায়।  যদিও এইচটিএমএল এর সাথে আরো কিছু যেমন সিএসএস, জাভাস্ক্রিপ্ট ইত্যাদি জানতে হয় আধুনিক ওয়েব সাইট তৈরি করতে। তবে সে গুলো শেখার আগে দরকার এইচটিএমএল এর জ্ঞান। তাই কেউ … Read more

সিএসএস – মেনু বার তৈরি করা

মেনুবার বা ন্যাভিগেশন বার আর কিছুই না, কত গুলো এইচটিএমএল লিঙ্ক এর সমষ্টি। তাই না? তাই আমরা প্রথমে কয়েকটা লিঙ্ক কে কিভাবে ন্যাভিগেশন মেনু তৈরি করতে পারি, তাই দেখব আস্তে আস্তে। শুরু করি নিচের কোড গুলো দিয়ে। যেখানে শুধু কয়েকটা লিঙ্ক রয়েছেঃ ডামি/টেস্ট লিঙ্ক দেওয়ার জন্য সাধারনত # ব্যবহার করা হয়। উপরের কোড গুলো যদি … Read more

সিএসএস লিস্ট এবং টেবিল স্টাইলিং [ CSS List & Table Styling ]

ওয়েব পেইজে আমাদের ভিবিন্ন লিস্ট তৈরি করতে হয়। আর লিস্টটা সুন্দর ভাবে দেখাতে দরকার সিএসএস।  নিচের উদাহরনটি দেখুনঃ এখনাএ দুটা লিস্ট আছে দুই ধরনের। যা করা হয়েছে সিএসএস এর সাহায্যে। এইচটিএমএল এ দুই ধরনের লিস্ট ব্যবহার করতে পারি আমরা। একটা হচ্ছে ordered lists আরেকটা unordered lists। ordered মানে হচ্ছে লিস্ট গুলো নাম্বার বা লেটার দিয়ে মার্ক করা হয়। … Read more

এইচটিএমএল টিউটোরিয়াল – div & span ট্যাগ

HTML div: div মানে Division, একটা অংশ বা ভাগ। এইচটিএমএল পেইজের একটা সেকশন। এইচটিএমএল ইলিম্যান্টকে বিভিন্ন গ্রুপে ভাগ করার জন্য div ট্যাগ ব্যবহার করা হয়। আর বিভিন্ন ভাগে ভাগ করার প্রধান উদ্যেশ্য হচ্ছে ভিন্ন ভিন্ন স্টাইল দেওয়া। নিচের কোড গুলো দেখুন। ব্রাউজারে দেখতে এখানে ক্লিক করুন।  উপরে দুটি ভিন্ন ভিন্ন div তৈরি করেছি। যার ব্যাকগ্রাউন্ড … Read more

ওয়েব পেইজের জন্য ফুল পেইজ ব্যাকগ্রাউন্ড ইমেজ।

প্রায় ওয়েব সাইটেই দেখা যায় পেছনে ফুল পেইজ ব্যাকগ্রাউন্ড ইমেজ থাকে  চাই যা ব্রাউজারের পুরো জায়গা জুড়ে দেখা যায়। সিএসএস ব্যাবহার করে আমরা সহজেই এমন ব্যাকগ্রাউন্ড দিতে পারি।  উদাহরন হিসেবে এটা দেখতে পারেন।  এখানে গিয়ে জুম ইন আউট করে দেখুন, ব্যাকগ্রাউন্ড সব সময় একই সাইজে থাকে।  আর এমন ব্যাকগ্রাউন্ড দেওয়া খুব সহজঃ আর পুরো উদাহরনের কোডঃ

HTML শিখুন HTML5 সহ (পর্ব-6) – লিঙ্ক এবং টেবিল

পরীক্ষা থাকার কারনে অনেক দেরি হয়ে গেল। সবার কাছে তাই আন্তরিক ভাবে দুঃখিত। আগের পর্ব গুলোঃ HTML শিখুন HTML5 সহ [পর্ব-1] Intro to HTML HTML শিখুন HTML5 সহ [পর্ব-2] My First web Page HTML শিখুন HTML5 সহ (পার্ট-3) HTML Element HTML শিখুন HTML5 সহ (পার্ট-4) HTML Attribute HTML শিখুন HTML5 সহ (পর্ব-5) – Headings ও … Read more

HTML শিখুন HTML5 সহ (পর্ব-5) – Headings ও Paragraphs

HTML Headings Headings গুলো  <h1> থেকে <h6> tags দ্বারা বর্ননা করা হয়। Headings কি তা আমরা সবাই বুঝি। বিভিন্ন হেডলাইন দেওয়ার জন্য এই Heading Tag গুলো ব্যবহার করা হয়। <h1> Tag দ্বারা সবছেয়ে গুরুত্ত্বপূর্ন Headings দেওয়া হয়। এর পর ক্রমানুসারে <h2>… <h6>  ব্যবহার করা হয়। নিছে কোন ট্যাগের জন্য কেমন আউটপুট দিবে তার একটি উদাহরন … Read more

HTML শিখুন HTML5 সহ (পার্ট-4) HTML Attribute

আমরা যে সকল ওয়েব পেজ দেখি সেখানে তো অনেক লেখা, উপাদান বা অনেক তথ্য সাজানো থাকে। তা কিন্তু এমনিতেই সাজানো থাকে না। কোন উপাদান কি ভাবে সাজানো থাকবে, দেখতে কি রকম হবে, ওয়েব পেজ এর কোথায় ও কতটুকু জায়গা নিয়ে বসবে এ সকল বিষয় গুলোই হচ্ছে Attribute বা বৈশিষ্ট্য। এগুলো HTML Attribute দ্বারা ঠিক করে … Read more