সিএসএস নিয়ে লেখা গুলো এবং অন্যান্য

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

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

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

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

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

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

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

সিএসএস টিউটোরিয়াল – সূচনা

HTML Attributes দিয়ে আমরা এইচটিএমএল এ কিছু স্টাইল দিতে পারি। আর সে জন্য এইচটিএমএল এ প্রতিটি ট্যাগ এর  জন্য আলাদা করে স্টাইল গুলো লিখতে হয়। কিন্তু আমরা যদি একটি ভালো মানের ওয়েব সাইট তৈরি করতে চাই, তাহলে দরকার সিএসএস। CSS এর পূর্ন রূপ হচ্ছে Cascading Style Sheets। একটি এইচটিএমএল ফাইলের বিভিন্ন উপাদান গুলো  কিভাবে দেখাবে যেমন … 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

সিএসএস দিয়ে একের অধিক ব্যাকগ্রাউন্ড ইমেজ দেওয়া।

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