CSS শিখুন বাংলায় | ওয়েব ডিজাইন টিউটোরিয়াল

CSS significa Cascading Style Sheets, elementos HTML incluem como ..

সি এস এস এর মানে হল ক্যাসকেডিং স্টাইল শিট (CASCADING STYLE SHEETS) . HTML এলিমেন্টগুলো কিভাবে প্রদর্শিত হবে স্টাইল সমূহ সেটি নির্ধারণ করে । এসব স্টাইল সাধারণত স্টাইল শিটে সংরক্ষণ করে রাখা হয় । এক্সটারনাল স্টাইল শিট গুলো প্রচুর কাজ করা থেকে বাঁচিয়ে দিতে পারে । এগুলো সি এস এস ফাইলে সংরক্ষণ করা হয় ।

সি এস এস শিক্ষার জন্য প্রথমে যা জানা প্রয়োজনঃ

সিএসএস শিক্ষার আগে আপনাকে অবশ্যই HTML/XHTML এর প্রাথমিক জ্ঞান টুকু রপ্ত করতে হবে । কারন HTML/XHTML এর ভেতরেই আপনাকে সিএসএস ব্যবহার করতে হবে । তাই HTML/XHTML সম্পর্কে জ্ঞান না থাকলে আপনি সি এস এস সম্পর্কে শিখতে ও তা ব্যবহার করতে পারবেন না । সুতরাং সি এস এস শিক্ষার আগে HTML/XHTML শিখা অবশ্যই দরকার ।

CSS দিয়ে একটি ওয়েবসাইট কে সুন্দর ভাবে সাজানো হয়। কারণ CSS ছাড়া , কোনো ওয়েবসাইট এ শুধু টেক্সট এর টেক্সট লেখা থাকলে পড়তে গেলে বোরিং লাগবে। এরপর ওয়েবসাইট এর কোন অংশটুকু বেশি গুরুত্বপূর্ণ সেটাও বুঝানো অসম্ভব। এইসব কিছুই CSS দিয়ে খুব সহজে করা সম্ভব। কোনো ওয়েবসাইট কে মোবাইল এ ঠিক ভাবে দেখার জন্য ও CSS গুরুত্বপূর্ণ ভূমিকা পালন করে।

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

ওয়েব ডিজাইন শিখতে যেসব জানতে হবে

এইচটিএমএল : এটা একটা মার্ক আপ ল্যাংগুয়েজ, প্রোগ্রামিং ল্যাংগুয়েজ নয়, শেখা খুব সহজ।

সিএসএস : এটাও মার্ক আপ ল্যাংগুয়েজ

ফটোশপ : এখানে যে মুল কাজটি শিখতে হবে তাহল পিএসডি থেকে এইচটিএমএল টেমপ্লেট (PSD to HTML) বানানো এছাড়া ব্যানার, বাটন, এনিমেশন তৈরী করা এসব জানতে হবে।

অতিরিক্ত হিসেবে ফ্ল্যাশ দিয়ে এনিমেশন তৈরী করা শিখতে পারেন।

যেভাবে ওয়েব ডিজাইন শিখবেন

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

ওয়েব ডেভেলপমেন্ট কি

ওয়েব ডেভেলপমেন্ট হচ্ছে ওয়েবসাইটের জন্য এপ্লিকেশন তৈরী করা।উপরে যে এপ্লিকেশনগুলির উল্লেখ করেছি এধরনের আরো হাজারো এপ্লিকেশন আছে, ওয়েব ডেভেলপারকে এসব এপ্লিকেশন তৈরী করতে হবে। যদি ফ্রিল্যান্সিং করেন তাহলে ক্লাইন্টের চাহিদা অনুযায়ী এমনও এপ্লিকেশন তৈরী করা লাগতে পারে যার অস্তিত্ব পৃথিবীতে নেই। এই বিষয়টি বেশি চ্যালেন্জিং এবং ডাইনামিক।অর্থ্যাৎ আপনাকে এপ্লিকেশন ডিজাইন করতে হবে। তাই ওয়েব ডেভেলপমেন্ট কে আরও সুনির্দিষ্ট করে বলা যায় ওয়েব এপ্লিকেশন ডেভেলপমেন্ট।

ওয়েব ডেভেলপমেন্ট শিখতে যেসব জানতে হবে

এইচটিএমএল, সিএসএস এবং এরপর নিচেরগুলি..

ক্লাইন্ট সাইড প্রোগ্রামিং ল্যাংগুয়েজ যেমন জাভাস্ক্রিপ্ট : এটাকে ব্রাউজার স্ক্রিপ্টিং ও বলা হয় অর্থ্যাৎ এই ল্যাংগুয়েজ দিয়ে লেখা কোড শুধু কোন ব্রাউজারে (যেমন ইন্টারনেট এক্সপ্লোরার, মজিলা ফায়ারফক্স, অপেরা, গুগল ক্রোম ইত্যাদি) কাজ করবে।জাভাস্ক্রিপ্টের ফ্রেমওয়ার্ক দিয়ে দ্রুত কাজ করা যায়। এরুপ একটি ফ্রেমওয়ার্ক জেকোয়েরি টিউটোরিয়াল।

সার্ভার সাইড প্রোগ্রামিং ল্যাংগুয়েজ যেমন পিএইচপি : এটাকে সার্ভার সাইড স্ক্রিপ্টিং বলা হয় কারন এই ল্যাংগুয়েজ দিয়ে লেখা কোডগুলি শুধু সার্ভারে এক্সিকিউট হয়।

ডেটাবেস : পিএইচপি দিয়ে কিভাবে ডেটাবেস সংযোগ করতে হয়, এসকিউয়েল দিয়ে ডেটাবেস বানানো অর্থ্যাৎ ডেটাবেস ডিজাইন জানতে হবে কারন এখন যেকোন ডাইনামিক সাইটের ডেটাবেস আছে অথবা বলতে পারেন ডেটাবেস থাকতেই হয়।

পিএইচপি এর যেকোন একটা ফ্রেমওয়ার্ক যেমন কোডইগনাইটার : (আরও আছে যেমন কেক পিএইচপি, জেন্ড ফ্রেমওয়ার্ক, সিমফনি, ওয়াই আইআই, কোহানা ইত্যাদি একটা শিখলেই চলবে) : কোন ফ্রেমওয়ার্ক ছাড়াও ওয়েব এপ্লিকেশন তৈরী করতে পারবেন তবে এতে বেশি সময় লাগবে এবং বেশি কোড লিখতে হবে।

এক্সএমএল : API, ছোটখাট ডেটা স্টোরিং ইত্যাদির জন্য এক্সএমএল লাগে।