ওয়েবসাইট (Website)

১. ভূমিকা — তোমার একটা দোকান আছে কল্পনা করো

ধরো তুমি একটা বইয়ের দোকান খুলেছ ঢাকার নিউমার্কেটে। দোকানে অনেক তাক, প্রতিটি তাকে আলাদা বই।

এখন তুমি চাও পুরো বাংলাদেশের মানুষ তোমার দোকান দেখুক — সিলেট, রংপুর, খুলনা থেকেও।

কিন্তু সবাই তো নিউমার্কেটে আসতে পারবে না!

সমাধান কী? — তুমি দোকানটার একটা ডিজিটাল রূপ বানালে, যেটা ইন্টারনেটে থাকবে। যে কেউ, যেকোনো জায়গা থেকে, যেকোনো সময় দেখতে পাবে।

এই ডিজিটাল দোকানই হলো Website (ওয়েবসাইট)।

২. সমস্যা — তথ্য সবার কাছে পৌঁছাবে কীভাবে?

একটা প্রতিষ্ঠান, স্কুল বা মানুষ চায় তার তথ্য সবার কাছে পৌঁছাক:

স্কুল চায় ভর্তির নিয়ম সবাই জানুক
ব্যবসায়ী চায় তার পণ্য সবাই দেখুক
সরকার চায় নাগরিক সেবার তথ্য সবার কাছে যাক

প্রতিবার পত্রিকায় বিজ্ঞাপন? — ব্যয়বহুল ও সাময়িক। সবাইকে চিঠি? — অসম্ভব।

আসল সমস্যা: এমন একটা জায়গা দরকার যেখানে তথ্য একবার রাখলে পৃথিবীর যে কেউ যেকোনো সময় দেখতে পারবে।

এই সমস্যার সমাধানই Website — ইন্টারনেটে রাখা তথ্যের একটি স্থায়ী ঠিকানা।

৩. চিত্রের মাধ্যমে বোঝো

একটি Website আসলে অনেকগুলো Web Page (ওয়েব পেজ) মিলে তৈরি:

        WEBSITE (একটি বই)
       ┌──────┴───────┐
       │              │
   Home Page      About Page
   (প্রচ্ছদ)        (অধ্যায় ১)
       │              │
  Contact Page    Gallery Page
   (অধ্যায় ২)      (অধ্যায় ৩)

   সব page একসাথে = একটি Website

প্রতিটি Web Page একেকটি পৃষ্ঠা। সব পৃষ্ঠা মিলে একটি বই — সেটাই Website।

৪. বাস্তব জীবনের সাথে মিল

একটা বইয়ের সাথে তুলনা করো:

বই	Website
পুরো বই	পুরো Website
একটি পৃষ্ঠা	একটি Web Page
সূচিপত্র	Home Page / Menu
পৃষ্ঠা উল্টানো	Link-এ click করা
বইয়ের নাম	Domain Name
বই যে আলমারিতে রাখা	Hosting Server

বই হাতে নিয়ে পড়তে হয়, Website ইন্টারনেটে দেখতে হয় — পার্থক্য এটুকুই।

Module 1: সংজ্ঞা ও ধারণা

Website কী?

Website (ওয়েবসাইট) হলো একই domain name-এর অধীনে থাকা এক বা একাধিক সম্পর্কিত Web Page-এর সমষ্টি, যা ইন্টারনেটে available এবং browser দিয়ে দেখা যায়।

Website বনাম Web Page

এটা সবচেয়ে গুরুত্বপূর্ণ পার্থক্য — HSC পরীক্ষায় প্রায় আসে।

বিষয়	Web Page	Website
কী?	একটি একক পৃষ্ঠা	অনেক পৃষ্ঠার সমষ্টি
তুলনা	বইয়ের একটি পাতা	পুরো বই
তৈরি	একটি HTML file	অনেক HTML file
উদাহরণ	facebook.com-এর login পাতা	পুরো facebook.com

মনে রাখো — অনেক Web Page মিলে একটি Website।

Module 2: Website-এর প্রকারভেদ

গঠন অনুযায়ী — Static ও Dynamic

Static Website (স্থির ওয়েবসাইট): সব user একই content দেখে। content পরিবর্তন করতে হলে কোড সরাসরি বদলাতে হয়।

সব user → একই page → একই তথ্য

উদাহরণ: একটি ছোট স্কুলের তথ্য পাতা, ব্যক্তিগত CV site।

Dynamic Website (পরিবর্তনশীল ওয়েবসাইট): user বা পরিস্থিতি অনুযায়ী content বদলায়। Database (তথ্যভাণ্ডার) থেকে তথ্য টেনে এনে দেখায়।

user A → নিজের feed দেখে
user B → ভিন্ন feed দেখে   (একই page, ভিন্ন content)

উদাহরণ: Facebook, prothomalo.com, bKash।

বিষয়	Static	Dynamic
Content	সবার জন্য একই	user অনুযায়ী বদলায়
প্রযুক্তি	HTML, CSS	HTML, CSS, JS + Database
গতি	দ্রুত	তুলনামূলক ধীর
খরচ	কম	বেশি

উদ্দেশ্য অনুযায়ী

ধরন	উদাহরণ
Personal (ব্যক্তিগত)	কারো নিজস্ব blog/portfolio
Commercial (বাণিজ্যিক)	daraz.com.bd, অনলাইন দোকান
Educational (শিক্ষামূলক)	10minuteschool.com
Government (সরকারি)	bangladesh.gov.bd
News (সংবাদ)	prothomalo.com

Module 3: কীভাবে কাজ করে — অভ্যন্তরীণ প্রক্রিয়া

তুমি যখন একটি Website খোলো, পেছনে এই ধাপগুলো ঘটে:

১. তুমি browser-এ domain লেখো → www.example.com
            ↓
২. DNS domain-কে IP address-এ রূপান্তর করে
            ↓
৩. browser সেই IP-র Server-এ request পাঠায়
            ↓
৪. Server (Hosting) Website-এর HTML file খুঁজে বের করে
            ↓
৫. Server file গুলো browser-এ পাঠায়
            ↓
৬. browser render করে → তুমি Website দেখো ✨

Module 4: Domain Name, Hosting ও Web Server

একটি Website চালু রাখতে তিনটি জিনিস লাগে:

Domain Name (ডোমেইন নাম)

Website-এর ঠিকানা বা নাম। যেমন google.com, prothomalo.com।

মানুষ IP address (142.250.183.206) মনে রাখতে পারে না, তাই domain name।

www . prothomalo . com
 │        │         │
সাব-    মূল নাম   ডোমেইন
ডোমেইন            এক্সটেনশন

Domain Extension (এক্সটেনশন):

এক্সটেনশন	অর্থ
.com	বাণিজ্যিক (commercial)
.org	সংগঠন (organization)
.edu	শিক্ষা প্রতিষ্ঠান
.gov	সরকারি
.bd	বাংলাদেশ (দেশভিত্তিক)

Hosting (হোস্টিং)

Website-এর সব file (HTML, ছবি, ভিডিও) যে Server কম্পিউটারে রাখা হয়, সেই সেবার নাম Hosting।

এই Server ২৪ ঘণ্টা চালু থাকে — যাতে যেকোনো সময় Website খোলা যায়।

Web Server (ওয়েব সার্ভার)

যে শক্তিশালী কম্পিউটার Website-এর file সংরক্ষণ করে এবং request এলে browser-কে পাঠায়।

বাড়ি ভাড়ার সাথে মিল:

Domain Name = বাড়ির ঠিকানা
Hosting     = বাড়ি ভাড়া নেওয়া
Web Server  = বাড়িটি নিজে (যেখানে জিনিস রাখা)

Module 5: বাস্তব প্রয়োগ

Website	ধরন	যে সমস্যা সমাধান করে
10minuteschool.com	শিক্ষামূলক, Dynamic	ঘরে বসে পড়াশোনা
daraz.com.bd	বাণিজ্যিক, Dynamic	অনলাইন কেনাকাটা
bangladesh.gov.bd	সরকারি	নাগরিক সেবার তথ্য
prothomalo.com	সংবাদ, Dynamic	সর্বশেষ খবর
একটি স্কুলের তথ্য পাতা	শিক্ষামূলক, Static	ভর্তি তথ্য জানানো

Module 6: সাধারণ ভুল ও সতর্কতা

ভুল ১: Website আর Web Page একই মনে করা

Web Page = একটি পাতা। Website = অনেক পাতার সমষ্টি। বই আর পাতার পার্থক্যের মতো।

ভুল ২: Domain আর Hosting একই মনে করা

Domain = নাম/ঠিকানা। Hosting = file রাখার জায়গা। দুটো আলাদা সেবা, আলাদা কিনতে হয়।

ভুল ৩: সব Website-কে Dynamic মনে করা

ছোট তথ্য-পাতা Static-ও হতে পারে। Database থাকলেই কেবল Dynamic।

Module 7: সুবিধা-অসুবিধা

বিষয়	সুবিধা	অসুবিধা
Static Website	দ্রুত, সস্তা, নিরাপদ	content বদলানো কঠিন
Dynamic Website	সহজে content আপডেট	জটিল, ব্যয়বহুল
নিজস্ব Hosting	পূর্ণ নিয়ন্ত্রণ	রক্ষণাবেক্ষণ ঝামেলা
Free Hosting	খরচ নেই	বিজ্ঞাপন, কম জায়গা

🔁 নিজে পরীক্ষা করো

MCQ:

১. অনেক Web Page মিলে কী তৈরি হয়?

ক) Browser
খ) Website ✓
গ) Server
ঘ) Domain

২. Facebook কোন ধরনের Website?

ক) Static
খ) Dynamic ✓
গ) Offline
ঘ) Local

৩. Website-এর ঠিকানা বা নামকে বলে —

ক) Hosting
খ) Server
গ) Domain Name ✓
ঘ) Protocol

৪. .edu এক্সটেনশন কী নির্দেশ করে?

ক) বাণিজ্যিক
খ) শিক্ষা প্রতিষ্ঠান ✓
গ) সরকারি
ঘ) সংগঠন

৫. Website-এর file যে কম্পিউটারে রাখা হয় —

ক) Client
খ) Web Server ✓
গ) Router
ঘ) Browser

সংক্ষিপ্ত প্রশ্ন:

৬. Static ও Dynamic Website-এর মধ্যে পার্থক্য উদাহরণসহ লেখো।

৭. Domain Name ও Hosting — দুটোর কাজ আলাদা করে ব্যাখ্যা করো।

📝 HSC পরীক্ষার প্রস্তুতি

১. Website ও Web Page-এর পার্থক্য একটি উপমা (analogy) দিয়ে ব্যাখ্যা করো।

২. একটি স্কুল তার Website বানাতে চায়। Static না Dynamic — কোনটি বেছে নেবে এবং কেন?

৩. একটি Website ইন্টারনেটে চালু রাখতে কী কী লাগে? প্রতিটির ভূমিকা লেখো।

💡 পরীক্ষার টিপস: Website vs Web Page এবং Static vs Dynamic — এই দুটি তুলনা টেবিল আকারে মুখস্থ রাখো।

🎯 অনুশীলন প্রশ্ন

সহজ: তোমার পরিচিত ৫টি Website-এর নাম লেখো এবং প্রতিটি কোন ধরনের (শিক্ষামূলক/বাণিজ্যিক/সংবাদ) বলো।

মাঝারি: prothomalo.com একটি Dynamic Website — কেন? ৩টি কারণ ব্যাখ্যা করো।

কঠিন: তুমি একটি অনলাইন বইয়ের দোকান বানাতে চাও। কোন ধরনের Website লাগবে, কী কী Web Page থাকবে, এবং Domain ও Hosting নিয়ে কী সিদ্ধান্ত নেবে — পরিকল্পনা লেখো।

✅ সারাংশ

🎯 মনে রেখো:

Website = একই domain-এর অধীনে অনেক Web Page-এর সমষ্টি
Web Page = পাতা, Website = পুরো বই
Static → সবার জন্য একই content; Dynamic → user অনুযায়ী বদলায় (Database লাগে)
ধরন: Personal, Commercial, Educational, Government, News
Domain Name = ঠিকানা; Hosting = file রাখার সেবা; Web Server = file রাখা কম্পিউটার
Website চালু রাখতে লাগে — Domain + Hosting + Web Server