CSS কি CSS এর কাজ কি?

CSS কি CSS এর কাজ কি?

CSS কি? CSS এর কাজ কি?

CSS কি? Cascading Style Sheet এর সংক্ষিপ্ত রূপ হচ্ছে CSS (আমরা CSS কিভাবে কাজ করে? বা তার সি.এস.এস তা বিস্তারিত জানবো)। সহজ ভাষায় ওয়েব পেজের বিভিন্ন উপাদানের গঠন, আকার, আকৃতি, অবস্থান, রং, গতিশীলতা ইত্যাদি নির্ধারণের সহজ কৌশল হচ্ছে CSS । ওয়েব ডিজাইন করতে গেলে Css সম্পর্কে সঠিক ধারনা থাকা জরুরি। CSS কী? CSS এর কাজ কি? Css এমন একটি ভাষা যা এইচটিএমএল ডকুমেন্টের স্টাইল বর্ণনা করে। কারণ HTML হলো ওয়েব পেজের গঠন। ওয়েব পেজকে সুন্দর ও আকর্ষনীয় করার জন্য Css ব্যবহার করা হয়। যেমন একটি বিল্ডিং তৈরি করার পর রং করতে হয় তেমনি ওয়েব পেজ ডিজাইন করার পর বিভিন্ন ডিজাইন দিতে হয়। আর এই ডিজাইন দেওয়ার জন্য ব্যবহার করা হয় Css (cascading style sheets)। সিএসএস বর্ণনা করে যে কীভাবে এইচটিএমএল উপাদানগুলি স্ক্রিন, বা অন্য মিডিয়ায় প্রদর্শিত হবে। Html এবং সিএসএস css সবসময় একসাথে ব্যবহৃত হয়।

কেন CSS ব্যবহার করবো? Web design CSS কেন? এত গুরুপ্ত দিতে হয়। HTML, CSS, JavaScript এবং React সম্পর্কে জানি। এগুলিকে কাজে লাগানোর সহজ উপায় কী?

আসলে সিএসএস ও একটি  ল্যাঙ্গুয়েজে   Html এর মতোই  Html এ অনেকরকমের ট্যাগ ব্যবহার করা হয়, যেমন  <h1> header tag ,<p> paragraph tag, <img> image tag  এই সমস্ত ট্যাগ গুলিকে আমাদের ব্রাউজারে আরো সুন্দর ভাবে দেখানোর জন্য সি এস এস ব্যবহার করা হয়। সংক্ষেপে, এটি ওয়েবসাইটের এইচটিএমএল উপাদানগুলিকে (Element) নিয়ন্ত্রণ করে।

সিএসএস  এর কাজ হলো ওয়েব পেজটিকে আকর্ষিত করা বা ডিজাইন বা Layout তৈরী  করা। HTML এবং CSS এই দুটি দিয়েই আপনি পুরো ওয়েবসাইট এর ডিসাইন করতে পারবেন। এক কথায় একটি সুন্দর ওয়েবসাইট ডিসাইন করতে হলে আপনাকে এই  CSS Language খুব ভালো করে শিখতে হবে।

CSS এর কাজ কি?

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

আমি WEB Development এর জন্য PHP শিখতে চাই। এর পরিবর্তে অন্য কিছু কি শেখা ভালো হবে?

CSS এর সুবিধা

সকল ব্রাউজার এ ভাষাটি বুঝতে পারে তাই এটি ব্যবহার করলে ওয়েব পেজটি লোড করতে কোনো জামেলা হয় না। ওয়েব পেজকে খুব সহজেই ব্যবহার কারির কাছে প্রদর্শন করে।

 

Note: আপনারা W3Schools গিয়ে CSS কী? CSS এর কাজ কি?কোডিং শিখতে পারেন।

এইচটিএমএল পরিচিতি

এইচটিএমএল পরিচিতি

    এইচটিএমএল পরিচিতি – What is HTML

এইচটিএমএল পরিচিতি এবং এইচ.টি.এম.এল কি? (HTML) এ সম্পর্ক্য়ে সম্পূর্ন বাংলা ভাষায় আজ থেকে প্রকাশ করবে www.kaziitzone.com একটি ওয়েব ডিজাইন এবং অনলাইন বিষায়ক তথ্যবহুল ওয়েবসাইট। HTML বিস্তারিত ওয়েব পেজ তৈরির জন্য আদর্শ মার্কআপ ভাষা । এইচ.টি.এম.এল হলো হাইপার টেক্সট মার্কআপ ল্যাংগুয়েজ HTML full manning- Hyper Text Markup Language এইচটিএমএল কি?

HTML er puro nama ki? এইচটিএমএল (HTML) এর পুরো নাম কী?

এইচটিএমএল (HTML) এর পূর্ণরূপ হচ্ছে: হাইপার টেক্স মার্কআপ ল্যাঙ্গুএজ বা (Hypertext Markup Language) । HTML কিন্তু কোন প্রোগ্রামিং ল্যাংগুয়েজ নয় এটি হচ্ছে এমন একটি ভাষা যার মাধ্যমে নিজের পছন্দ অনুযায়ী ওয়েবসাইট তৈরী করা সম্ভব। এজন্য HTML কে ওয়েব পেজ তৈরীর বিশুদ্ধ ল্যাংগুয়েজ বলা হয়।

  • এইচটিএমএল মানে হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ ।
  • এইচটিএমএল ওয়েব পেজ তৈরির জন্য আদর্শ মার্কআপ ভাষা ।
  • এইচটিএমএল একটি ওয়েব পেজের গঠন বর্ণনা করে ।
  • এইচটিএমএল বিভিন্ন উপাদানের সমন্বয়ে গঠিত ।
  • এইচটিএমএল উপাদানগুলি সামগ্রীটি কীভাবে প্রদর্শন করতে হয় তা ব্রাউজারকে বলে ।
  • এইচটিএমএল উপাদানগুলি “এটি একটি শিরোনাম”, “এটি একটি অনুচ্ছেদ”, “এটি একটি লিঙ্ক” ইত্যাদি সামগ্রীর টুকরা লেবেল করে ।

 একটি সাধারণ এইচটিএমএল ডকুমেন্ট

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<title>Web Page Title</title>
</head>
<body>

<h1>Heading</h1>
<p>Paragraph.</p>

</body>
</html>

উদাহরণ ব্যাখ্যা

  • <!DOCTYPEhtml>ঘোষণাটি সংজ্ঞা দেয় যে এই নথিটি একটি HTML5 নথি ।
  • < html > উপাদানটি একটি HTML পৃষ্ঠার মূল উপাদান ।
  • < head > উপাদানটিতে HTML পৃষ্ঠা সম্পর্কে মেটা সম্পর্কিত তথ্য রয়েছে ।
  • < title > উপাদানটি HTML পৃষ্ঠার জন্য একটি শিরোনাম নির্দিষ্ট করে (যা ব্রাউজারের শিরোনাম বারে বা পৃষ্ঠার ট্যাবে প্রদর্শিত হয়) ।
  • <body> উপাদানটি নথির শরীরে সংজ্ঞায়িত করে এবং শিরোনাম, অনুচ্ছেদ, চিত্র, হাইপারলিঙ্কস, টেবিল, তালিকা ইত্যাদি সমস্ত দৃশ্যমান সামগ্রীর জন্য একটি ধারক ।
  • <h1> উপাদানটি একটি বড় শিরোনামকে সংজ্ঞায়িত করে ।
  • <p> উপাদান অনুচ্ছেদে সংজ্ঞায়িত করে ।

এইচটিএমএল পরিচিতি এইচটিএমএল এলিমেন্ট কী?

একটি HTML উপাদান একটি স্টার্ট ট্যাগ, কিছু সামগ্রী এবং একটি শেষ ট্যাগ দ্বারা সংজ্ঞায়িত করা হয়:

<tagname> Content here … </tagname>

এইচটিএমএল এর শুরু ট্যাগ থেকে শেষ ট্যাগ এর মধ্যে সমস্ত উপাদান থাকবে ।

<h1>Heading</h1>

<p>Paragraph.</p>

Start tag Element content End tag
<h1> My First Heading </h1>
<p> My first paragraph. </p>
<br> none none

 ওয়েব ব্রাউজার

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

একটি ব্রাউজার এইচটিএমএল ট্যাগগুলি প্রদর্শন করে না, তবে কীভাবে দস্তাবেজটি প্রদর্শন করতে হয় তা নির্ধারণ করতে সেগুলি ব্যবহার করে ।

 

এইচটিএমএল পরিচিতি

এইচটিএমএল পরিচিতি

Pin It on Pinterest

My title page contents