সুন্দর একটি ওয়েব সাইট তৈরি করতে দুটি জ্ঞান সবার আগে লাগে, এইচটিএমএল এবং সিএসএস। এইচটিএমএল নিয়ে আমি অনেক গুলো লেখা লিখেছি সে গুলো এখান থেকে পড়া যাবে। এইচটিএমএল নিয়ে লেখা গুলো এবং অন্যান্য। সিএসএস নিয়ে লেখা গুলোর লিস্ট এখানে দিয়ে দিলাম। ভবিশ্যতে লিখলে সে গুলোও এখানে যুক্ত করে দিব। সিএসএস টিউটোরিয়াল – সূচনা সিএসএস টিউটোরিয়াল […]
Tag: সিএসএস

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

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

সিএসএস লিস্ট এবং টেবিল স্টাইলিং [ CSS List & Table Styling ]
ওয়েব পেইজে আমাদের ভিবিন্ন লিস্ট তৈরি করতে হয়। আর লিস্টটা সুন্দর ভাবে দেখাতে দরকার সিএসএস। নিচের উদাহরনটি দেখুনঃ এখনাএ দুটা লিস্ট আছে দুই ধরনের। যা করা হয়েছে সিএসএস এর সাহায্যে। এইচটিএমএল এ দুই ধরনের লিস্ট ব্যবহার করতে পারি আমরা। একটা হচ্ছে ordered lists আরেকটা unordered lists। ordered মানে হচ্ছে লিস্ট গুলো নাম্বার বা লেটার দিয়ে মার্ক করা হয়। […]

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

সিএসএস টিউটোরিয়াল – সূচনা
HTML Attributes দিয়ে আমরা এইচটিএমএল এ কিছু স্টাইল দিতে পারি। আর সে জন্য এইচটিএমএল এ প্রতিটি ট্যাগ এর জন্য আলাদা করে স্টাইল গুলো লিখতে হয়। কিন্তু আমরা যদি একটি ভালো মানের ওয়েব সাইট তৈরি করতে চাই, তাহলে দরকার সিএসএস। CSS এর পূর্ন রূপ হচ্ছে Cascading Style Sheets। একটি এইচটিএমএল ফাইলের বিভিন্ন উপাদান গুলো কিভাবে দেখাবে যেমন […]

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

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 ও […]

HTML শিখুন HTML5 সহ (পর্ব-5) – Headings ও Paragraphs
আজ নি আসলাম পঞ্ছম পর্ব। যদি আগের গুলো ভুলে গিয়ে থাকেন তাহলে পুনরায় পড়ে আসতে পারেনঃ HTML শিখুন HTML5 সহ [পর্ব-1] Intro to HTML HTML শিখুন HTML5 সহ [পর্ব-2] My First web Page HTML শিখুন HTML5 সহ [পর্ব–3] HTML Element HTML শিখুন HTML5 সহ [পার্ট-4] HTML Attribute HTML Headings Headings গুলো <h1> থেকে <h6> tags […]

HTML শিখুন HTML5 সহ (পার্ট-4) HTML Attribute
এর আগের পর্বের লিঙ্ক HTML শিখুন HTML5 সহ (পার্ট-3) HTML Element আমরা যে সকল ওয়েব পেজ দেখি সেখানে তো অনেক লেখা, উপাদান বা অনেক তথ্য সাজানো থাকে। তা কিন্তু এমনিতেই সাজানো থাকে না। কোন উপাদান কি ভাবে সাজানো থাকবে, দেখতে কি রকম হবে, ওয়েব পেজ এর কোথায় ও কতটুকু জায়গা নিয়ে বসবে এ সকল […]