📘 গল্প আকারে নোট: ওয়েবসাইটের প্রকারভেদ
এক সময় একটি কলেজে দুই বন্ধু—রাহিম ও করিম—ICT ক্লাসে ওয়েবসাইট শেখে।
স্যার বোঝাতে গিয়ে বললেন—“ওয়েবসাইট দুই রকম হতে পারে—স্ট্যাটিক আর ডাইনামিক।”
স্ট্যাটিক ওয়েবসাইট
স্যার একটি উদাহরণ দিলেন:
রাহিম একটি সাধারণ পোর্টফোলিও ওয়েবসাইট বানাল যেখানে শুধু নিজের নাম, ছবি আর ঠিকানা দিল।
এই ওয়েবসাইটে কেউ মন্তব্য করতে পারে না, নতুন তথ্য যোগ করতেও হলে কোড পরিবর্তন করতে হয়।
তাহলে এটা হলো স্ট্যাটিক ওয়েবসাইট।
বৈশিষ্ট্য:
-
ডেটাবেজ নেই।
-
শুধু HTML ও CSS দিয়ে তৈরি।
-
একমুখী কমিউনিকেশন।
-
সব ভিজিটর একই তথ্য দেখে।
-
এক্সটেনশন সাধারণত
.htmlবা.htm।
সুবিধা:
-
খরচ কম, বানানো সহজ।
-
দ্রুত লোড হয়।
-
লে-আউট সহজে পরিবর্তন করা যায়।
-
ডেটাবেজ না থাকায় নিরাপদ।
অসুবিধা:
-
আপডেট করতে কোড পরিবর্তন করতে হয়।
-
ব্যবহারকারী ইনপুট দিতে পারে না।
-
বেশি তথ্য হলে নিয়ন্ত্রণ কঠিন।
ডাইনামিক ওয়েবসাইট
অন্যদিকে করিম একটি নিউজ পোর্টাল বানাল।
সেখানে নতুন খবর প্রতিদিন যুক্ত হয়, পাঠকরা মন্তব্য করতে পারে, এমনকি ইউজার একাউন্টও খুলতে পারে।
এটাই হলো ডাইনামিক ওয়েবসাইট।
বৈশিষ্ট্য:
-
ডেটাবেজ থাকে।
-
HTML, CSS এর পাশাপাশি PHP, ASP.Net, JSP ইত্যাদি লাগে।
-
দ্বিমুখী কমিউনিকেশন (সার্ভার ↔ ক্লায়েন্ট)।
-
এক্সটেনশন
.php,.asp,.jsp। -
ব্যাক-এন্ড + ফ্রন্ট-এন্ড উভয়ই থাকে।
সুবিধা:
-
কোড পরিবর্তন ছাড়াই তথ্য আপডেট করা যায়।
-
ইউজার প্রোফাইল ও ইন্টারঅ্যাক্টিভ ফিচার থাকে।
-
ব্যবহারকারীর ইনপুট নেওয়া যায়।
-
অসীম তথ্য রাখা সম্ভব।
অসুবিধা:
-
তৈরি কঠিন, খরচ বেশি।
-
ডেটাবেজের কারণে লোড হতে সময় লাগে।
পার্থক্য (সংক্ষেপে):
-
স্ট্যাটিক → সহজ, দ্রুত, কম খরচ, কিন্তু তথ্য পরিবর্তন কঠিন।
-
ডাইনামিক → তথ্য পরিবর্তন সহজ, ইন্টারঅ্যাক্টিভ, কিন্তু ব্যয়বহুল ও ধীর।
ব্যবহারভিত্তিক ওয়েবসাইটের ধরণ
-
আর্কাইভ ওয়েবসাইট – পুরোনো তথ্য সংরক্ষণ (যেমন ইতিহাস আর্কাইভ)।
-
বিজনেস ওয়েবসাইট – ব্যবসার প্রচার-প্রসার।
-
ই-কমার্স ওয়েবসাইট – পণ্য কেনা-বেচা (যেমন Amazon)।
-
সামাজিক যোগাযোগ ওয়েবসাইট – যোগাযোগের জন্য (যেমন Facebook)।
-
ব্লগ ওয়েবসাইট – ব্যক্তিগত লেখা প্রকাশের জন্য।
-
নিউজ ওয়েবসাইট – সংবাদ প্রচারের জন্য (যেমন Prothom Alo)।
📝 প্রশ্নোত্তর
১। জ্ঞানমূলক প্রশ্ন (উত্তরসহ)
প্রশ্ন ১: স্ট্যাটিক ওয়েবসাইট কী?
👉 উত্তর: যে ওয়েবসাইটে তথ্য পরিবর্তন করা কঠিন এবং সব ভিজিটর একই তথ্য দেখে, তাকে স্ট্যাটিক ওয়েবসাইট বলে।
প্রশ্ন ২: ডাইনামিক ওয়েবসাইট কী?
👉 উত্তর: যে ওয়েবসাইটে তথ্য প্রতিনিয়ত পরিবর্তন করা যায় এবং ইউজার ইন্টারঅ্যাক্ট করতে পারে, তাকে ডাইনামিক ওয়েবসাইট বলে।
প্রশ্ন ৩: ই-কমার্স ওয়েবসাইট কী?
👉 উত্তর: যে ওয়েবসাইটে অনলাইনে পণ্য কেনা-বেচা হয় তাকে ই-কমার্স ওয়েবসাইট বলে।
প্রশ্ন ৪: ব্লগ ওয়েবসাইট কী?
👉 উত্তর: ব্যক্তিগত বা নির্দিষ্ট বিষয়ের উপর লেখা প্রকাশের জন্য তৈরি ওয়েবসাইটকে ব্লগ ওয়েবসাইট বলে।
প্রশ্ন ৫: নিউজ ওয়েবসাইট কী?
👉 উত্তর: সংবাদ প্রচারের জন্য তৈরি ওয়েবসাইটকে নিউজ ওয়েবসাইট বলে।
২। অনুধাবনমূলক প্রশ্ন (উত্তরসহ)
প্রশ্ন ১: “প্রতিনিয়ত পরিবর্তনশীল তথ্যের ওয়েবসাইট”-ব্যাখ্যা কর।
👉 উত্তর: প্রতিনিয়ত পরিবর্তনশীল তথ্যের ওয়েবসাইট হলো ডাইনামিক ওয়েবসাইট, যেখানে নিউজ, ব্লগ, ইউজার কমেন্ট ইত্যাদি আপডেট করা যায়।
প্রশ্ন ২: “ডাইনামিক ওয়েবসাইট স্ট্যাটিক ওয়েবসাইটের তুলনায় সুবিধাজনক”—ব্যাখ্যা কর।
👉 উত্তর: ডাইনামিক ওয়েবসাইট সহজে আপডেট করা যায়, ইউজার ইন্টারঅ্যাক্ট করতে পারে, অসীম তথ্য রাখা যায়—তাই এটি সুবিধাজনক।
প্রশ্ন ৩: স্ট্যাটিক ও ডাইনামিক ওয়েবসাইটের মধ্যে পার্থক্য লিখ।
👉 উত্তর: স্ট্যাটিক সহজ ও দ্রুত কিন্তু পরিবর্তন করা কঠিন; ডাইনামিক জটিল ও ধীর হলেও পরিবর্তন ও ইন্টারঅ্যাকশন সহজ।
প্রশ্ন ৪: “রাহিমের ওয়েবসাইটে কমেন্ট করা যায় না, কিন্তু করিমের ওয়েবসাইটে যায়”—এর কারণ ব্যাখ্যা কর।
👉 উত্তর: রাহিমের ওয়েবসাইট স্ট্যাটিক, তাই ইন্টারঅ্যাকশন নেই; করিমের ওয়েবসাইট ডাইনামিক, তাই কমেন্ট করা যায়।
প্রশ্ন ৫: “X কলেজে ডেটা নিয়মিত আপডেট করতে চাইলে কোন ওয়েবসাইট ভালো হবে?” বিশ্লেষণ কর।
👉 উত্তর: ডাইনামিক ওয়েবসাইট ভালো হবে কারণ এখানে কোড পরিবর্তন না করেই ডেটা আপডেট করা যায়।
৩। বহুনির্বাচনী প্রশ্ন (২০টি উত্তরসহ)
১। CSS এর পূর্ণরূপ কী?
ক) Computer Sheets Style
খ) Cascading Style Sheet ✅
গ) Cascading Sheets Style
ঘ) Calculating Style Sheets
২। ডাইনামিক ওয়েবসাইট তৈরির জন্য প্রয়োজন—
ক) i ও ii
খ) i ও iii
গ) ii ও iii
ঘ) i, ii ও iii ✅
৩। গঠন বৈচিত্র্যের ভিত্তিতে ওয়েবসাইট কয় প্রকার?
ক) ২ ✅
খ) ৩
গ) ৪
ঘ) ৫
৪। ডেটাবেজের সাথে সংযুক্ত থাকে—
ক) স্ট্যাটিক
খ) ডাইনামিক ✅
গ) গ্লোবাল
ঘ) নরমাল
৫। ডাইনামিক ওয়েবসাইট হলো—
ক) i ও ii ✅
খ) i ও iii
গ) ii ও iii
ঘ) i, ii ও iii
৬। ডাইনামিক ওয়েবপেইজের এক্সটেনশন কোনটি?
ক) i ও ii
খ) i ও iii
গ) ii ও iii ✅
ঘ) i, ii ও iii
৭। রকিবের কমেন্ট সাপোর্ট ওয়েবসাইট তৈরিতে ব্যবহৃত হয়েছে—
ক) i ও ii
খ) i ও iii
গ) ii ও iii ✅
ঘ) i, ii ও iii
৮। নিরবের ওয়েবসাইটে ব্যবহৃত হয়েছে—
ক) i ও ii
খ) i ও iii ✅
গ) ii ও iii
ঘ) i, ii ও iii
৯। স্ট্যাটিক ওয়েবসাইটের এক্সটেনশন—
ক) .html ✅
খ) .php
গ) .asp
ঘ) .jsp
১০। কোন ওয়েবসাইট দ্রুত লোড হয়?
ক) স্ট্যাটিক ✅
খ) ডাইনামিক
গ) ই-কমার্স
ঘ) নিউজ
১১। কোন ওয়েবসাইট বেশি নিরাপদ?
ক) স্ট্যাটিক ✅
খ) ডাইনামিক
গ) সামাজিক
ঘ) ই-কমার্স
১২। কোন ওয়েবসাইটে কোড ছাড়াই আপডেট করা যায়?
ক) স্ট্যাটিক
খ) ডাইনামিক ✅
গ) আর্কাইভ
ঘ) বিজনেস
১৩। ই-কমার্স ওয়েবসাইটের উদাহরণ—
ক) facebook.com
খ) amazon.com ✅
গ) wikipedia.org
ঘ) bbc.com
১৪। স্ট্যাটিক ওয়েবসাইটের বৈশিষ্ট্য নয়—
ক) ডেটাবেজ নেই
খ) HTML ও CSS ব্যবহার হয়
গ) ইউজার কমেন্ট করতে পারে ✅
ঘ) একমুখী কমিউনিকেশন
১৫। ব্লগ ওয়েবসাইটে থাকে—
ক) পণ্য বিক্রয়
খ) ব্যক্তিগত লেখা ✅
গ) সামাজিক যোগাযোগ
ঘ) সংবাদ প্রচার
১৬। নিউজ ওয়েবসাইটের উদাহরণ—
ক) amazon.com
খ) alibaba.com
গ) prothomalo.com ✅
ঘ) facebook.com
১৭। কোন ওয়েবসাইটে User Account তৈরি করা যায়?
ক) স্ট্যাটিক
খ) ডাইনামিক ✅
গ) আর্কাইভ
ঘ) পোর্টফোলিও
১৮। কোন ওয়েবসাইট তৈরি করতে খরচ বেশি?
ক) স্ট্যাটিক
খ) ডাইনামিক ✅
গ) ব্লগ
ঘ) আর্কাইভ
১৯। স্ট্যাটিক ওয়েবসাইট সাধারণত ব্যবহৃত হয়—
ক) নিউজ পোর্টালে
খ) পোর্টফোলিও সাইটে ✅
গ) সামাজিক যোগাযোগে
ঘ) ই-কমার্সে
২০। ডাইনামিক ওয়েবসাইটের অসুবিধা—
ক) লোড হতে সময় বেশি লাগে ✅
খ) সহজে বানানো যায়
গ) নিরাপদ
ঘ) খরচ কম