ওয়েব ডিজাইনের ধারণা
প্রশ্ন ১। “আইপি ঠিকানা হচ্ছে ডোমেইন নেম এর গাণিতিক রূপ” – ব্যাখ্যা কর।
[য. বো. ‘২৩]
উত্তরঃ আইপি ঠিকানা যেহেতু সংখ্যা দিয়ে লেখা হয় সে কারণে একসাথে অনেকগুলো Address পৃথকভাবে মনে রাখা বেশ কষ্টকর। মনে রাখার সুবিধার্থে সংখ্যার পরিবর্তে ডোমেইন নেম ব্যবহার করা হয়। যেমন- আইপি ঠিকানা 2003.91.139.2 এর পরিবর্তে bijoy.net ডোমেইন নেম ব্যবহার করা যায়। তাই বলা যায় যে, আইপি ঠিকানা হচ্ছে ডোমেইন নেম এর গাণিতিক রূপ।
প্রশ্ন ২। ডোমেইন নেম IP Address এর পরিপূরক- ব্যাখ্যা কর।
[কু. বো. ‘২৩]
উত্তরঃ নেটওয়ার্কে যুক্ত প্রত্যেকটি ডিভাইজকে আলাদা করে চিহ্নিত করার জন্য ডোমেইন নেম এবং আইপি অ্যাড্রেস ব্যবহার করা হয়। আইপি অ্যাড্রেস সাধারণত ৩২ বিটের হয়। আইপি ঠিকানা যেহেতু সংখ্যা দিয়ে লেখা হয় সে কারণে একসাথে অনেকগুলো Address পৃথকভাবে মনে রাখা বেশ কষ্টকর। মনে রাখার সুবিধার্থে সংখ্যার পরিবর্তে ডোমেইন নেম ব্যবহার করা হয়। তাই বলা যায় যে, ডোমেইন নেম হচ্ছে আইপি অ্যাড্রেসের পরিপূরক।
প্রশ্ন ৩। ওয়েবসাইট ও ওয়েব পেইজ এক নয়- ব্যাখ্যা কর। [ঢা. বো. ‘১৯]
উত্তরঃ ওয়েবসাইট ও ওয়েব পেইজ এক নয়। কারণ-
১. ওয়েবসাইট হলো একই ডোমেইনের অধীনে একাধিক ওয়েব পেইজের সমষ্টি। অপরদিকে, ওয়েব পেইজ হলো HTML নামক মার্কআপ ল্যাঙ্গুয়েজের উপর ভিত্তি করে তৈরিভূত ডকুমেন্ট।
২. প্রতিটি ওয়েবসাইট এর একটি ইউনিক নাম থাকে। অপরদিকে প্রতিটি ওয়েব পেইজের একটি অ্যাড্রেস থাকে।
প্রশ্ন ৪। ওয়েব পেইজের সাথে ব্রাউজারের সম্পর্ক ব্যাখ্যা কর। [চ. বো. ‘২৩; রা. বো. কু. বো.চ. বো. ‘১৮; ব. বো. ‘১৭,১৮]
উত্তরঃ ওয়েব পেইজ হলো এক ধরনের ওয়েব ডকুমেন্ট যা ওয়ার্ল্ড ওয়াইড ওয়েব ও ইন্টারনেট ব্রাউজিংয়ে ব্যবহারের জন্য উপযুক্ত। ব্রাউজারের মাধ্যমে ইন্টারনেট ওয়েব পেইজ প্রদর্শনের কাজ করে। পৃথিবীর বিভিন্ন দেশের সার্ভারে রাখা ওয়েব পেইজ ব্রাউজারের মাধ্যমে প্রদর্শিত হয়। তাই ওয়েব পেইজ ও ব্রাউজার এক অপরের সাথে সম্পর্কযুক্ত।
প্রশ্ন ৫। ‘এই ভাষায় স্ট্যাটিক ওয়েব পেজ তৈরি হয়- ব্যাখ্যা কর। [নটর ডেম কলেজ]
উত্তরঃ যেসব ওয়েবসাইটে ডেটার মান ওয়েবসাইটে প্রদর্শন করার পর পরিবর্তন করা যায় না তাকে স্ট্যাটিক ওয়েব পেজ বলে। স্ট্যাটিক ওয়েব পেজ শুধু HTML দিয়ে তৈরি হয়। কারণ HTML দ্বারা তৈরি কত ওয়েবপেজগুলোর কনটেন্ট নির্দিষ্ট থাকে। ব্যবহারকারী তথ্য প্রদান বা আপডেট করতে পারে না। তাই HTML ভাষায় স্ট্যাটিক ওয়েব পেজ তৈরি হয়।
প্রশ্ন ৬ । ওয়েবসাইটে ইনডেক্স আকারে ডেটা প্রদর্শনের ক্ষেত্রে ব্যবহৃত কাঠামোটি ব্যাখ্যা কর।[হলি ক্রস কলেজ ঢাকা]
উত্তরঃ ওয়েবসাইটে ইনডেক্স আকারে ডেটা প্রদর্শনের কাঠামোটি হলো টি বা মেনু কাঠামো। এই কাঠামো ব্যবহার করে ওয়েবসাইটে বিভিন্ন অংশে ভাগ করা হয়ে থাকে একজন ভিজিটর সহজেই বুঝতে পারে কোন অংশে তার প্রয়োজনীয় তথ্য রয়েছে। এই কৌশলে ওয়েবপেজগুলোকে এমনভাবে লিংক করা হয় যাতে এগুলো বিভিন্ন শাখায় ভাগ হয়ে যায়।
প্রশ্ন ৭ । ইন্টারনেটে সংযুক্ত প্রতিটি যন্ত্রের জন্য IP address প্রয়োজন- ব্যাখ্যা কর। [বীরশ্রেষ্ঠ মুন্সি আব্দুর রউফ পাবলিক কলেজ, ঢাকা]
উত্তরঃ আইপি অ্যাড্রেস হচ্ছে ইন্টারনেটে একটি নির্দিষ্ট যন্ত্রের ঠিকানা। কোনো একটি এলাকায় কোনো রাস্তায় কত বাড়ি থাকে তাদের মধ্যে কোনো দুইটি বাড়ির নাম্বার যেমন কখনো এক হতে পারে না, ঠিক তেমনি নেটওয়ার্কে যুক্ত কোনো দুইটি কম্পিউটারের আইপি অ্যাড্রেসও এক হতে পারে না। বাড়ির ঠিকানা যেমন রাস্তার নাম্বার এবং বাড়ির নাম্বার থাকে, আইপি অ্যাড্রেসেও ঠিক তেমনি নেটওয়ার্ক অ্যাড্রেস এবং হোস্ট অ্যাড্রেস থাকে। তাই ইন্টারনেটে সংযুক্ত প্রতিটি যন্ত্রের জন্য IP Address প্রয়োজন।
প্রশ্ন ৮। প্রতিনিয়ত পরিবর্তনশীল ওয়েবসাইট ব্যাখ্যা কর। [ড. মাহাবুর রহমান মোল্লা কলেজ, ঢাকা]
উত্তরঃ প্রতিনিয়ত পরিবর্তনশীল ওয়েবসাইট হলো ডাইনামিক ওয়েবসাইট। এ ধরনের ওয়েবসাইটের চাহিদা সবচেয়ে বেশি। রান টাইমের সময়ে পেইজের ডিজাইন বা কনটেন্ট পরিবর্তন হতে পারে। ডেটাবেজ কুয়েরির মাধ্যমে বিভিন্ন পরিবর্তনশীল কনটেন্ট তৈরি করা যায়। ব্যবহারকারীদের নিকট হতে ইনপুট দেওয়ার ব্যবস্থা থাকে। অনেক বেশি তথ্যবহুল হয়। তাছাড়াও আকর্ষণীয় ও ইন্টারেক্টিভ লে-আউট তৈরি করা যায়। ডাইনামিক ভাবে পেজ তৈরি করতে প্রোগ্রামিং ল্যাংগুয়েজ হিসেবে Javascript, PHP, Net, ASP ইত্যাদি ব্যবহৃত হয়। ডেটাবেজের সাথে ওয়েবসাইট যুক্ত করার জন্য MS Access, My SQL (My Structured Query Language) ব্যবহৃত হয়।
প্রশ্ন ৯। আইপি অ্যাড্রেস এবং ডোমেইন নেইম এক নয় ব্যাখ্যা কর। [রাজশাহী কলেজ, রাজশাহী]
উত্তরঃ আইপি অ্যাড্রেস ও ডোমেইন নেইম এক নয়। কারণ আইপি অ্যাড্রেস হলো ইন্টারনেটে একটি নির্দিষ্ট যন্ত্রের ঠিকানা। আইপি অ্যাড্রেসের জন্য সংখ্যা মনে রাখা কষ্টকর। তাই সহজে ব্যবহারযোগ্য কারেক্টার ফর্মে ডোমেইন নাম ব্যবহার করা হয়। যেমন- আইপি অ্যাড্রেস 173.248.140.183 এর পরিবর্তে www.facebook.com ডোমেইন নেইম ব্যবহার করা হয়। তাই আইপি অ্যাড্রেস ও ডোমেইন নেইম এক নয়।
প্রশ্ন ১০। static website রান টাইমে পরিবর্তিত হয় না কেন? [সরকারি ব্রজলাল কলেজ খুলনা ]
উত্তরঃ Static Website রান টাইমে পরিবর্তিত হয় না, কারণ এ ওয়েবসাইটের সাইট শুধু HTML দ্বারা দিয়ে তৈরি হয়। এর সাথে কোনো স্ক্রিপ্টিং ভাষা যেমন – PHP, Python, Java এবং ডেটাবেজ ব্যবহৃত হয় না।
প্রশ্ন ১১। সার্চ ইঞ্জিন ও ওয়েব ব্রাউজার এক নয় – ব্যাখ্যা কর। [ম.বো,২৪;সরকারি মাইকেল মধুসূদন কলেজ, যশোর ;বৃন্দাবন সরকারি কলেজ, হবিগঞ্জ;]
উত্তরঃ সার্চ ইঞ্জিন ও ওয়েব ব্রাউজার এক নয়। ওয়েব ব্রাউজার হলো ওয়ার্ড ওয়াইড ওয়েবে রিসোর্স থেকে তথ্য খুঁজে বের করা। একজন কিবোর্ড দ্বারা এবং উপস্থাপন করার একটি অ্যাপ্লিকেশন সফটওয়্যার। সার্চ ইঞ্জিন হচ্ছে এমন এক ধরনের টুল যা সারা বিশ্বের ইন্টারনেটের অগণিত ওয়েব সাইট থেকে সহজেই যেকোনো তথ্য খুঁজে বের করা যায়। ওয়েব ব্রাউজারের এর মাধ্যমে সার্চ ইঞ্জিন ব্যবহার করা হয়।
প্রশ্ন ১২। স্ট্যাটিক ও ডাইনামিক ওয়েবসাইটের মধ্যে পার্থক্য বুঝিয়ে লিখ। [ মির্জাপুর ক্যাডেট কলেজ, টাঙ্গাইল; চাঁদপুর সরকারি কলেজ, চাঁদপুর]
উত্তরঃ
| বিষয় | স্ট্যাটিক ওয়েবসাইট | ডাইনামিক ওয়েবসাইট |
|---|---|---|
| কনটেন্ট | স্থির থাকে, পরিবর্তন করতে কোড সম্পাদনা করতে হয়। | ডাটাবেজ থেকে স্বয়ংক্রিয়ভাবে পরিবর্তিত হয়। |
| প্রযুক্তি | <html>, <css> দিয়ে তৈরি। |
php, asp, jsp, ডাটাবেজ ব্যবহার করা হয়। |
| ব্যবহার | ছোট ওয়েবসাইট বা তথ্য প্রদর্শনের জন্য। | ই-কমার্স, সোশ্যাল মিডিয়া, নিউজ পোর্টাল ইত্যাদির জন্য। |
| লোডিং গতি | দ্রুত লোড হয়। | তুলনামূলক ধীর, কারণ সার্ভার প্রসেস করতে হয়। |
| ব্যয় | কম খরচে তৈরি করা যায়। | বেশি খরচ ও রক্ষণাবেক্ষণ প্রয়োজন। |
ওয়েব সাইটের কাঠামো
প্রশ্ন ১৩। ওয়েবসাইটের হাইব্রিড কাঠামো ব্যাখ্যা কর। [নিউ গভঃ ডিগ্রী কলেজ,রাজশাহী ]
উত্তরঃ হাইব্রিড বা কম্বিনেশন কাঠামো একাধিক কাঠামো ব্যবহার করে ডিজাইন করা ওয়েবসাইটকে হাইব্রিড বা কম্বিনেশন বা মিশ্র স্ট্রাকচার বলা হয়।
১. এ ধরনের কাঠামোতে অনেক দিক থেকে লিংক করা থাকে। ফলে তথ্য খুঁজে পেতে সহজ হয়।
২. এ ধরনের কাঠামো ওয়েবসাইটের সৌন্দর্য বৃদ্ধি করে।
৩. মেমোরি স্পেস কমানোর জন্য এ কাঠামো ব্যবহৃত হয়।
৪. ভিজিটরদের জন্য ভিজিট করা সহজ হয়।
৫. সাধারণভাবে লিনিয়ার কাঠামো এবং হায়ারারকিক্যাল কাঠামোর মাধ্যমে হাইব্রিড কাঠামো তৈরি করা যায়।
প্রশ্ন ১৪। ওয়েব লিঙ্কড স্ট্রাকচার বর্ণনা কর।[সিলেট কমার্স কলেজ]
উত্তরঃ ওয়েব লিঙ্কড স্ট্রাকচারে সবগুলো পেজই একে অপরের সাথে লিংক থাকে অর্থাৎ একটি মেইন পেজের সাথে যোগাযোগ অন্যান্য পেজের লিংক থাকে ঠিক তেমনি অন্যান্য পেজের সাথেও মেইন পেজের লিংক থাকে।
Html -এর মৌলিক বিষয়সমূহ
প্রশ্ন ১৫। HTML প্রোগ্রামিং ল্যাংগুয়েজ নয়—ব্যাখ্যা কর। [ঢা.বো,২৪]
উত্তরঃ HTML-এর পূর্ণরূপ হচ্ছে হাইপার টেক্সট মার্কআপ ল্যাংগুয়েজ (Hyper Text Markup Language)। এটি কোনো প্রোগ্রামিং ভাষা নয়, বরং একে মার্কআপ ভাষা বলা যায়। এর কাজ হচ্ছে কোনো তথ্য ব্রাউজারে প্রদর্শনের উপযোগী করা। এখানে যেসব ট্যাগ (tag) ব্যবহার করা হয়, ব্রাউজার সেগুলো বুঝতে পারবে এবং সে অনুযায়ী ওয়েবসাইট ডেটা প্রদর্শন করবে।
প্রশ্ন ১৬। HTML এ কোনটি ডকুমেন্টের অংশ নয়, তবে লেখা জরুরি?—ব্যাখ্যা কর। [ঢা.বো,২৩;আইডিয়াল স্কুল এন্ড কলেজ, মতিঝিল ঢাকা]
উত্তরঃ <DOCTYPE html> হলো ডকুমেন্ট টাইপ ডিক্লারেশন। এর দ্বারা ব্রাউজার বুঝতে পারে যে ডকুমেন্ট HTML 5 স্ট্যান্ডার্ড অনুসরণ করে লেখা হয়েছে এবং সেই অনুযায়ী রেন্ডার (প্রদর্শন) করে। যদিও এটি পেইজের দৃশ্যমান বিষয়বস্তুকে প্রভাবিত করে না। ব্রাউজারের সঠিকভাবে HTML কোড প্রক্রিয়া নিশ্চিত করার জন্য এটি একটি প্রয়োজনীয় উপাদান। তাই <DOCTYPE html> ডকুমেন্টের অংশ নয়, তবে লেখা জরুরি।
প্রশ্ন ১৭। “HTML একটি কেস সেনসেটিভ ভাষা নয়”—ব্যাখ্যা কর।[রা.বো,২৩]
উত্তরঃ HTML একটি কেস সেনসেটিভ ভাষা নয়। কারণ, HTML এ এলিমেন্টগুলো লেখার সময় বড় হাতের অক্ষর ও ছোট হাতের অক্ষর অথবা উভয়ের মিশ্রণও ব্যবহার করা যেতে পারে। তবে ওয়ার্ল্ড ওয়াইড ওয়েব কনসোর্টিয়াম (W3C) এর পরামর্শ হলো HTML এর জন্য ছোট হাতের অক্ষর ব্যবহার করা।
প্রশ্ন ১৮। ওয়েবসাইট ডিজাইনে HTML এর গুরুত্ব ব্যাখ্যাকর। [কু.বো,১৬;সরকারি আজিজুল হক কলেজ, বগুড়া ]
উত্তরঃ ওয়েবসাইট ডিজাইনে HTML এর অনেক গুরুত্ব রয়েছে। কারণ HTML এর সাহায্যে-
১. কোনো পেইজের তথ্যকে যেকোনো স্থানে সরানো যায়।
২. প্রতিটি ব্রাউজার HTML সমর্থন করে।
৩. শেখা ও ব্যবহার করার পদ্ধতি সহজ।
৪. পেইজের সাইজ কম হওয়ায় খরচ কম পড়ে।
প্রশ্ন ১৯। HTML এর মৌলিক কাঠামো লিখ।[নোয়াখালী সরকারি মহিলা কলেজ ]
উত্তরঃ HTML এর মৌলিক কাঠামো নিম্নরূপ-
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
প্রশ্ন ২০। HTML কে টেক্সটভিত্তিক ভাষা বলা হয় কেন?[কুমিল্লা ভিক্টোরিয়া সরকারি কলেজ ]
উত্তরঃ HTML (Hypertext Markup Language) একটি টেক্সটভিত্তিক ভাষা। এটি ওয়েব ব্রাউজারগুলোকে টেক্সট, ইমেজ এবং অন্যান্য মাল্টিমিডিয়া ওয়েবপেজে প্রদর্শননার কাজ করে। HTML ডকুমেন্ট ফাইল সাধারণত টেক্সট ফাইলের মতো, কারণ এই ফাইলে টেক্সট ছাড়া শব্দ সারণি ও স্থির ছবি কিছুই থাকে না।
প্রশ্ন ২১। HTML কে কেন markup Language বলা হয়? [সরকারি সৈয়দ হাতেম আলী কলেজ, বরিশাল ]
উত্তরঃ Hypertext অর্থ হলো মেশিন উপযোগী টেক্সট আর Markup অর্থ একটি নির্দিষ্ট ফরম্যাটে সাজানো। HTML কে Markup language বলা হয় কারণ এটার মাধ্যমে ব্যবহারকারী চেষ্টা বা টেক্সটকে সুসজ্জিত ভাবে ইন্টারনেট প্রকাশ করতে
পারে।
Html সিনট্যাক্স ও ট্যাগ পরিচিতি
প্রশ্ন ২২। <font> ট্যাগ- ব্যাখ্যা কর? [রা.বো,২৪]
উত্তরঃ <font> ট্যাগের সাহায্যে ওয়েব পেজে টেক্সটের কালার, সাইজ ও ফন্ট নির্ধারণ করা হয়।
font ট্যাগ এর তিনটি অ্যাট্রিবিউট রয়েছে। যথা- face, color, size ইত্যাদি। ফন্ট ট্যাগের সিনট্যাক্স হলো-
<font face=”font name” color=”font name” size=”size number”>
প্রশ্ন ২৩। স্টাইল অ্যাট্রিবিউট কেন ব্যবহার করা হয়? ব্যাখ্যা কর? [য.বো,২৪]
উত্তরঃ HTML ডকুমেন্ট স্টাইল অ্যাট্রিবিউট ব্যবহার করে ওয়েব পেজের বিভিন্ন এলিমেন্টের রং, ফন্টসহ বিভিন্ন বৈশিষ্ট্য বা প্রোপার্টি উল্লেখ করে দেয়া যায়। স্টাইল অ্যাট্রিবিউট ডেটর বিভিন্ন স্টাইল নির্দেশনা দেওয়া যায়। ব্রাউজার HTML ডকুমেন্ট কীভাবে প্রদর্শন করবে তা style অ্যাট্রিবিউটের মধ্যে নির্ধারণ দেওয়া হয়। বিভিন্ন এইচটিএমএল এলিমেন্টের বিভিন্ন প্রোপার্টি আছে। একাধিক প্রোপার্টি মান হলে দিতে চাইলে তাদের মধ্যে সেমিকোলন চিহ্ন ব্যবহার করতে হয়।
প্রশ্ন ২৪। <a> ট্যাগ ব্যাখ্যা কর। [কু.বো, ২৪]
উত্তরঃ কোনো ডকুমেন্টের অভ্যন্তরে হাইপারলিঙ্কের প্রকার নির্ধারণ করার জন্য অ্যাংকর ব্যবহার করা হয়। এর প্রথম অংশ দিয়ে অ্যাংকর এলিমেন্টের ট্যাগ গঠিত। হাইপারলিঙ্ক ও অ্যাংকর উভয়ই নির্ধারণ করতে HTML অ্যাংকর শুধু এলিমেন্ট <a> এর অ্যাংকর শেষ এলিমেন্ট </a> ব্যবহৃত হয়।
<a> ট্যাগের সিনট্যাক্স:
<a href=”url”> text </a>
স্টার্ট ট্যাগ <a> এ লিংক অ্যাট্রিবিউট থাকে। </a> এবং </a> এর মাঝে যে টেক্সট লেখা হবে তা নীল রঙের আন্ডারলাইন করে প্রদর্শিত হবে। এ লেখাতে মাউস পয়েন্টার নিয়ে ক্লিক করলে লিংকে পৌঁছাতে পারবেন।
প্রশ্ন ২৫। ওয়েবসাইটে বাংলা লেখা যুক্ত করার জন্য কী কী প্রয়োজন? বুঝিয়ে লেখ। [ব.বো,’২৪]
উত্তরঃ ওয়েবসাইটে বাংলা লেখা যুক্ত করার জন্য meta নামের একটি ফাঁকা এলিমেন্ট এবং charset নামের একটি অ্যাট্রিবিউট ব্যবহার করতে হবে। meta এলিমেন্টটি head এলিমেন্টের ভেতর থাকবে। meta এর অ্যাট্রিবিউট হবে charset যার value হবে UTF-8। এটি দিয়ে বোঝানো যে যে, ওয়েবসাইটে কোনো লেখা দেখানোর জন্য UTF-8 ক্যারেক্টার সেট ব্যবহার করতে হবে। UTF-8 হচ্ছে একটি জনপ্রিয় ইউনিকোড ক্যারেক্টার সেট যা বাংলা লেখা সমর্থন করে।
প্রশ্ন ২৬। <br> ট্যাগ ব্যাখ্যা কর। [কু.বো,২৩]
উত্তরঃ <br> এইচটিএমএল এ ব্যবহৃত, একটি এম্পটি ট্যাগ। যে ট্যাগ ডকুমেন্ট নির্দেশনায় শুধু একবার ব্যবহার করা যায় তাকে এম্পটি ট্যাগ বলে। <br> ট্যাগের কোন শেষ ট্যাগ নেই বিধায় এটি একটি এম্পটি ট্যাগ। <br> দ্বারা এক লাইন ব্রেক তৈরি করা হয়। এইচটিএমএল ডকুমেন্টে যখন নতুন লাইন প্রদর্শনের প্রয়োজন পড়ে তখন এই ট্যাগটি ব্যবহার করা হয়।
প্রশ্ন ২৭: <img> একটি এম্পটি এলিমেন্ট কেন? ব্যাখ্যা কর। [ব. বো. ২৩]
উত্তরঃ <img> একটি এম্পটি এলিমেন্ট কারণ এর কোনো ক্লোজিং বা শেষ ট্যাগ নেই। ইমেজ ট্যাগের সিনট্যাক্স হলো–
<img src=”url”>
উপরোক্ত সিনট্যাক্স থেকে দেখা যাচ্ছে যে, <img> ট্যাগ কেবল অ্যাট্রিবিউট বহন করে এবং কোনো ক্লোজিং ট্যাগ নেই। তাই img একটি এম্পটি এলিমেন্ট।\
প্রশ্ন ২৮: হাইপারলিঙ্ক ট্যাগের আবশ্যিক অ্যাট্রিবিউট ব্যাখ্যা কর। [সি,.বো,১৯]
উত্তরঃ হাইপারলিঙ্ক ও অ্যাংকর উভয়ই নির্ধারণ করতে HTML অ্যাংকর এলিমেন্ট <a> ব্যবহৃত হয়। <a href=”url”> link text </a> <a> ট্যাগের closing ট্যাগ হলো </a>। লিফ ক্লিক করলে কোথায় যাবে তা নির্দিষ্ট করার জন্য href (hyperlink reference) অ্যাট্রিবিউট আবশ্যক।
প্রশ্ন ২৯: <img> বুঝিয়ে লেখ। [দি. বো. ১৬]
উত্তরঃ একটি ওয়েব পেইজের গুরুত্বপূর্ণ উপাংশসমূহের একটি হচ্ছে ইমেজ। একটি ওয়েব পেইজেজকে সুন্দর ও আকর্ষণীয় করে তোলার জন্য ব্যবহার্য ইমেজ বা চিত্র যুক্ত করতে হয়। HTML পেজেজ <img> ট্যাগ দ্বারা নির্ধারণ করা হয়। <img> ট্যাগটি শূন্য অর্থাৎ এটি কেবল অ্যাট্রিবিউট বহন করে এবং কোনো ক্লোজিং ট্যাগ নেই। পেইজে কোনো চিত্র বা ইমেজ ব্যবহার করতে হলে src (source) অ্যাট্রিবিউট ব্যবহার করতে হবে।
প্রশ্ন ৩০। <img src=”image1.jpeg” alt=”My Photo” width=”50” height=”70”> বলতে কী বুঝায় ব্যাখ্যা কর। [রাজউক মডেল কলেজ, ঢাকা]
উত্তরঃ <img src=”image1.jpeg” alt=”My Photo” Width = “50” height = “70”> বলতে বুঝায় যে, ওয়েবসাইটে ছবিটি প্রদর্শনের জন্য <img> ট্যাগ ব্যবহার করা হয়েছে। ছবিটি image1 নামে রয়েছে। ওয়েব পেজেজ কোনো কারণে ছবি প্রদর্শিত না হলে তখন বিকল্প হিসেবে টেক্সট প্রদর্শনের জন্য alt অ্যাট্রিবিউট ব্যবহার করা হয়েছে। এখানে ছবিটি প্রদর্শিত না হলে My Photo টেক্সটটি দেখা যাবে। ছবিটির Width হবে 50 এবং height হবে 70।
প্রশ্ন ৩১। <caption> ট্যাগটি কী ধরনের ট্যাগ? ব্যাখ্যা কর।[ঢাকা কলেজ ]
উত্তরঃ টেবিলের নাম প্রদানের জন্য ব্যবহৃত একটি ট্যাগ হলো <caption> ট্যাগ। এটি একটি কন্টেইনার ট্যাগ। যেসব ট্যাগের শুরু, বিষয়বস্তু এবং শেষ থাকে তাদেরকে কন্টেইনার বলা হয়।
প্রশ্ন ৩২। ওয়েব পেইজ Hyperlink একটি গুরুত্বপূর্ণ উপাদান- ব্যাখ্যা কর। [সরকারি আজিজুল হক কলেজ বগুড়া ]
উত্তরঃ এক পেইজের সঙ্গে অন্য পেইজের বা একই পেইজের বিভিন্ন অংশের মধ্যে সম্পর্ক করাবার পদ্ধতিটি যখন হাইপারটেক্সট থাকে তখন তাকে বলা হয় হাইপারলিঙ্ক। লিঙ্কের সিনট্যাক্সটি নিম্নরূপ :
<a href=”url”> link text </a>
হাইপারলিঙ্ক ক্লিক করে একই ডকুমেন্টের ভিন্ন পেইজে অথবা একই ডকুমেন্টের ভিন্ন কোনো অবস্থানে অথবা ভিন্ন কোনো ডকুমেন্টের ভিন্ন কোনো পেইজে যাওয়া যায়। সম্পর্কিত তথ্য দ্রুত প্রদর্শন করে জানা যায়। ব্রাউজারকারীর সময় সাশ্রয় হয়। তাই বর্তমানে ওয়েব পেইজে Hyperlink একটি গুরুত্বপূর্ণ উপাদান।
প্রশ্ন ৩৩। <Font> ট্যাগের অ্যাট্রিবিউটসমূহ ব্যাখ্যা কর। [চ.বো,২৪;সরকারি মজিদ মেমোরিয়াল সিটি কলেজ, খুলনা ]
উত্তরঃ ফন্ট সিনট্যাক্স হচ্ছে-
<font face = “fontname” size = “sizenumber” color = “colorname”> Text </font>
এখানে font ট্যাগের অ্যাট্রিবিউট হচ্ছে face, size ও color
face অ্যাট্রিবিউট বিভিন্ন ফন্টের নাম বহন করবে এবং size ফন্টের সাইজ পরিবর্তনের ক্ষেত্রে ব্যবহৃত হয়। color ফন্টের রং নির্ধারণ করে।
প্রশ্ন ৩৪। ফন্ট (font) ট্যাগের অ্যাট্রিবিউটসমূহ সম্পর্কে আলোচনা কর। [আনন্দমোহন সরকারি কলেজ,ময়মনসিংহ ]
উত্তরঃ ফন্ট সিনট্যাক্স হচ্ছে-
<font face = “fontname” size = “sizenumber” color = “colorname”> Text </font>
এখানে font ট্যাগের অ্যাট্রিবিউট হচ্ছে face, size ও color
face অ্যাট্রিবিউট বিভিন্ন ফন্টের নাম বহন করবে এবং size ফন্টের সাইজ পরিবর্তনের ক্ষেত্রে ব্যবহৃত হয়। color ফন্টের রং নির্ধারণ করে।
প্রশ্ন ৩৫। <br> ট্যাগ ও <p> ট্যাগের মধ্যে পার্থক্য লিখ।
[বীরশ্রেষ্ঠ মুন্সি আব্দুর রউলোক পাবলিক কলেজ, ঢাকা ]
উত্তরঃ
| বিষয় | <br> ট্যাগ | <p> ট্যাগ |
|---|---|---|
| কাজ | লাইন ব্রেক তৈরি করে। | একটি পূর্ণ অনুচ্ছেদ তৈরি করে। |
| আউটপুট | শুধু নতুন লাইন শুরু হয়। | আগে-পরে ফাঁকা জায়গা সহ টেক্সট দেখায়। |
| প্রকৃতি | খালি (empty) ট্যাগ, ক্লোজ ট্যাগ লাগে না। | কন্টেইনার ট্যাগ, ওপেন ও ক্লোজ ট্যাগ দুটোই থাকে। |
| উদাহরণ | রুদ্র <br> হাবিব |
<p>রুদ্র হাবিব</p> |
ওয়েব পেজ ডিজাইন ও পাবলিশিং
প্রশ্ন ৩৬। ওয়েবসাইট পাবলিশিং হোস্টিং জরুরি কেন?ব্যাখ্যা কর। [সি.বো,২৪;দি. বো,১৯]
উত্তরঃ ইন্টারনেটে ওয়েবের ফাইলগুলো কোনো সার্ভারে রাখাকে ওয়েব হোস্টিং বলা হয়। ওয়েব হোস্টিং হলো ওয়েবসাইট বা ওয়েব পেইজ ইন্টারনেটে প্রদর্শনের জন্য প্রয়োজনীয় প্রক্রিয়া। এ জন্য ওয়েব সাইটটিকে ইন্টারনেট সংযুক্ত কোনো সার্ভারের মেমোরি বা স্টোরেজে জমা রাখতে হবে। ওয়েব হোস্টিং না করলে ওয়েবসাইটটিকে প্রবেশ করা যাবে না বা এটি অন্য কেউ ভিজিট করতে পারবে না। ওয়েব হোস্টিং ছাড়া ওয়েবসাইট প্রদর্শিত হয় না তাই হোস্টিং ওয়েবসাইট পাবলিশিং এর একটি গুরুত্বপূর্ণ ধাপ।
প্রশ্ন ৩৭। ওয়েবসাইট পাবলিশিং এর ব্যাখ্যা কর। [ রা. বো. ‘২৩ ]
উত্তরঃ ওয়েবসাইট পাবলিশিং বলতে তৈরি কৃত ওয়েবসাইট কোন ওয়েব হোস্টিং সেবাদাতার মাধ্যমে ইন্টারনেটে প্রকাশ করা বুঝায়। অর্থাৎ ওয়েবসাইট তৈরি করার পর ওয়েব সার্ভারে হোস্টিং প্রক্রিয়াকে ওয়েবসাইট পাবলিশিং বলা হয়। দ্রুততম সময়ে মানুষের কাছে তথ্য পৌঁছে দেওয়ার জন্য সবচেয়ে কার্যকর মাধ্যম ওয়েবসাইট। ওয়েবসাইট পাবলিশিং এর মাধ্যমে যে কোনো সেবা সহজে ইন্টারনেটের মাধ্যমে বিশ্বব্যাপী ছড়িয়ে দেওয়া যায়।
প্রশ্ন ৩৮। Wireframe কী? ব্যাখ্যা কর। [ম. বো. ‘২৩]
উত্তরঃ ওয়েবসাইট ডিজাইন করার জন্য প্রতিটি পেইজের জন্য একটি লে-আউট ডিজাইন করতে হয়। লে-আউট বলতে বোঝানো হচ্ছে পেইজের কোন স্থানে কী দেখানো হবে। এই ডিজাইনটি প্রাথমিকভাবে কাগজ-কলমে করা যেতে পারে। এ জাতীয় কাগজ-কলমে আঁকা ডিজাইনকে বলা হয় ওয়্যারফ্রেম (Wireframe)।
প্রশ্ন ৩৯। ওয়েবপেজ ডিজাইনে HTML এর গুরুত্ব ব্যাখ্যা কর। [কু.বো,১৬]
উত্তরঃ ওয়েব পেজ ডিজাইনে HTML এর একানন্ত গুরুত্বপূর্ণ ভূমিকা রয়েছে। কারণ HTML এর সাহায্যে-
১. কোনো পেজটাকে যেকোনো স্থানে সরানো যায়।
২. প্রতিটি প্রস্তাবিত HTML সমর্থন করে।
৩. লেখা ও ব্যবহার করার পদ্ধতি সহজ।
৪. পেইজের সাইজ কম হওয়াতে খরচ কম পড়ে।
প্রশ্ন ৪০। হোস্টিং কেন প্রয়োজন বুঝিয়ে লিখ। [ঢা.য.সি.দি.বো,১৮]
উত্তরঃ কোনো সাইটকে নির্দিষ্ট কোনো সার্ভারে স্থাপন এবং ওয়েবসাইটটির যাবতীয় কার্যক্রম পরিচালনার জন্য প্রয়োজনীয় অবকাঠামোগত সুবিধা প্রদান করা হয়। হোস্টিং এর মাধ্যমে ঐ সাইটটি বিশ্বব্যাপী পাবলিকিং এর জন্য প্রয়োজনীয়।
প্রশ্ন ৪১। ডোমেইন নেম ও www. কি? ব্যাখ্যা কর। [য.বো,১৬]
উত্তরঃ একই ডোমেইন নেমে অনেক সময় একাধিক ওয়েবপেজ থাকে। সাইজের সমস্ত পৃথিবীতে এক বিশাল নেটওয়ার্ক বা সারা বিশ্বের সমস্ত ওয়েবের সঙ্গে সম্পর্ক থাকে। www হলো world wide web, যা পৃথিবীর বিভিন্ন দেশের সার্ভারে রাখা পরস্পরের সংযোগযোগ্য ওয়েবপেজ, যা ইন্টারনেটের মাধ্যমে ওয়েবের ব্রাউজার সফটওয়্যার ব্যবহার করে দেখা যায়। এজন্য ডোমেইন নেম www. থাকে।
প্রশ্ন ৪২। ডোমেইন নেম রেজিস্ট্রেশন কেন প্রয়োজন? [ব.বো, ১৬]
উত্তরঃ আইপি অ্যাড্রেসকে সহজে ব্যবহার করার জন্য ইংরেজি অক্ষরের কোনো একটি নাম ব্যবহার করা হয়। কারণ এই ফর্মে দেওয়া কম্পিউটার এর গ্রুপ নামটি ডোমেইন নেম। প্রতিটি ডোমেইন নেম ইউনিক এবং এর সাথে একটি ইউনিক আইপি অ্যাড্রেস বরাদ্দ করা হয়। একটি ডোমেইন নেম সার্ভারে রেজিস্ট্রেশন করলে তা সারা বিশ্বে পরিচিতি লাভ করে। একটি নির্দিষ্ট সময় পর্যন্ত ঐ অ্যাড্রেসটি আর অন্য কেউ ব্যবহার করতে পারে না। এ কারণে ডোমেইন নেম রেজিস্ট্রেশন প্রয়োজন।
প্রশ্ন ৪৩। ডোমেইন নেম পরিচিতি- ব্যাখ্যা কর। [আইডিয়াল স্কুল এন্ড কলেজ মতিঝিল, ঢাকা ]
উত্তরঃ আইপি অ্যাড্রেসকে সহজে ব্যবহার করার জন্য ইংরেজি অক্ষরের কোনো একটি নাম ব্যবহার করা হয়। কারণ এই ফর্মে দেওয়া কম্পিউটার এর গ্রুপ নামটি ডোমেইন নেম। প্রতিটি ডোমেইন নেম ইউনিক এবং এর সাথে একটি ইউনিক আইপি অ্যাড্রেস বরাদ্দ করা হয়। একটি ডোমেইন নেম সার্ভারে রেজিস্ট্রেশন করলে তা সারা বিশ্বে পরিচিতি লাভ করে। একটি নির্দিষ্ট সময় পর্যন্ত ঐ অ্যাড্রেসটি আর অন্য কেউ ব্যবহার করতে পারে না। তাই ডোমেইন নেম পরিচিতি আবশ্যক।
প্রশ্ন ৪৪। ডোমেইন নেমের গুরুত্ব ব্যাখ্যা কর।[দি.বো,২৩,২৪;নোয়াখালী সরকারি মহিলা কলেজ ]
উত্তরঃ প্রতিটি ওয়েবসাইটের যে স্বতন্ত্র নাম থাকে তাকে ডোমেইন নেম বলা হয়। ডোমেইন নেম হবে এক ও অদ্বিতীয়। ডোমেইন নেম কঠোরভাবে নিয়ন্ত্রণ করা হয়, যাতে করে একই নাম অন্য কেউ না পায়। DNS পদ্ধতিকে ডোমেইন নেমকে নিয়ন্ত্রণ করা হয়। যেমন: www.microsoft.com. ডোমেইন নেম এ দুটি অংশ দেখা যায়। ডোমেইন নেমের ডট পূর্বের অংশটিকে টপ লেভেল ডোমেইন বলে। এটি দেখে সহজে বুঝা যায় প্রতিষ্ঠানটি কোন ধরনের। এক যেকোনো ধরনের ওয়েবসাইটের জন্য ডোমেইন নেম অত্যন্ত গুরুত্বপূর্ণ।
প্রশ্ন ৪৫। “ডোমেইন নেমের ব্যবহার ওয়েবসাইট ডিজিটালকে সহজতর করে” – বুঝিয়ে লিখ। [ক্যান্টনমেন্ট পাবলিক স্কুল এন্ড কলেজ, রংপুর ]
উত্তরঃ আইপি অ্যাড্রেস মনে রাখা বেশ কষ্ট সাধ্য ব্যাপার। আর এই কষ্টকর বিষয়টি সহজতর করার জন্য ইন্টারনেটে ডোমেইন নেম পদ্ধতি ব্যবহার করা হয়। ডোমেইন নেম হচ্ছে ইন্টারনেটে এক বা একাধিক আইপি অ্যাড্রেসকে সনাক্তকরণের জন্য একটি অভিন্ন আলফানিউমেরিক ঠিকানা। ডোমেইন নেম এ ইংরেজি বর্ণ ও অক্ষরভিত্তিক নাম ব্যবহার করা হয় বলে ডোমেইন নেমের ব্যবহার ওয়েবসাইট ডিজিটালকে সহজতর করে।
প্রশ্ন ৪৬। ডোমেইন ও হোস্টিং-এর মধ্যে পার্থক্য লিখ। [কুষ্টিয়া সরকারি কলেজ ]
উত্তরঃ ডোমেইন ও হোস্টিং-এর মধ্যে পার্থক্য নিচে দেওয়া হলো:
| বিষয় | ডোমেইন | হোস্টিং |
|---|---|---|
| সংজ্ঞা | ওয়েবসাইটের নাম বা ঠিকানা | ওয়েবসাইটের ফাইল ও ডেটা সংরক্ষণের সার্ভার স্পেস। |
| কাজ | ইন্টারনেটে ওয়েবসাইট খুঁজে পাওয়ার ঠিকানা দেয়। | ওয়েবসাইটের কনটেন্ট ব্যবহারকারীর কাছে পৌঁছে দেয়। |
| অবস্থান | ডোমেইন রেজিস্ট্রারের মাধ্যমে নিবন্ধিত হয়। | হোস্টিং প্রোভাইডারের সার্ভারে থাকে। |
| উদাহরণ | www.ictoons.com |
Bluehost, HostGator, Namecheap ইত্যাদি। |