উচ্চ মাধ্যমিক (HSC) আইসিটি বিষয়ের ৪র্থ অধ্যায় (ওয়েব ডিজাইন ও HTML) থেকে বাছাইকৃত সকল বোর্ডের গুরুত্বপূর্ণ জ্ঞানমূলক ('ক') এবং অনুধাবনমূলক ('খ') প্রশ্নের উত্তরগুলো সহজবোধ্য অনুচ্ছেদে সাজিয়ে তৈরি করা হয়েছে। এটি শিক্ষার্থীদের দ্রুত রিভিশন এবং পরীক্ষার জন্য কার্যকর প্রস্তুতি নিতে সাহায্য করবে।
নিচে উদ্দীপকের ক্রম অনুযায়ী 'ক' প্রশ্নগুলোর সহজ উত্তর দেওয়া হলো:
১. HTML উপাদান কী? এইচটিএমএল-এ ওপেনিং ট্যাগ থেকে ক্লোজিং ট্যাগ পর্যন্ত যা কিছু থাকে, তার সবটুকু মিলেই একটি এইচটিএমএল উপাদান বা এলিমেন্ট গঠিত হয়।
২. URL কী? ইউআরএল (URL) হলো ইন্টারনেটে কোনো ওয়েবসাইটের বা ফাইলের সম্পূর্ণ এবং নির্দিষ্ট ঠিকানা।
৩. HTML Element কী? এইচটিএমএল ডকুমেন্টের প্রতিটি একক অংশই হচ্ছে এইচটিএমএল এলিমেন্ট। যেমন: <p>...</p>।
৪. এলিমেন্ট কী? এইচটিএমএল ট্যাগের শুরু এবং শেষের মধ্যবর্তী বিষয়বস্তুসহ পুরো অংশটিকে এলিমেন্ট বলে।
৫. হাইপার লিংক কী? একটি ওয়েব পেজের সাথে অন্য কোনো পেজ বা ডকুমেন্টের সংযোগ বা লিংক তৈরি করাকেই হাইপার লিংক বলে।
৬. স্টাইল অ্যাট্রিবিউট কী? এইচটিএমএল এলিমেন্টের রং, সাইজ বা ফন্ট পরিবর্তনের জন্য যে বিশেষ অ্যাট্রিবিউট ব্যবহার করা হয়, তাকে স্টাইল অ্যাট্রিবিউট বলে।
৭. HTML-এর এলিমেন্ট কী? শুরু ও শেষ ট্যাগ এবং মাঝখানের কন্টেন্ট নিয়ে যা গঠিত হয়, তাকেই এইচটিএমএল এলিমেন্ট বলে।
৮. আইপি অ্যাড্রেস কী? ইন্টারনেটে যুক্ত প্রতিটি কম্পিউটার বা ডিভাইসের একটি নির্দিষ্ট গাণিতিক পরিচয় বা নম্বর থাকে, তাকে আইপি অ্যাড্রেস বলে।
৯. ওয়েব পেজ কী? ইন্টারনেটে বা ব্রাউজারে দেখার উপযোগী এইচটিএমএল দিয়ে তৈরি যেকোনো একটি আলাদা পৃষ্ঠাকেই ওয়েব পেজ বলে।
১০. ফ্রন্ট-এন্ড ডেভেলপমেন্ট কী? একটি ওয়েবসাইটের যে অংশটি ভিজিটররা সরাসরি ব্রাউজারে দেখতে পায় এবং ব্যবহার করে, সেটি তৈরি করাই হলো ফ্রন্ট-এন্ড ডেভেলপমেন্ট।
১১. ওয়েব সার্ভার কী? যেখানে ওয়েবসাইটের সকল ফাইল বা তথ্য সংরক্ষিত থাকে এবং যে কম্পিউটার ইন্টারনেটের মাধ্যমে ব্যবহারকারীকে ডেটা সরবরাহ করে, তাকে ওয়েব সার্ভার বলে।
১২. অ্যাট্রিবিউট কী? এইচটিএমএল ট্যাগের কার্যকারিতা বাড়ানোর জন্য বা বাড়তি তথ্য দেওয়ার জন্য ট্যাগের ভেতরে যে শব্দ ব্যবহার করা হয়, তাকে অ্যাট্রিবিউট বলে।
১৩. সার্চ ইঞ্জিন কী? ইন্টারনেটে যেকোনো তথ্য খুঁজে পাওয়ার জন্য যে টুল বা ওয়েবসাইট ব্যবহার করা হয় (যেমন: গুগল), তাকে সার্চ ইঞ্জিন বলে।
১৪. আইপি অ্যাড্রেস কী? ইন্টারনেটে নেটওয়ার্কের আওতায় থাকা প্রতিটি ডিভাইসের অদ্বিতীয় ডিজিটাল ঠিকানাই হলো আইপি অ্যাড্রেস।
১৫. হাইপার লিংক কী? ওয়েব পেজের কোনো লেখা বা ছবির সাথে অন্য কোনো লিংকের সংযোগ স্থাপন করাই হলো হাইপার লিংক।
১৬. আইপি অ্যাড্রেস কী? সার্ভারে অবস্থিত প্রতিটি ডোমেইন বা কম্পিউটারের নির্দিষ্ট নম্বরভিত্তিক ঠিকানাকে আইপি অ্যাড্রেস বলে।
১৭. HTML ট্যাগ কী? এইচটিএমএল ডকুমেন্টে ব্যবহৃত বিশেষ কিছু চিহ্ন (যেমন: < >) যা ব্রাউজারকে কোনো লেখা কীভাবে দেখাতে হবে তা নির্দেশ করে।
১৮. ওয়ার ফ্রেম কী? একটি ওয়েবসাইট দেখতে কেমন হবে বা এর গঠন কেমন হবে, তার একটি প্রাথমিক কঙ্কাল বা নকশাকেই ওয়ার ফ্রেম বলে।
১৯. হাইপারমিডিয়া কী? যখন গ্রাফিক্স, ভিডিও বা অডিওর মাধ্যমে হাইপার লিংক তৈরি করা হয়, তখন তাকে হাইপারমিডিয়া বলে।
২০. ওয়েব পোর্টাল কী? যে ওয়েবসাইটের মাধ্যমে অনেকগুলো ভিন্ন ভিন্ন উৎস বা সেবাকে এক জায়গায় পাওয়া যায়, তাকে ওয়েব পোর্টাল বলে।
২১. ব্রাউজার কী? যে সফটওয়্যারের মাধ্যমে আমরা ইন্টারনেটে থাকা বিভিন্ন ওয়েবসাইট বা ওয়েব পেজ দেখতে পারি, তাকে ব্রাউজার বলে।
২২. অ্যাট্রিবিউট কাকে বলে? ট্যাগের নির্দিষ্ট বৈশিষ্ট্য বা মান নির্ধারণ করার জন্য ট্যাগের শুরুতে যা ব্যবহার করা হয়, তাকে অ্যাট্রিবিউট বলে।
২৩. হাইপারলিংক কী? সহজ কথায়, একটি ওয়েব পেজ থেকে অন্য ওয়েব পেজে যাওয়ার জন্য যে ক্লিকযোগ্য সংযোগ থাকে, তাকেই হাইপারলিংক বলে।
২৪. সার্চ ইঞ্জিন কী? তথ্য খোঁজার একটি বিশেষ মাধ্যম বা ওয়েবসাইট। যেমন: গুগল, ইয়াহু, পিপীলিকা।
২৫. ডাইনামিক ওয়েবসাইট কী? যে ওয়েবসাইটের তথ্য বা কন্টেন্ট পেজ লোড হওয়ার সময় স্বয়ংক্রিয়ভাবে পরিবর্তিত হতে পারে, তাকে ডাইনামিক ওয়েবসাইট বলে।
২৬. অ্যাট্রিবিউট কী? ট্যাগ সম্পর্কে অতিরিক্ত তথ্য দেওয়ার জন্য যে বাড়তি অংশটি ব্যবহৃত হয়, সেটিই অ্যাট্রিবিউট।
২৭. ডাইনামিক ওয়েবসাইট কী? ব্যবহারকারীর চাহিদা অনুযায়ী রিয়েল টাইমে পরিবর্তনশীল তথ্য প্রদর্শনকারী ওয়েবসাইটই হলো ডাইনামিক সাইট।
২৮. হোস্টিং কী? একটি ওয়েবসাইটকে ইন্টারনেটে ২৪ ঘণ্টা অনলাইনে রাখার জন্য সার্ভারের যে জায়গা ভাড়া নেওয়া হয়, তাকে হোস্টিং বলে।
২৯. HTML এলিমেন্ট কী? এইচটিএমএল-এর ওপেনিং ও ক্লোজিং ট্যাগসহ এর মধ্যকার সকল উপাদানকেই এলিমেন্ট বলে।
৩০. ওয়েবসাইট কী? একই ডোমেইন বা সার্ভারের অধীনে থাকা কতগুলো ওয়েব পেজের সমষ্টিকে ওয়েবসাইট বলে।
৩১. আইপি অ্যাড্রেস কী? সার্ভারে সংযুক্ত প্রতিটি কম্পিউটার বা হোষ্টের একক বা অদ্বিতীয় নম্বরকে আইপি অ্যাড্রেস বলে।
৩২. FTP কি? FTP হলো ফাইল ট্রান্সফার প্রোটোকল (File Transfer Protocol), যা এক কম্পিউটার থেকে অন্য কম্পিউটারে ইন্টারনেটের মাধ্যমে ফাইল আদান-প্রদান করতে ব্যবহৃত হয়।
৩৩. ব্রাউজার কী? ইন্টারনেট জগতের দরজা বা মাধ্যম, যা দিয়ে আমরা ওয়েবসাইট ব্রাউজ করি।
৩৪. ওয়েব পোর্টাল কী? একটি বিশাল ওয়েবসাইট যা ব্যবহারকারীকে অনেক প্রয়োজনীয় তথ্য বা সার্ভিসের সাথে যুক্ত করে দেয়।
৩৫. HTTP কী? HTTP হলো Hyper Text Transfer Protocol, যা ব্রাউজার ও সার্ভারের মধ্যে তথ্য আদান-প্রদানের নিয়ম বা প্রোটোকল।
৩৬. HTML ট্যাগ কী? এইচটিএমএল ভাষায় ব্যবহৃত বিশেষ কী-ওয়ার্ড যা ব্রাউজারের আউটপুট নিয়ন্ত্রণ করে।
৩৭. ওয়েবপেইজ কী? ইন্টারনেটে ব্রাউজ করার জন্য সংরক্ষিত প্রতিটি আলাদা ডিজিটাল ডকুমেন্ট বা ফাইলই ওয়েবপেইজ।
৩৮. HTML এর এলিমেন্ট কী? ট্যাগের মূল বডি এবং কন্টেন্ট অংশ মিলে যে পূর্ণাঙ্গ রূপ তৈরি হয়, তা-ই এইচটিএমএল এলিমেন্ট।
৩৯. ব্রাউজার কী? ওয়েব ব্রাউজার হলো একটি সফটওয়্যার অ্যাপ্লিকেশন যা ইন্টারনেটে তথ্য খোঁজা ও দেখার কাজে ব্যবহৃত হয়।
৪০. ওয়েব ব্রাউজার কী? যে অ্যাপ্লিকেশনের মাধ্যমে ইন্টারনেটে ওয়ার্ল্ড ওয়াইড ওয়েব (www) এর তথ্যসমূহ পড়া বা দেখা যায়।
অনুধাবনমূলক প্রশ্ন ও উত্তর (খ)
১. ওয়েবসাইটের ২টি অংশ থাকে— ব্যাখ্যা কর।
ওয়েবসাইট সাধারণত দুইটি প্রধান অংশ নিয়ে গঠিত, যথা Front-end এবং Back-end। Front-end হলো ওয়েবসাইটের দৃশ্যমান অংশ, যা ব্যবহারকারী ব্রাউজারে দেখতে পায়। এ অংশ তৈরিতে HTML, CSS ও JavaScript ব্যবহার করা হয়। অন্যদিকে Back-end হলো সার্ভারের অভ্যন্তরীণ অংশ, যা ডাটাবেজ ও তথ্য নিয়ন্ত্রণ করে। এ অংশ ব্যবহারকারীর চোখে দেখা যায় না। PHP, Python, Laravel বা Node.js দিয়ে Back-end তৈরি করা হয়। দুইটি অংশ একসাথে কাজ করেই একটি পূর্ণাঙ্গ ওয়েবসাইট গঠন করে।
২. HTML প্রোগ্রামিং ল্যাংগুয়েজ নয়— ব্যাখ্যা কর।
HTML একটি Markup Language, প্রোগ্রামিং ভাষা নয়। কারণ এতে কোনো লজিক, শর্ত বা লুপ ব্যবহারের সুবিধা নেই। HTML শুধুমাত্র ওয়েবপেইজের কাঠামো তৈরি করতে ব্যবহৃত হয়। এটি বিভিন্ন ট্যাগের মাধ্যমে লেখা, ছবি ও টেবিল প্রদর্শন করে। প্রোগ্রামিং ভাষা যেমন C, Java বা Python সিদ্ধান্ত নিতে পারে। কিন্তু HTML শুধু তথ্য সাজিয়ে প্রদর্শনের কাজ করে। তাই HTML কে Hyper Text Markup Language বলা হয়।
৩. "HTML কেস সেনসিটিভ ভাষা নয়"— ব্যাখ্যা কর।
HTML কেস সেনসিটিভ নয় অর্থাৎ বড় হাতের ও ছোট হাতের অক্ষর একইভাবে কাজ করে। যেমন <HTML> এবং <html> উভয়ই সঠিক।ব্রাউজার উভয় ট্যাগকে একইভাবে বুঝতে পারে। তাই HTML লেখার সময় অক্ষরের বড় বা ছোট হওয়া বাধ্যতামূলক নয়। তবে বর্তমান নিয়ম অনুযায়ী ছোট হাতের অক্ষরে ট্যাগ লেখা উত্তম। এতে কোড দেখতে সুন্দর ও সহজ হয়। এ কারণেই HTML কে Case Insensitive Language বলা হয়।
৪. এম্পটি ট্যাগ বলা হয় কেন?
যে ট্যাগের কোনো Closing Tag থাকে না তাকে Empty Tag বলা হয়। এ ধরনের ট্যাগের ভিতরে কোনো কনটেন্ট লেখা হয় না। গুলো একাই কাজ সম্পন্ন করতে পারে। যেমন <br>, <hr>, <img> ইত্যাদি। <br> ট্যাগ নতুন লাইন তৈরি করে। এগুলো শুরু ও শেষ ট্যাগ ছাড়া কাজ করে বলে Empty Tag বলা হয়। HTML এ Empty Tag খুব গুরুত্বপূর্ণ ভূমিকা পালন করে।
৫. ট্যাগ ব্যাখ্যা কর।
HTML এ ট্যাগ হলো বিশেষ নির্দেশনা যা ওয়েব ব্রাউজারকে কাজ বুঝায়। ট্যাগের মাধ্যমে ওয়েবপেইজের বিভিন্ন উপাদান তৈরি করা হয়। ট্যাগ সাধারণত < > চিহ্নের ভিতরে লেখা হয়। যেমন <p> একটি Paragraph Tag। বেশিরভাগ ট্যাগের Opening ও Closing অংশ থাকে। ট্যাগ ব্যবহার করে লেখা, ছবি, টেবিল ও লিংক প্রদর্শন করা যায়। ওয়েব ডিজাইনের মূল ভিত্তিই হলো HTML Tag।
৬. ওয়েব ডিজাইনে ট্যাগের গঠন ও গুরুত্ব লেখ।
HTML ট্যাগ সাধারণত Opening Tag, Content ও Closing Tag নিয়ে গঠিত। যেমন <p>ICT</p> এখানে <p> শুরু এবং </p> শেষ ট্যাগ। ট্যাগ ওয়েবপেইজের কাঠামো নির্ধারণ করে। এগুলোর মাধ্যমে লেখা, ছবি ও বিভিন্ন উপাদান সাজানো হয়। ব্রাউজার ট্যাগ দেখে কোন তথ্য কীভাবে দেখাবে তা বুঝে নেয়। সঠিক ট্যাগ ব্যবহার করলে ওয়েবসাইট সুন্দর ও কার্যকর হয়। তাই ওয়েব ডিজাইনে ট্যাগের গুরুত্ব অনেক বেশি।
৭. স্টাইল অ্যাট্রিবিউট কেন ব্যবহার করা হয়? ব্যাখ্যা কর।
Style Attribute ব্যবহার করে HTML উপাদানের ডিজাইন নির্ধারণ করা হয়। এর মাধ্যমে রং, ফন্ট, আকার ও ব্যাকগ্রাউন্ড পরিবর্তন করা যায়। এটি Inline CSS হিসেবে কাজ করে। যেমন <p style="color:red">Text</p> লেখাকে লাল রঙে দেখায়। ওয়েবপেইজকে আকর্ষণীয় করতে এটি গুরুত্বপূর্ণ। Style Attribute ব্যবহার করলে নির্দিষ্ট উপাদান আলাদাভাবে সাজানো যায়।
তাই ওয়েব ডিজাইনে এর ব্যবহার অনেক বেশি।
৮. ট্যাগ ব্যাখ্যা কর। HTML এ প্রতিটি ট্যাগের নির্দিষ্ট কাজ রয়েছে। ট্যাগ ব্রাউজারকে বলে দেয় কোন তথ্য কীভাবে দেখাতে হবে। যেমন <h1> বড় শিরোনাম তৈরি করে। <p> ট্যাগ অনুচ্ছেদ লেখার জন্য ব্যবহৃত হয়। ট্যাগ ছাড়া HTML ওয়েবপেইজ তৈরি করা সম্ভব নয়। এগুলো ওয়েবপেইজের কাঠামো ও উপস্থাপনা নির্ধারণ করে। তাই ট্যাগ HTML এর অত্যন্ত গুরুত্বপূর্ণ অংশ।
৯. ওয়েবপেজে কীভাবে ছবি যুক্ত করা হয়? ব্যাখ্যা কর। ওয়েবপেইজে ছবি যুক্ত করতে <img> ট্যাগ ব্যবহার করা হয়। এ ট্যাগের মাধ্যমে ছবির অবস্থান নির্ধারণ করা হয়। src অ্যাট্রিবিউট দিয়ে ছবির ফাইলের নাম বা লিংক দেওয়া হয়। যেমন <img src="photo.jpg">। এছাড়া width ও height দিয়ে ছবির আকার নির্ধারণ করা যায়। alt অ্যাট্রিবিউট ছবির বিকল্প লেখা প্রদর্শন করে। এভাবে HTML এ সহজেই ছবি যুক্ত করা যায়।
১০. Font ট্যাগের ২টি অ্যাট্রিবিউট ব্যাখ্যা কর। <font> ট্যাগের গুরুত্বপূর্ণ দুটি অ্যাট্রিবিউট হলো size ও color। size অ্যাট্রিবিউট দিয়ে লেখার আকার নির্ধারণ করা হয়। যেমন size="5" লেখাকে বড় করে। অন্যদিকে color অ্যাট্রিবিউট লেখার রং নির্ধারণ করে। যেমন color="red" লেখাকে লাল রঙে দেখায়। এগুলো ব্যবহার করে লেখাকে আকর্ষণীয় করা যায়। বর্তমানে CSS বেশি ব্যবহৃত হলেও Font Tag এর ধারণা গুরুত্বপূর্ণ।
১১. ট্যাগ ও অ্যাট্রিবিউট উদাহরণসহ ব্যাখ্যা কর। HTML ট্যাগ হলো নির্দেশনা যা ব্রাউজারকে কাজ বুঝায়। অ্যাট্রিবিউট ট্যাগের অতিরিক্ত বৈশিষ্ট্য নির্ধারণ করে। যেমন <img src="photo.jpg"> এখানে <img> হলো ট্যাগ। আর src হলো অ্যাট্রিবিউট। অ্যাট্রিবিউট সাধারণত Opening Tag এর ভিতরে লেখা হয়। এগুলো ট্যাগের কাজকে আরও নির্দিষ্ট করে। ট্যাগ ও অ্যাট্রিবিউট একসাথে HTML কে কার্যকর করে তোলে।
১২. ওয়েবসাইট পাবলিশিং ব্যাখ্যা কর। ওয়েবসাইট তৈরি করার পর সেটিকে ইন্টারনেটে প্রকাশ করার প্রক্রিয়াকে Website Publishing বলে। এর জন্য ডোমেইন ও হোস্টিং প্রয়োজন হয়। ওয়েবসাইটের ফাইল সার্ভারে আপলোড করা হয়। এরপর ব্যবহারকারীরা ব্রাউজারের মাধ্যমে ওয়েবসাইট দেখতে পারে। FTP সফটওয়্যার বা Control Panel ব্যবহার করে ফাইল আপলোড করা হয়। পাবলিশিং ছাড়া ওয়েবসাইট অনলাইনে দেখা যায় না। তাই এটি ওয়েব ডেভেলপমেন্টের গুরুত্বপূর্ণ ধাপ।
১৩. http//www.xyz.com.bd এর বিভিন্ন অংশ ব্যাখ্যা কর। http হলো Protocol যা তথ্য আদান-প্রদানের নিয়ম নির্দেশ করে। www হলো World Wide Web নির্দেশক অংশ। xyz হলো প্রতিষ্ঠানের মূল নাম বা Domain Name। .com হলো Domain Category যা বাণিজ্যিক প্রতিষ্ঠান বুঝায়। .bd হলো বাংলাদেশের Country Domain। এগুলো মিলেই একটি পূর্ণাঙ্গ ওয়েব ঠিকানা তৈরি হয়। প্রতিটি অংশের আলাদা অর্থ ও গুরুত্ব রয়েছে।
১৪. ওয়েব পেইজে বাংলা লেখা যুক্ত করার জন্য কী করা প্রয়োজন? ওয়েবপেইজে বাংলা লেখার জন্য Unicode ভিত্তিক ফন্ট ব্যবহার করতে হয়। এছাড়া HTML ফাইলে UTF-8 Character Encoding নির্ধারণ করতে হয়। এর জন্য <meta charset="UTF-8"> ব্যবহার করা হয়। বাংলা Unicode ফন্ট যেমন SolaimanLipi বা Noto Sans Bengali ব্যবহার করা যায়। এতে বাংলা লেখা সঠিকভাবে প্রদর্শিত হয়। Encoding সঠিক না হলে বাংলা লেখা বিকৃত দেখাতে পারে। তাই বাংলা ব্যবহারে Unicode অত্যন্ত গুরুত্বপূর্ণ।
১৫. ওয়েবসাইট পাবলিশিংয়ে হোস্টিং গুরুত্বপূর্ণ কেন? ব্যাখ্যা কর। হোস্টিং হলো ওয়েবসাইটের ফাইল সংরক্ষণের স্থান। এটি ছাড়া ওয়েবসাইট অনলাইনে দেখা যায় না। হোস্টিং সার্ভার সবসময় ইন্টারনেটের সাথে সংযুক্ত থাকে। ব্যবহারকারী ডোমেইন লিখলে সার্ভার থেকে ওয়েবসাইট প্রদর্শিত হয়। ভালো হোস্টিং ওয়েবসাইট দ্রুত লোড হতে সাহায্য করে। এছাড়া নিরাপত্তা ও ডাটা সংরক্ষণেও গুরুত্বপূর্ণ ভূমিকা রাখে। তাই ওয়েবসাইট পাবলিশিংয়ে হোস্টিং অপরিহার্য।
১৬. "বর্তমানে বেশিরভাগ ওয়েবসাইট ডায়নামিক ওয়েবসাইট"— কেন? ব্যাখ্যা কর। বর্তমানে ব্যবহারকারীরা ইন্টারেক্টিভ ওয়েবসাইট বেশি পছন্দ করে। ডায়নামিক ওয়েবসাইটে তথ্য সহজে পরিবর্তন করা যায়। এ ধরনের ওয়েবসাইট ডাটাবেজ ব্যবহার করে কাজ করে। Facebook, YouTube ও E-commerce সাইট ডায়নামিক ওয়েবসাইটের উদাহরণ। ব্যবহারকারীর তথ্য অনুযায়ী কনটেন্ট পরিবর্তিত হয়। এগুলো পরিচালনা করা সহজ ও আধুনিক সুবিধাসম্পন্ন। তাই বর্তমানে বেশিরভাগ ওয়েবসাইট ডায়নামিক।
১৭. আইপি অ্যাড্রেস ও ডোমেইন নেম এক নয়— ব্যাখ্যা কর। আইপি অ্যাড্রেস হলো সংখ্যাভিত্তিক একটি ঠিকানা যা কম্পিউটারকে শনাক্ত করে। অন্যদিকে ডোমেইন নেম হলো মানুষের সহজে মনে রাখার উপযোগী নাম। যেমন 142.250.193.78 একটি IP Address। আর google.com একটি Domain Name। কম্পিউটার IP Address বুঝতে পারে, কিন্তু মানুষ ডোমেইন নেম সহজে মনে রাখতে পারে। DNS ডোমেইন নেমকে IP Address এ রূপান্তর করে। তাই IP Address ও Domain Name এক নয়।
১৮. ডোমেইন নেমের গুরুত্ব ব্যাখ্যা কর। ডোমেইন নেম একটি ওয়েবসাইটের পরিচয় বহন করে। এটি ব্যবহারকারীদের ওয়েবসাইট সহজে খুঁজে পেতে সাহায্য করে। IP Address মনে রাখা কঠিন হলেও Domain Name সহজে মনে রাখা যায়। ডোমেইন নেম ব্যবসা বা প্রতিষ্ঠানের ব্র্যান্ড পরিচিতি তৈরি করে। একটি সুন্দর Domain Name ওয়েবসাইটের বিশ্বাসযোগ্যতা বাড়ায়। এছাড়া অনলাইনে প্রতিষ্ঠানের আলাদা পরিচয় গড়ে তোলে। তাই ডোমেইন নেম অত্যন্ত গুরুত্বপূর্ণ।
১৯. HTML এ কোনটি ডকুমেন্টের অংশ নয়, তবে লেখা জরুরি? —ব্যাখ্যা কর। DOCTYPE Declaration HTML ডকুমেন্টের অংশ নয়, তবে এটি লেখা জরুরি। এটি ব্রাউজারকে HTML এর সংস্করণ সম্পর্কে জানায়। সাধারণত HTML5 এ <!DOCTYPE html> লেখা হয়। এটি না লিখলে ব্রাউজার সঠিকভাবে ওয়েবপেইজ প্রদর্শন নাও করতে পারে। DOCTYPE ব্রাউজারের Rendering Mode ঠিক করতে সাহায্য করে। এটি HTML কোডের উপরে লেখা হয়। তাই এটি ডকুমেন্টের অংশ না হলেও অত্যন্ত গুরুত্বপূর্ণ।
২০. ওয়েবসাইট পাবলিশিং ব্যাখ্যা কর। ওয়েবসাইটকে ইন্টারনেটে সবার জন্য উন্মুক্ত করার প্রক্রিয়াই Website Publishing। এজন্য Domain Name ও Hosting প্রয়োজন হয়। ওয়েবসাইটের ফাইল সার্ভারে আপলোড করতে হয়। তারপর ব্রাউজারের মাধ্যমে যেকোনো ব্যবহারকারী ওয়েবসাইট দেখতে পারে। FileZilla বা Control Panel ব্যবহার করে ফাইল আপলোড করা যায়। পাবলিশিংয়ের মাধ্যমে একটি ওয়েবসাইট অনলাইনে সক্রিয় হয়। এটি ওয়েব ডেভেলপমেন্টের শেষ ধাপগুলোর একটি।
২১. ট্যাগ ব্যাখ্যা কর। HTML Tag হলো বিশেষ নির্দেশনা যা ওয়েব ব্রাউজারকে তথ্য প্রদর্শনের নিয়ম জানায়। ট্যাগ < > চিহ্নের মধ্যে লেখা হয়। যেমন <h1> বড় শিরোনাম প্রদর্শন করে। আবার <p> অনুচ্ছেদ লেখার জন্য ব্যবহৃত হয়। কিছু ট্যাগের Opening ও Closing অংশ থাকে। ট্যাগ ব্যবহার করেই একটি পূর্ণাঙ্গ ওয়েবপেইজ তৈরি করা হয়। তাই HTML এর মূল ভিত্তি হলো Tag।
২২. শুধু HTML ব্যবহার করে ওয়েবসাইটকে আকর্ষণীয়ভাবে উপস্থাপন করা যায় না— ব্যাখ্যা কর। HTML শুধুমাত্র ওয়েবপেইজের কাঠামো তৈরি করে। এটি দিয়ে রং, অ্যানিমেশন বা উন্নত ডিজাইন নিয়ন্ত্রণ করা যায় না। ওয়েবসাইটকে আকর্ষণীয় করতে CSS ব্যবহার করা হয়। আবার JavaScript ব্যবহার করে ওয়েবসাইটে গতিশীলতা আনা হয়। শুধু HTML ব্যবহার করলে ওয়েবপেইজ সাধারণ দেখায়। আধুনিক ওয়েবসাইট তৈরিতে HTML, CSS ও JavaScript একসাথে প্রয়োজন। তাই শুধু HTML দিয়ে আকর্ষণীয় ওয়েবসাইট তৈরি সম্ভব নয়।
২৩. ওয়েব ব্রাউজার ও সার্চ ইঞ্জিন এক নয়— ব্যাখ্যা কর। ওয়েব ব্রাউজার হলো এমন সফটওয়্যার যা ওয়েবপেইজ প্রদর্শন করে। যেমন Google Chrome, Mozilla Firefox ও Microsoft Edge। অন্যদিকে Search Engine হলো তথ্য খোঁজার ব্যবস্থা। যেমন Google, Bing ও Yahoo। ব্রাউজার ব্যবহার করে Search Engine এ প্রবেশ করা হয়। Search Engine তথ্য খুঁজে দেয়, আর Browser সেই তথ্য দেখায়। তাই Browser ও Search Engine এক নয়।
২৪. img একটি এম্পটি এলিমেন্ট কেন? ব্যাখ্যা কর। <img> ট্যাগের কোনো Closing Tag নেই। এটি একাই কাজ সম্পন্ন করতে পারে। ছবি প্রদর্শনের জন্য শুধু src অ্যাট্রিবিউট ব্যবহার করা হয়। যেমন <img src="photo.jpg">। এর ভিতরে কোনো কনটেন্ট লেখা হয় না। এ কারণেই <img> কে Empty Element বলা হয়। HTML এ এটি বহুল ব্যবহৃত একটি ট্যাগ।
২৫. ডোমেইন নেম IP Address এর পরিপূরক— ব্যাখ্যা কর। ডোমেইন নেম ও IP Address একসাথে কাজ করে। মানুষ Domain Name ব্যবহার করে ওয়েবসাইটে প্রবেশ করে। কিন্তু কম্পিউটার আসলে IP Address এর মাধ্যমে সার্ভার খুঁজে পায়। DNS Domain Name কে IP Address এ রূপান্তর করে। তাই Domain Name ছাড়া মানুষ সহজে ওয়েবসাইট মনে রাখতে পারে না। আবার IP ছাড়া কম্পিউটার সার্ভার খুঁজে পাবে না। এ কারণে Domain Name ও IP Address পরিপূরক।
২৬. html ভাষা কেস-সেনসিটিভ নয়— ব্যাখ্যা কর। HTML এ বড় হাতের ও ছোট হাতের অক্ষর একইভাবে কাজ করে। যেমন <BODY> এবং <body> উভয়ই সঠিক। ব্রাউজার দুইটিকেই একই নির্দেশনা হিসেবে গ্রহণ করে। তাই HTML কে Case Insensitive Language বলা হয়। তবে বর্তমানে ছোট হাতের অক্ষরে কোড লেখা ভালো অভ্যাস। এতে কোড পড়তে ও বুঝতে সহজ হয়। এই কারণে HTML কেস-সেনসিটিভ ভাষা নয়।
২৭. ওয়েবসাইট পাবলিশিং ব্যাখ্যা কর। ওয়েবসাইট তৈরি করার পর সেটিকে ইন্টারনেটে প্রকাশ করাকে Website Publishing বলে। এজন্য Hosting Server ও Domain Name প্রয়োজন হয়। ওয়েবসাইটের HTML, CSS ও অন্যান্য ফাইল সার্ভারে আপলোড করা হয়। এরপর ব্যবহারকারীরা ইন্টারনেটের মাধ্যমে ওয়েবসাইট ব্যবহার করতে পারে। পাবলিশিংয়ের মাধ্যমে ওয়েবসাইট বিশ্বব্যাপী উন্মুক্ত হয়। এটি ওয়েবসাইট ব্যবহারের জন্য অপরিহার্য ধাপ। তাই Website Publishing খুব গুরুত্বপূর্ণ।
২৮. ওয়েব পেইজের সাথে ব্রাউজার সম্পর্কিত— ব্যাখ্যা কর। ওয়েবপেইজ দেখার জন্য ব্রাউজার প্রয়োজন হয়। ব্রাউজার HTML কোডকে বুঝে দৃশ্যমান আকারে প্রদর্শন করে। যেমন Chrome বা Firefox ওয়েবপেইজ খুলে দেখাতে পারে। ওয়েবপেইজ মূলত বিভিন্ন HTML Tag দ্বারা তৈরি। ব্রাউজার সেই ট্যাগগুলো বিশ্লেষণ করে সঠিকভাবে দেখায়। ব্রাউজার ছাড়া ওয়েবপেইজ ব্যবহার করা সম্ভব নয়। তাই ওয়েবপেইজ ও ব্রাউজার পরস্পর সম্পর্কিত।
২৯. "আইপি ঠিকানাই হচ্ছে ডোমেইন নেইম এর গাণিতিক রূপ"— ব্যাখ্যা কর। প্রতিটি Domain Name এর একটি নির্দিষ্ট IP Address থাকে। কম্পিউটার সংখ্যা বুঝতে পারে, তাই IP Address ব্যবহার করে। মানুষের সুবিধার জন্য Domain Name ব্যবহার করা হয়। DNS Domain Name কে IP Address এ রূপান্তর করে। যেমন google.com এর একটি নির্দিষ্ট IP রয়েছে। অর্থাৎ IP Address হলো Domain Name এর সংখ্যাভিত্তিক রূপ। তাই IP Address কে Domain Name এর গাণিতিক রূপ বলা হয়।
৩০. "আইপি ঠিকানাই হচ্ছে ডোমেইন নেইম এর গাণিতিক রূপ"— ব্যাখ্যা কর। ডোমেইন নেম মানুষের সহজে মনে রাখার উপযোগী নাম। কিন্তু কম্পিউটার আসলে IP Address ব্যবহার করে যোগাযোগ করে। যখন কোনো Domain Name লেখা হয় তখন DNS সেটিকে IP তে রূপান্তর করে। যেমন facebook.com এর একটি নির্দিষ্ট IP Address আছে। IP Address সংখ্যার মাধ্যমে সার্ভার শনাক্ত করে। তাই এটি Domain Name এর গাণিতিক বা সংখ্যাভিত্তিক রূপ। এই কারণে উক্তিটি সঠিক।
৩১. ডোমেইন নেইম-এর গুরুত্ব ব্যাখ্যা কর। ডোমেইন নেম একটি ওয়েবসাইটের পরিচিতি বহন করে। এটি ব্যবহারকারীদের ওয়েবসাইট সহজে মনে রাখতে সাহায্য করে। IP Address মনে রাখা কঠিন হলেও Domain Name সহজ। ব্যবসায়িক প্রতিষ্ঠানের ব্র্যান্ড পরিচিতি তৈরিতে এটি গুরুত্বপূর্ণ। একটি ভালো Domain Name ওয়েবসাইটের জনপ্রিয়তা বাড়ায়। এটি অনলাইনে প্রতিষ্ঠানের বিশ্বাসযোগ্যতা তৈরি করে। তাই Domain Name অত্যন্ত গুরুত্বপূর্ণ।
৩২. ট্যাগের গুরুত্ব ব্যাখ্যা কর। HTML ট্যাগ ওয়েবপেইজ তৈরির মূল উপাদান। ট্যাগ ব্যবহার করে ওয়েবপেইজের কাঠামো নির্ধারণ করা হয়। এর মাধ্যমে লেখা, ছবি, টেবিল ও লিংক প্রদর্শন করা যায়। ব্রাউজার ট্যাগ দেখে তথ্য কীভাবে দেখাবে তা বুঝতে পারে। সঠিক ট্যাগ ব্যবহার করলে ওয়েবসাইট সুন্দর ও কার্যকর হয়। HTML এ প্রতিটি ট্যাগের নির্দিষ্ট কাজ রয়েছে। তাই ওয়েব ডিজাইনে ট্যাগের গুরুত্ব অনেক বেশি।
৩৩. IP অ্যাড্রেসের চেয়ে ডোমেইন নেম ব্যবহার করা সুবিধাজনক— ব্যাখ্যা কর। IP Address সাধারণত সংখ্যার সমন্বয়ে গঠিত হওয়ায় মনে রাখা কঠিন। অন্যদিকে Domain Name সহজ ও অর্থবহ হয়। যেমন 192.168.10.1 মনে রাখা কঠিন হলেও google.com সহজ। মানুষ সহজে Domain Name টাইপ করতে পারে। এটি প্রতিষ্ঠানের পরিচিতিও বহন করে। DNS স্বয়ংক্রিয়ভাবে Domain Name কে IP Address এ রূপান্তর করে। তাই IP Address এর চেয়ে Domain Name ব্যবহার বেশি সুবিধাজনক।
৩৪. ওয়েবসাইট ও ওয়েবপেইজ এক নয়—ব্যাখ্যা কর। ওয়েবপেইজ হলো একটি একক পৃষ্ঠা যা ব্রাউজারে দেখা যায়। অন্যদিকে ওয়েবসাইট হলো একাধিক ওয়েবপেইজের সমষ্টি। যেমন একটি বইয়ের একটি পৃষ্ঠা হলো Web Page। আর পুরো বইটি হলো Website। Home Page, Contact Page ও About Page মিলে একটি Website গঠিত হয়। প্রতিটি Website এর ভেতরে অনেক Web Page থাকতে পারে। তাই Website ও Web Page এক নয়।
৩৫. ডোমেইন নেম অদ্বিতীয়—ব্যাখ্যা কর। একটি Domain Name পৃথিবীতে একবারই নিবন্ধন করা যায়। একই নাম দুটি ওয়েবসাইট ব্যবহার করতে পারে না। যেমন facebook.com নামটি অন্য কেউ ব্যবহার করতে পারবে না। এতে প্রতিটি ওয়েবসাইটের আলাদা পরিচয় তৈরি হয়। ডোমেইন রেজিস্ট্রেশন কর্তৃপক্ষ এটি নিয়ন্ত্রণ করে। অদ্বিতীয় হওয়ায় বিভ্রান্তি কমে যায়। তাই Domain Name কে Unique বা অদ্বিতীয় বলা হয়।
৩৬. Wire frame কী? ব্যাখ্যা কর। Wireframe হলো ওয়েবসাইটের প্রাথমিক নকশা বা খসড়া ডিজাইন। এতে ওয়েবপেইজের কাঠামো ও উপাদানের অবস্থান দেখানো হয়। যেমন Menu, Button, Image ও Content কোথায় থাকবে তা নির্ধারণ করা হয়। এটি ডিজাইনার ও ডেভেলপারকে পরিকল্পনা বুঝতে সাহায্য করে। Wireframe সাধারণত সাদামাটা আকারে তৈরি করা হয়। এতে রং বা জটিল ডিজাইন থাকে না। ওয়েবসাইট তৈরির আগে এটি অত্যন্ত গুরুত্বপূর্ণ ধাপ।
৩৭. "IP Address-এর চেয়ে Domain Name ব্যবহার সুবিধাজনক কেন?"— ব্যাখ্যা কর। Domain Name সহজে মনে রাখা যায়। কিন্তু IP Address সংখ্যার সমষ্টি হওয়ায় মনে রাখা কঠিন। যেমন youtube.com মনে রাখা সহজ, কিন্তু IP মনে রাখা কঠিন। Domain Name প্রতিষ্ঠানের পরিচিতিও প্রকাশ করে। DNS Domain Name কে IP Address এ রূপান্তর করে। ফলে ব্যবহারকারীকে IP মনে রাখতে হয় না। তাই Domain Name ব্যবহার বেশি সুবিধাজনক।
৩৮. হোস্টিং কেন প্রয়োজন? বুঝিয়ে লেখ। ওয়েবসাইটের সব ফাইল সংরক্ষণের জন্য Hosting প্রয়োজন। হোস্টিং ছাড়া ওয়েবসাইট ইন্টারনেটে দেখা যাবে না। এটি একটি সার্ভার যেখানে HTML, CSS ও ডাটাবেজ রাখা হয়। ব্যবহারকারী Domain Name লিখলে Hosting Server তথ্য পাঠায়। ভালো Hosting ওয়েবসাইট দ্রুত লোড হতে সাহায্য করে। এছাড়া ডাটা নিরাপত্তা নিশ্চিত করে। তাই ওয়েবসাইট পরিচালনার জন্য Hosting অপরিহার্য।
৩৯. ওয়েবপেইজের সাথে ব্রাউজারের সম্পর্ক ব্যাখ্যা কর। ব্রাউজার হলো এমন সফটওয়্যার যা ওয়েবপেইজ প্রদর্শন করে। ওয়েবপেইজ HTML কোড দিয়ে তৈরি হয়। ব্রাউজার সেই কোড বিশ্লেষণ করে দৃশ্যমান আকারে দেখায়। যেমন Chrome, Firefox ও Edge জনপ্রিয় Browser। ব্রাউজার ছাড়া ওয়েবপেইজ দেখা সম্ভব নয়। ওয়েবপেইজ ও ব্রাউজার একে অপরের সাথে সরাসরি সম্পর্কিত। তাই ওয়েবপেইজ ব্যবহারে ব্রাউজার অত্যন্ত গুরুত্বপূর্ণ।
৪০. এ ভাষাটি (HTML) ব্যবহারে সহজেই ওয়েবপেইজ তৈরি করা যায়— ব্যাখ্যা কর। HTML একটি সহজ ও ব্যবহারবান্ধব Markup Language। এতে বিভিন্ন ট্যাগ ব্যবহার করে সহজেই ওয়েবপেইজ তৈরি করা যায়। প্রোগ্রামিং ভাষার মতো জটিল নিয়ম এখানে নেই। লেখা, ছবি, টেবিল ও লিংক সহজে যুক্ত করা যায়। যেকোনো Text Editor দিয়েই HTML কোড লেখা সম্ভব। ব্রাউজার সরাসরি HTML ফাইল প্রদর্শন করতে পারে। তাই HTML ব্যবহার করে সহজেই ওয়েবপেইজ তৈরি করা যায়।
এই জ্ঞানমূলক ও অনুধাবনমূলক প্রশ্নোত্তরগুলো শিক্ষার্থীদের HSC ICT পরীক্ষার প্রস্তুতিকে আরও মজবুত করবে। এছাড়া, তোমরা আমাদের ওয়েবসাইটে ভিজিট করে বিনামূল্যে রেজিস্ট্রেশন করে আইসিটি নৈর্ব্যক্তিক (MCQ) পরীক্ষায় অংশ নিয়ে নিজেদের প্রস্তুতি যাচাই করে নিতে পারো। Visit: Edurip
