CSS Bangla Tutorial – CSS শিখুন বাংলায় A-Z
Learn CSS Bangla Tutorial. Download and learn CSS Tutorial in Bangla. সম্পূর্ন বাংলা CSS Video টিউটোরিয়াল।
এখানে CSS এর 102 টি ভিডিও টিউটরিয়াল দেওয়া আছে, আপনি সব গুলো ভিডিও প্লে-লিস্ট থাকে এক এক করে দেখবেন এবং প্রক্টিস করবেন।
Subject: CSS3
Class: Anyone Can try
Lectured by: Anisul Islam Rubel (MSc in Software, Web & cloud, Finland)
এই সিরিজে CSS-3 বিষয়টাকে সহজে উপস্থাপন করা হয়েছে। যদি ভিডিওগুলো থেকে কোন কিছু শিখতে পারেন, তবে অবশ্যই ভিডিওগুলো সবার সাথে শেয়ার করবেন ।
Download Full CSS Bangla Tutorial (Video Link)
CSS Bangla Tutorials: ওয়েব ডিজাইনে সিএসএসের মূল বিষয়গুলি
ওয়েব ডিজাইন ও ডেভেলপমেন্টে শুরুর ধাপ হিসেবে CSS বা Cascading Style Sheets একটি অত্যন্ত গুরুত্বপূর্ণ ভাষা। এটি ওয়েব পেজগুলির দেখার সুন্দরতা, অঙ্কন এবং লেআউট ব্যবস্থাপনার জন্য ব্যবহৃত হয়। সিএসএস ব্যবহার করে ওয়েব পেজগুলির স্টাইল এবং লক্ষ্য প্রকাশ করা হয়। এই টিউটোরিয়ালে, আমরা CSS-এর মূল বিষয়গুলি বিস্তারিত আলোচনা করব।
CSS কি?
CSS হল Cascading Style Sheets এর সংক্ষিপ্ত রূপ। এটি ওয়েব পেজের শৈলী ও লক্ষ্যগুলি ব্যবস্থাপনা করার জন্য ব্যবহৃত হয়। সিএসএস দ্বারা পেজের অংশগুলির রঙ, ফন্ট, আকার, মার্জিন, প্যাডিং, বর্ডার, গোলাকার কোণ, এনিমেশন, গোপনীয়তা এবং অন্যান্য গুরুত্বপূর্ণ স্টাইলিং প্রপার্টিগুলি সংজ্ঞায়িত করা হয়।
CSS কেন প্রয়োজন?
ওয়েব ডিজাইনে CSS এর প্রয়োজনীয়তা অত্যন্ত গুরুত্বপূর্ণ। কিছু কারণ হলো:
- ভাল লক্ষ্য: CSS ব্যবহার করে ওয়েব পেজগুলির সুন্দর এবং ভালোমতো লক্ষ্য প্রদর্শন করা হয়।
- প্রতিস্থাপন: একটি CSS ফাইল পরিবর্তন করা যায় পূর্ণমানে ওয়েব সাইটের সব পৃষ্ঠায় নতুন শৈলী বা লক্ষ্য প্রয়োগ করার জন্য।
- বৈশিষ্ট্যগুলি নির্দিষ্টকরণ: পৃষ্ঠার বিভিন্ন অংশের বৈশিষ্ট্যগুলি পুনরাবৃত্তি করা সহজ হয় এবং একটি উপযুক্ত শৈলী সংরক্ষণ করা যায়।
সিএসএস এবং এইচটিএমএল
সিএসএস এবং HTML (HyperText Markup Language) দুটি পৃষ্ঠার মৌলিক ভাষা। HTML দ্বারা পৃষ্ঠার সাধারণ স্ট্রাকচার নির্ধারণ করা হয়, যা কোড এর মাধ্যমে তৈরি করা হয়। সিএসএস হল একটি ভাষা যা ওয়েব পৃষ্ঠার দেখার পদ্ধতির নির্ধারণ করে। সিএসএস ব্যবহার করে ওয়েব পেজের দৃশ্যমান বৈশিষ্ট্যগুলি পরিবর্তন করা হয়, যেমন রঙ, আকার, অঙ্কন, ইত্যাদি।
কিভাবে CSS কাজ করে?
CSS একটি স্টাইল শিট হিসেবে কাজ করে, যা একটি বা একাধিক HTML পৃষ্ঠা সংজ্ঞায়িত করতে পারে। একটি ব্যক্তিগত সিএসএস ফাইল সাধারণত ফাইল এক্সটেনশন হিসেবে .css দিয়ে সংরক্ষিত থাকে। এটি HTML ফাইলের মধ্যে <link> ট্যাগ ব্যবহার করে সংযুক্ত করা হয়।
html
<!DOCTYPE html><html><head> <title>CSS Framework: Bootstrap ও Tailwind CSS
CSS এর কাজ সহজ করার জন্য কিছু জনপ্রিয় ফ্রেমওয়ার্ক রয়েছে। এগুলি ব্যবহার করে ওয়েবসাইটের লেআউট এবং স্টাইল আরও দ্রুত তৈরি করা যায়:
- Bootstrap: এটি সবচেয়ে জনপ্রিয় CSS ফ্রেমওয়ার্কগুলির মধ্যে একটি। Bootstrap এর সাহায্যে দ্রুত রেসপন্সিভ ডিজাইন তৈরি করা যায়। এতে বিভিন্ন ধরনের প্রস্তুত করা কপোনেন্ট যেমন বাটন, ন্যাভবার, মডাল ইত্যাদি অন্তর্ভুক্ত রয়েছে।
- Tailwind CSS: এটি একটি utility-first CSS ফ্রেমওয়ার্ক, যা নির্দিষ্ট ক্লাসসমূহ ব্যবহার করে দ্রুত কাস্টমাইজড ডিজাইন তৈরি করতে সাহায্য করে।
CSS শেখার কিছু টিপস
- প্র্যাকটিস করুন: CSS শেখার জন্য বিভিন্ন উদাহরণ নিজের হাতে কোড করে দেখতে হবে। যতো বেশি প্র্যাকটিস করবেন, ততো বেশি আপনার দক্ষতা বাড়বে।
- ওয়েবসাইট ডিজাইন দেখুন: বিভিন্ন ওয়েবসাইটের ডিজাইন দেখে এবং কীভাবে সেগুলি তৈরি হয়েছে তা বোঝার চেষ্টা করুন। এর মাধ্যমে নতুন আইডিয়া এবং কৌশল শিখতে পারবেন।
- ডকুমেন্টেশন পড়ুন: CSS সম্পর্কিত বিভিন্ন ডকুমেন্টেশন যেমন MDN (Mozilla Developer Network) পড়ুন। এতে প্রতিটি প্রোপার্টি ও তার ব্যবহার সম্পর্কে বিস্তারিত বর্ণনা থাকে।
- অনলাইন কোর্স ও টিউটোরিয়াল: ইউটিউব, কুরসেরা, উডেমি ইত্যাদি প্ল্যাটফর্মে প্রচুর ভালো কোর্স এবং টিউটোরিয়াল পাওয়া যায়, যা CSS শেখার জন্য অত্যন্ত সহায়ক।
উপসংহার (Conclusion)
CSS শেখা ওয়েব ডিজাইনার এবং ডেভেলপারদের জন্য অত্যন্ত গুরুত্বপূর্ণ। HTML এর সাথে CSS-এর সমন্বয় ওয়েবসাইটকে একটি সুন্দর ও আকর্ষণীয় রূপ দেয়। এই টিউটোরিয়ালটি শুরু থেকে শেষ পর্যন্ত CSS-এর মৌলিক ধারণা প্রদান করেছে। আপনার যদি CSS শেখার ইচ্ছা থাকে তবে নিয়মিত প্র্যাকটিসের মাধ্যমে আপনি দক্ষতা অর্জন করতে পারবেন। সিএসএস এর মাধ্যমে আপনার কল্পনাকে বাস্তবে রূপ দিন এবং ওয়েব ডিজাইনে দক্ষতা অর্জন করুন! Happy coding!
Leave a Reply