তথ্য ও যোগাযোগ প্রযুক্তি
অধ্যায় -৪
Question 1- (ঢাকা বোর্ড-২০২৪)
একটি গাড়ি বিক্রয়কারী প্রতিষ্ঠানের ওয়েবসাইটের হোম পেইজে প্রবেশ করলে সেডান এবং এসইউভি ক্যাটেগরির লিংক প্রদর্শিত হয়। লিংকগুলোতে প্রবেশ করলে সংশ্লিষ্ট ক্যাটেগরির গাড়ির মডেলের লিংক প্রদর্শিত হয়। গাড়ির মডেলের লিংকে প্রবেশ করে গাড়িটির বিস্তারিত দেখা যায়। বিক্রয়কৃত গাড়ি সম্পর্কে গ্রাহকদের মতামত সংগ্রহের জন্য প্রতিষ্ঠানটি তাদের ওয়েবসাইটটি উন্নয়নের সিদ্ধান্ত নিল।
উত্তরঃ
ইন্টারনেটে ওয়েবপেইজ গুলোকে যে সার্ভারে রাখা হয় তার একটি নির্দিষ্ট ইউনিক অ্যাড্রেস থাকে, তাই হলো URL (Uniform Resource Locator) বা ওয়েব অ্যাড্রেস (যেমন- www.facebook.com)।
উত্তরঃ
HTML (Hyper Text Markup Language) হলো একটি মার্কআপ ভাষা, যা ওয়েব পৃষ্ঠা তৈরি এবং সাজানোর জন্য ব্যবহৃত হয়। তবে, এটি কোনো প্রোগ্রামিং ভাষা নয়; এইচটিএমএল- এর মাধ্যমে শুধুমাত্র স্ট্রাকচার, তথ্য বিন্যাস, এবং যোগাযোগের প্রয়োজনীয় উপাদানগুলি সংজ্ঞায়ন করায়। HTML দিয়ে কোনো লজিকাল বা প্রোগ্রামিং কাজ সম্পাদন করা হয় না, শুধুমাত্র তথ্য প্রদান ও ব্রাউজারে পৃষ্ঠাগুলি সাজানোর জন্য ব্যবহৃত হয়। HTML মূলত ওয়েব ডেভেলপমেন্টে ব্যবহৃত হয় এবং এটি ওয়েব পৃষ্ঠাগুলির স্বাভাবিক স্ট্রাকচার তৈরি করার জন্য অত্যন্ত উপযোগী।
উত্তরঃ
উদ্দীপকে বর্ণিত ওয়েববাইট কাঠামোটি হলো ট্রি বা হায়ারার্কিক্যাল কাঠামো।
যে ওয়বেসাইটরে পইেজগুলো শাখা-প্রশাখায় সাজানো থাকে তাকে ট্রি বা হায়ারারকক্যিাল কাঠামো বলা হয়।
ক্স এতে ব্যবহারকারী প্রথমে হোমপজেে প্রবশে কর।ে এটি হোমপজে নর্ভির ওয়বে কাঠামো।
ক্স হোমপজেে মনেু, সাব-মনেু ও অন্যান্য পজেরে লংিক থাকে ।
ক্স এই পদ্ধতি ব্যবহার করে ওয়বেসাইটকে বভিন্নি অংশে ভাগ করা যায় ।
ক্স এ স্ট্রাকচারে ওয়বেসাইটরে ভজিটিরগণ সহজইে বুঝতে পারে কোন অংশে তার প্রয়োজনীয় তথ্য রয়ছে।ে
ক্স হায়ারারকক্যিাল স্ট্রাকচারে ওয়বে পইেজগুলো এক বা একাধকি লভেলেে বভিক্ত থাকে ।
ক্স তথ্য উপস্থাপনে এটি সবচযে়ে সহজ ও উত্তম ।
ক্স ওয়বেসাইট কাঠামোর মধ্যে এটি হচ্ছে সবচযে়ে জনপ্রযি় ও যুক্তযিুক্ত।
ক্স বশেরিভাগ ওয়বে পজেে এ স্ট্রাকচারটি ব্যবহৃত হয় ।
ক্স বড় বড় প্রতষ্ঠিানরে ক্ষত্রেে যমেন-স্কুল, কলজে, ব্যাংক, বীমা, বশ্বিবদ্যিালয়সহ বভিন্নি ব্যবসায়কি প্রতষ্ঠিানরে ওয়বেসাইটে ধরনরে স্ট্রাকচার ব্যবহার করা হয় ।
উদাহরণ :www.facebook.com
উত্তরঃ
Question 2- (ময়মনসিংহ বোর্ড ২০২৪)
শর্ত: উদ্দীপকের টেবিলটিতে Pipilika ওয়েবসাইটটি লিংক করা আছে এবং বাংলাদেশের মানচিত্র (80 × 100) যুক্ত করা আছে।
উত্তরঃ
ওয়েব পোর্টাল হচ্ছে একটি ওয়েবসাইট যেখানে অনেকগুলো উৎস থেকে সংগ্রহ করা বিভিন্ন গুরুত্বপূর্ণ লিংক, কন্টেন্ট ও সার্ভিস সংগৃহীত থাকে।
উত্তরঃ
ওয়েবপেইজ ব্রাউজ করার জন্যে যে সকল সফটওয়্যার ব্যবহার করা হয় তাকে ওয়েব ব্রাউজার বলে। অন্যদিকে ওয়েবের কোনো তথ্য খোঁজার জন্যে বিশেষ যেসব সাইট (যেমন: Yahoo, Google, MSN, Bing, Ask , অংশ ইত্যাদি) ব্যবহৃত হয় তাকে সার্চ ইঞ্জিন বলে। সার্চ ইঞ্জিন ইন্টারনেট বা ওয়ার্ল্ড ওয়াইড ওয়েব থেকে তথ্য খুঁজে বের করে। অপরদিকে ওয়েব ব্রাউজার ওয়ার্ল্ড ওয়াইড ওয়েব থেকে তথ্য ব্যবহারকারীর কাছে প্রদর্শন করে। তাই বলা যায়, ওয়েব ব্রাউজার ও সার্চ ইঞ্চিন এক নয়।
উত্তরঃ
উদ্দীপকে উল্লিখিত ওয়েবপেইজ তৈরির যঃসষ কোড নিম্নে দেওয়া হলো-
<html>
<body>
<table border=“1” cellspacing=”0”>
<tr>
<td><a herf=“http:\\www.pipilika.com”>Pipilika</a></td>
<td><img src=“Bangladesh.jpg” alt=“Bangladesh Map” width= “80” height= “100”></td>
</tr>
<tr>
<td colspan= “2” align= “center”>NCTB</td>
</tr>
<tr>
<td>H<sub>2</sub>O</td>
<td align= “center”>A<sup>-m</sup></td>
</tr>
</table>
</body>
</html>
উত্তরঃ
Question 3- (রাজশাহী বোর্ড ২০২৪)
উত্তরঃ
হাইপারলিংক হলো ওয়েবের একটি রিসোর্সে অবস্থিত কোনো রেফারেন্স বা কোনো ঠিকানা।
উত্তরঃ
কোনো লেখার বা অক্ষরের বাহ্যিক অবয়বকে ফন্ট বলে। ফন্টের নাম, রং এবং সাইজ পরিবর্তনের জন্য <font> ট্যাগ ব্যবহার করতে হয়।font tag এর তিনটি অ্যাট্রিবিউট রয়েছে। যথা: face, color, size ইত্যাদি। font tag এর সিনটেক্স হলো:
<font face=“fontname” color=“fontcolor” size=“sizenumber”>
উত্তরঃ
চিত্র-১ এর মতো ওয়েবপেইজ তৈরির জন্য HTML কোড নি¤œরূপ-
<html>
<head>
<title> Web Page 1</title>
</head> <body>
<b><u>Book List:</u></b>
<ul>
<li type=”disc”>Bangla</li>
<li type=”square”>English</li>
<li type=”circle”>ICT</li>
</ul>
</body>
</html>
উত্তরঃ
উদ্দীপকের চিত্র-২ এর মতো ওয়েবপেইজ তৈরির যঃসষ কোড নি¤েœ দেওয়া হলো, এখানেGo to webpage 1 লেখাতে ক্লিক করলে webpage-1 যাওয়া যাবে-
<html>
<body>
WELCOME TO ICT LAB <br>
H <sub>2</sub>SO<sub>4</sub><br>
<i>(a+b)<sup>2</sup>=a<sup>2</sup>+2ab+b<sup>2 </sup></i><br>
<a href=“webpage1.html”>Go to webpage 1</a>
</body>
</html>
Question 4- (দিনাজপুর বোর্ড-২০২৪)
দৃশ্যকল্প-১
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
দৃশ্যকল্প-2
Welcome to 2024
Class:
T
C
I
ICT Contain 1to10
উত্তরঃ
এইচটিএমএল ট্যাগ হলো কিছু কিওয়ার্ড যা কোনো নির্দেশকে সুনির্দিষ্ট করে দেয় এবং কীভাবে বিষয়বস্তু ওয়েব ব্রাউজারে প্রদর্শনের জন্য সাজাতে হতে বা নির্দেশ করে।
উত্তরঃ
একক ও অদ্বিতীয় আলফানিউমেরিক চিহ্ন সম্বলিত ওয়েব অ্যাড্রেস হলো ডোমেইন নেম। এটি একটি স্বতন্ত্র টেক্সট অ্যাড্রেস বা ওয়েব অ্যাড্রেস।
ডোমেইন নেমের সঙ্গে ওয়েব সার্ভারের একটি সংযোগ প্রতিষ্ঠা করতে হয়। ওয়েব ব্রাউজারের অ্যাড্রেস বারে ঐ ডোমেইন নেম লিখে এন্টার কি চাপলে ওয়েবসাইটটি প্রদর্শিত হয়। ডোমেইন নেম দ্বারা কোনো ওয়েবসাইটকে সহজে আইডেন্টিফাই করা যায়। তাই ওয়েবসাইট প্রদর্শনের ক্ষেত্রে ডোমেইন নেম অত্যন্ত গুরুত্বপূর্ণ।
উত্তরঃ
উদ্দীপকের দৃশ্যকল্প-১ হলো ঐঞগখ এর লে-আউট কাঠামো। সম্পূর্ণ কাঠামো বা ডকুমেন্টটি একটি <HTML > </HTML > ট্যাগের অভ্যন্তরে অবস্থান করে। অর্থাৎ এই <HTML > ………..</HTML > ট্যাগ এর অভ্যন্তরেই Head এবং body section এর অবস্থান। <Head> ট্যাগের পরেই শুরু হয় Head section। Head section এর ট্যাগ <Head> ……….. </Head> যা ডকুমেন্টের title ও ডকুমেন্ট সম্পর্কিত অন্যান্য তথ্য, ডকুমেন্ট টাইপ, Meta Name যেমন- সার্চ ইঞ্জিনের জন্য কী ওয়ার্ড নির্ধারণ ইত্যাদি ধারণ করে। Head section এর সমাপ্তির মধ্য দিয়ে ইড়ফু ংবপঃরড়হ এর যাত্রা শুরু।Body section এর ট্যাগ <Body> ……..</Body> যা ডকুমেন্ট বিষয়বস্তু (Topics) দৃশ্যমান বা প্রদর্শনের উপযোগী করে ধারণ করে এবং এই অংশেই টেক্সট ফরমেটিংসহ বিভিন্ন ডকুমেন্টের মধ্যে হাইপারলিংক স্থাপনের কাজটি করা হয়। সবশেষে </HTML > ট্যাগের মাধ্যমে HTML ডকুমেন্ট শেষ হয়।
উত্তরঃ
উদ্দীপকের দৃশ্যকল্প-২ এর ঐঞগখ কোড নি¤œরূপ:
<html>
<body>
<p>
Welcome to <b>2024</b><br/>
<b>Class: </b><br/>
<b>I</b>
<sup> <b>C</b>
<sup> <b>T</b></sup></sup><br>
ICT Contain<sub>1</sub>to<sup>10</sup>
</p>
</body>
</html>
বিকল্প পদ্ধতিঃ
<html>
<body>
<p>Welcome to <b>2024</b></p> <table>
<tr>
<td align=”right”><b> Class:</b></td>
<td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td>
<td><b>T</b></td>
</tr>
<tr>
<td></td><td></td>
<td><b>C</b></td>
<td></td>
</tr>
<tr>
<td></td>
<td><b>l</b></td>
<td></td><td></td>
</tr>
</table>
<p> ICTContain<sub>1</sub>to<sup>10
</sup></p>
</body>
</html>
ওয়েবপেইজটি যেকোনো স্থানে যেকোনো কম্পিউটার হতে দেখার জন্য
ওয়েবসাইটটি পাবলিশ করতে হবে। ওয়েব পাবলিশিং বা অনলাইন পাবলিশিং হলো ইন্টারনেটে কনটেন্ট বা বিষয়বস্তু প্রকাশ করার একটি প্রক্রিয়া। নির্মাণকৃত ওয়েবসাইট ইন্টারনেটে প্রকাশ করাকেই বলা হয় ওয়েবসাইট পাবলিশিং। ইন্টারনেটে একটি ওয়েবসাইট পাবলিশ করতে যে ধাপগুলো অতিক্রম করতে হয় তা নি¤œরূপ-
ক্স ধাপ-১: ওয়েবপেইজ ডিজাইন ও তৈরি: সাইট ডিজাইনকে দুটি পর্যায়ে ফেলা যায়। একটি হলো সাইটের গ্রাফিক্স লে-আউট ডিজাইন ও সেটি থেকে কোড করার উপযোগী ফরমেট তৈরি করা এবং অপর পর্যায়টি হলো পিওর কোডিং এর মাধ্যমে সাইটটিকে আরও কার্যোপযোগী করে তোলা।
ক্স ধাপ-২: একটি ডোমেইন নেম রেজিস্ট্রেশন: প্রতিটি সাইটের যে স্বতন্ত্র নাম থাকে তাকে ডোমেইন নেম বলে। ইন্টারনেটে নির্দিষ্ট কোনো রিসোর্স বা সংস্থান চিহ্নিত করার জন্য বিশেষ নাম ব্যবহার করা হয় যা ডোমেইন নেম হিসেবে পরিচিত।
ক্স ধাপ-৩: ওয়েব হোস্টিং করা: ওয়েবপেইজটি নির্ভরযোগৗ কোনো সার্ভারে ভাড়ার বিনিময়ে রাখতে হবে। ইন্টারনেটে ওয়েবপেইজটি যে সার্ভারে রাখা হবে তার জন্য একটি ঠিকানা থাকে। এটিকে ইউআরএল (টজখ- টহরভড়ৎস জবংড়ঁৎপব খড়পধঃড়ৎ) বা ওয়েব অ্যাড্রেস বলে। ওয়েবে একটি সাইটের জন্য যে ওয়েব থাকবে তা অন্য আর কোনো সাইটের জন্য থাকতে পারবে না।
ক্স ধাপ-৪: ওয়েবপেইজটি আরো বেশি প্রচারমুখী করার জন্যে সার্চ ইঞ্জিনে সাবমিট করতে হবে। (এটা অপশনাল): বিভিন্ন সার্চ ইঞ্জিনে ওয়েবসাইটির লিংক স্থাপন করতে হবে। ফলে বিশ্বের যেকোনো প্রান্ত থেকে ওয়েব ব্রাউজারের মাধ্যমে ওয়েবসাইটটি ভ্রমণ করা যাবে।
Question 5- (কুমিল্লা বোর্ড ২০২৪)
উত্তরঃ
নেটওয়ার্ক তথা ইন্টারনেটের সাথে সংযুক্ত প্রতিটি কম্পিউটারের যে পৃথক ঠিকানা থাকে তাই আইপি অ্যাড্রেস (IP)।
উত্তরঃ
<a> বা anchor ট্যাগ একটি ওয়েব পেইজের সাথে অন্য একটি ওয়েবপেইজের সংযোগ তৈরীতে ব্যবহার হয়ে থাকে। ওয়েব পেইজের সাথে বাহ্যিক কোন ওয়েব সাইটের নির্দিষ্ট পেইজের সংযোগের ক্ষেত্রেও এটি ব্যবহার করা হয়। এটি একটি কন্টেইনার ট্যাগ।
উত্তরঃ
উত্তরঃ
উদ্দীপকে চিত্র- ২ ওয়েবপেইজে প্রদর্শনের জন্য প্রয়োজনীয় html কোড নি¤েœ দেওয়া হলো-
<html>
<body>
<table border= “1” cellspacing=”0″>
<tr>
<th colspan=”3″ align=”center”>Bangladesh</th>
</tr>
<tr>
<td rowspan=”3″>
<img src=”x.jpg” width=”90″ height=”60″> <figcaption align=”center”>x.jpg(90X60)</figcaption>
</td>
<td colspan=”2″>X Division</td>
</td>
</tr>
<tr>
<td align=”left”>M</td>
<td align=”right”>S</td>
</tr>
<tr>
<td align=”right”>H</td>
<td></td>
</tr>
</table>
</body>
</html>
Question 6- (চট্টগ্রাম বোর্ড-২০২৪)
উত্তরঃ
ওয়েবপেইজ বা ওয়েবসাইট যে সার্ভারে সংরক্ষিত থাকে তাই হলো ওয়েব সার্ভার।
উত্তরঃ
HTML দিয়ে ওয়েবপেইজ তথ্য লিপিবদ্ধ করার ক্ষেত্রে <font> ট্যাগ ব্যবহার করা হয়। <font> ট্যাগ এর ২টি অ্যাট্রিবিউট নিচে ব্যাখ্যা করা হলো-
< font facial> – ফন্ট ফেইস বলতে ফন্ট ফ্যামিলিকে বোঝায়। ওয়েব পেইজের টেক্সটের জন্য কোন ফন্ট ব্যবহার করা হবে তা ফন্ট ফেইস দিয়ে নির্ণয় করতে হয়। যেমন- <font face= “ Arial ”>।
< font color > – ওয়েবপেইজে ফন্টগুলোকে বিভিন্ন কালার আকারে উপস্থাপন করার জন্য ফন্ট কালার ব্যবহার করা হয়। যেমন-
<font color = “red”>।
উত্তরঃ
উদ্দীপকের দৃশ্যকল্প-১ এর যঃসষ কোড নি¤েœ দেওয়া হলো-
<html>
<body>
<table border=”1″ width=”10%” cellspacing=”0″>
<caption>Alphabet</caption>
<tr>
<td colspan=”2″ align=”center”>A</td>
</tr>
<tr>
<td rowspan=”2″ align=”center”>B</td>
<td align=”center”>C</td>
</tr>
<tr>
<td align=”center”>D</td>
</tr>
</table>
</body>
</html>
উত্তরঃ
উদ্দীপকের দৃশ্যকল্প-২ এর htmlকোড নি¤েœ দেওয়া হলো, যেখানে Science শব্দটিতে ক্লিক করলে www.science.org ওয়েবসাইটটি একটি নতুন ট্যাগে খুলবে-
html>
<body>
<b>Group</b>
<ul type=”circle”>
<li><a href=”www.science.org” style=”text-decoration:none; color: black”>Science</a></li>
<li>B. Studies</li>
<ol type=”1″>
<li>A</li>
<li>B</li>
</ol>
<li>Humanities</li>
</ul>
</body>
</html>
Question 7- (সিলেট বোর্ড-২০২৪)
নামিরা শুধু HTML ব্যবহার কারে First, Last, Next, Previous লিংকবিশিষ্ট একটি ওয়েবসাইট তৈরি করল। ওয়েবসাইটটি ব্যবহারকারীর নিকট থেকে মতামত নিতে এবং আপডেট তথ্য প্রদর্শন করতে পারে না।
উত্তরঃ
হাইপারলিংক হলো ওয়েবের একটি রিসোর্সে অবস্থিত কোনো রেফারেন্স বা ঠিকানা।
উত্তরঃ
ওয়েব পাবলিশিং বা অনলাইন পাবলিশিং হলো ইন্টারনেটে কনটেন্ট বা বিষয়বস্তু বা ওয়েবসাইট প্রকাশ করার একটি প্রক্রিয়া। ইন্টারনেটে ওয়েবসাইট পাবলিশ করতে হলে ওয়েবসাইটকে কোনো কোনো ইন্টারনেট সার্ভারে রাথকে হয়। আর ইন্টারনেটে কোনো সার্ভারে ওয়েবসাইট রাখাকেই বলে ওয়েব হোস্টিং। সুতরাং হোস্টিং ছাড়া ইন্টারনেট থেকে ওয়েবসাইট দেখা সম্ভব নয়। সেই জন্যই ওয়েবসাইট পাবলিশিং-এ হোস্টিং গুরুত্বপূর্ণ।
উত্তরঃ
উত্তরঃ
Question 8- (যশোর বোর্ড-২০২৪)
উত্তরঃ
স্টার্ট ট্যাগ থেকে শুরু করে ক্লোজিং ট্যাগ পর্যন্ত সমস্ত কিছুই হলো HTML -এর এলিমেন্ট
উত্তরঃ
এইচটিএমএল ডকুমেন্টে কালার, বভিন্নি স্টাইল, টেক্সট এলাইনমেন্ট ইত্যাদি নির্ধারণ করতে স্টাইল অ্যাট্রিবিউট ব্যবহার করা হয়। যেমন- এইচটিএমএল ডকুমেন্টের টেক্সটের কালার অথবা ব্যাকগ্রাউন্ড কালার যুক্ত করতে স্টাইল অ্যাট্রিবিউটের মধ্যে Color অথবা background-color ব্যবহার করা হয়।
উত্তরঃ
উদ্দীপকের এইচটিএমএল কোড নিম্নরূপ:
<html>
<body>
<table border=”1″ cellspacing=”0″>
<tr>
<td width=”200px”>
<ul type=”circle”>
<li>A</li>
<ul type=”disc”>
<li>X</li>
<li>Y</li>
</ul>
<li>B</li>
<ul type=”disc”>
<li>Z</li>
</ul>
</ul>
</td>
<td align=”center” width=”200px”>
log<sub>10</sub>x<sup>2</sup>
</td>
</tr>
</table>
</body>
</html>
উত্তরঃ
Question 9- (বরিশাল বোর্ড-২০২৪)
উত্তরঃ
নেটওয়ার্ক তথা ইন্টারনেটের সাথে সংযুক্ত প্রতিটি কম্পিউটারের যে পৃথক ঠিকানা থাকে তাই আইটি অ্যাড্রেস (ওচ)।
উত্তরঃ
ওয়েবপেজে বাংলা লেখার জন্য তিনটি পদ্ধতি রয়েছে। পদ্ধতি তিনটি হলো-
ক্স ভড়হঃ ট্যাগের ভধপব অ্যাট্রিবিউট ব্যবহার করা। যেমন: <font face= “Bangla_font_name>…….</font>
ক্স ংঃুষব অ্যাট্রিবিউটের সাব- অ্যাট্রিবিউট ভড়হঃ-ভধসরষু ব্যবহার করা। যেমন:
<ঢ় ংঃুষব= “ভড়হঃ-ভধসরষু: ইধহমষধথভড়হঃথহধসব;”>……</ঢ়>
ইউনিকোডভিত্তিক সফটওয়্যার যেমন- অভ্র অথবা বিজয় বায়ান্নো ব্যবহার করে ইউনিকোড সরাসরি ডকুমেন্টে টাইপ করে বাংলা লেখা যায়। সেক্ষেত্রে <যবধফ> এর মধ্যে <সবঃধ পযধৎংবঃ= “ঁঃভ-৮”> ব্যবহার করতে হয়।
উত্তরঃ
দৃশ্যকল্প-১ ওয়েবপেইজে উপস্থাপনের জন্য প্রয়োজনীয় html কোড নি¤েœ দেওয়া হলো-
<html>
<body>
<ol>
<li> Bangladesh Cricket Team</li>
<ul type= “disc”>
<li>Shakib</li>
<li>Riyad</li>
</ul>
<li> Bangladesh Cricket Team</li>
<ol type=”i”>
<li>Jamal</li>
<li>Saad</li>
</ol>
</ol>
</body>
</html>
উত্তরঃ
দৃশ্যকল্প-২ ওয়েবপেইজে উপস্থাপনের জন্য প্রয়োজনীয় যঃসষ কোড নি¤েœ দেওয়া হলো-
<html>
<body>
<ol>
<table border= “1” cellspacing=”0″ width=”200″>
<caption> Result Sheet</caption>
<tr>
<th> Sub</th>
<th> Roll</th>
<th> Marks</th>
<tr align=”center”>
<td rowspan= “4”>ICT</td>
<td>A1</td>
<td>50</td>
</tr>
<tr align=”center”>
<td>A2</td>
<td>72</td>
</tr>
<tr align=”center”>
<td>A3</td>
<td>68</td>
</tr>
<tr align=”center”>
<td>A4</td>
<td>75</td>
</tr>
</table>
</body>
</html>
Question 10- (ঢাকা বোর্ড-২০২৩)
উত্তরঃ
ওয়্যার ফ্রেম বলতে একটি ওয়েবসাইটের ভিজ্যুয়াল গাইডকে বোঝানো হয়েছে যা একটি ওয়েবসাইটের কঙ্কার কাঠামোর প্রতিনিধিত্ব করে। অর্থা, এটি ওয়েবসাইট তৈরির পরিকল্পনা বা স্ক্রিন ব্লূ প্রিন্ট হচ্ছে ওয়ারফ্রেম।
উত্তরঃ
সাধারণত HTML ফাইলে <!DOCTYPE html> নামে একটি ট্যাগ ব্যবহৃত হয়। এটি একটি ডকুমেন্ট টাইপ ডিক্লারেশন ট্যাগ। এর দ্বারা ব্রাউজার বুঝতে পারে যে ডকুমেন্টটি HTML 5 স্ট্যান্ডার্ড অনুসরণ করে লেখা হয়েছে এবং সেই অনুযায়ী রেন্ডার প্রদর্শন করে। এটি মূলত ডকুমেন্টের অংশ নয়, তবে লেখা জরুরি।
উত্তরঃ
উদ্দীপকের দৃশ্যকল্প-১ এর মতো ওয়েবপেইজ তৈরির জন্য HTML কোডটি হলো:
<html>
<body>
<table border=”2″ cellspacing=”0″ width=”300″>
<tr>
<th colspan=”2″ align =”center”> A & H
Company Ltd </th>
</tr>
<tr>
<td align=”center”>Order List </td>
<td align=”center”>Unorder List </td>
</tr>
<tr>
<tr>
<td>
<ol type=”i”>
<li>Book</li>
<li>Paper</li>
<li>Note Book</li>
</ol>
</td>
<td>
<ul type=”square”>
<li>Marker</li>
<li>Ink</li>
<li>Pencil</li>
</ul>
</td>
</tr>
</table>
</body>
</html>
উত্তরঃ
www.facebook.com
www.wikipedia.com
Question 11- (রাজশাহী বোর্ড-২০২৩)
উত্তরঃ
অ্যাট্রিবিউট হচ্ছে এমন কিছু শব্দ গুচ্ছ যা ট্যাগের বৈশিষ্ট্য নির্ধারক নির্দেশ হিসাবে কাজ করে।
উত্তরঃ
সাধারণত যে ভাষাগুলো তথা প্রোগ্রামিং ভাষাগুলো বড় অক্ষরের ও ছোট অক্ষরের বর্ণকে শনাক্ত করতে পারে তাদের কেস সেনসিটিভ (Case Sensitive) ভাষা বলে। HTML মূলত ওয়েবপেইজ এবং ওয়েব আযাপ্লিকেশন তৈরির জন্য ব্যবহৃত একটি মার্কআপ ল্যাংগুয়েজ। HTML পূর্ণরূপ Hyper Text Markup language এর মাধ্যমে ওয়েব ডকুমেন্টের বিভিন্ন ধরণের উপাদান উপকরণ তৈরি করা যায়। এইচটিএমএলে ব্যবহৃত ট্যাগ অ্যাট্রিবিউট কোনটিই কেস সেনসিটিভ নয়, তবে অ্যাট্রিবিউটের মান বা ভ্যালু কেস সেনসিটিভ হয়। HTMLপ্রধানত কোন প্রোগ্রামিং ল্যাঙ্গুয়েজ নয় বরং এটি একটি মার্ক-আপ ল্যাঙ্গুয়েজ যা ট্যাগের উপর ভিত্তি করে কাজ করে, ফলে অক্ষরের বড় ও ছোট হওয়ার পক্ষে এই ভাষার কোন দায়বদ্ধতা নেই।
উত্তরঃ
উত্তরঃ
ওয়েব পেজটি প্রদর্শনের জন্য প্রয়োজনীয় HTML CODE হচ্ছে:
<html>
<body>
<table border=”1″ cellspacing=”0″>
<tr>
<td>
<ol>
<li>Month</li>
<ul type=”circle”>
<li>January</li>
<li>February</li>
</ul>
<li>Day</li>
<ul type=”square”>
<li>Sunday</li>
<li>Monday</li>
</ul>
</ol>.
</td>
</tr>
</table>
</body>
</html>
Question 12- (রাজশাহী বোর্ড-২০২৩)
উত্তরঃ
হাইপারলিঙ্ক হচ্ছে একটি ওয়েব পেইজের কোন একটি অংশের সাথে বা কোন পেইজের সাথে অন্যান্য পেইজের সংযোগ স্থাপন করা।
উত্তরঃ
ওয়েব পেজ তৈরি করার পর ওয়েব সার্ভারে হোস্টিং করার প্রক্রিয়াকে ওয়েবসাইট পাবলিশিং বলে। সহজ ভাষায়, ইন্টারনেটে কনটেন্টবা বিষয় বস্তু প্রকাশ করার প্রক্রিয়া হচেছ ওয়েবসাইট পাবলিশিং। এই ওয়েবসাইটি মূলত একটি সার্ভারে পাবলিশ করতে হয় ফলে কিছু ধাপসমূহের মাধ্যমে কাজটি পরিপূর্ণ হয়। এই ধাপগুলো নি¤œরূপ:
১। ওয়েবপেইজ ডিজাইন ও তৈরি।
২। ওয়েব হোস্টিং করা।
৩। একটি ডোমেইন নেম রেজিস্ট্রেশন।
৪। ওয়েব সার্ভারে ওয়েবসাইটটি প্রেরণ।
উত্তরঃ
চিত্র-১ প্রদর্শনের জন্য HTML কোডটি নিম্নরূপ:
<html>
<body> .
<p align=”left”>Subject</p>
<ol type=”1″ start=”3″>
<li>English</li>
<li>Bangla</li>
<li>ICT</li>
</ol>
</body>
</html>
উত্তরঃ
চিত্র-২ ওয়েবপেইজে প্রদর্শনের জন্য ঐঞগখ কোডটি নি¤œরূপ:
<html>
<body>
<table border=”1″ cellspacing=”0″ width=”200″ height=”100″>
<tr>
<th colspan=”2″>Result Sheet</th>
</tr>
<tr align=”center”>
<td>Name</td>
<td rowspan=”2″>GPA</td>
</tr>
<tr align=”center”>
<td>Roll</td>
</tr>
</table>
</body>
</html>
Question 13- (কুমিল্লা বোর্ড-২০২৩)
X কলেজের দ্বাদশ শ্রেণির ছাত্রী আয়শা ঐঞগখ ব্যবহার করে ডকুমেন্ট তৈরি করল এবং Google Chrome ব্যবহার করে নি¤œরূপ আউটপুট দেখতে পেল:
2H2 + O2 = 2H2O
উত্তরঃ
ওয়েবসাইটগুলো ঘুরে দেখার অন্য তথা ওয়েব ব্রাউজ করার জন্য যে সকল সফটওয়্যার ব্যবহার করা হয় তাকে ওয়েব ব্রাউজার বলে।
উত্তরঃ
যে সকল ট্যাগের শুরু আছে কিন্তু তার শেষ কোন ট্যাগ নেই, এমন ট্যাগসমূহকে এম্পটি (empty) ট্যাগ বলে। < br > একটি অতি পরিচিত এবং বহুল ব্যবহৃত এম্পটি ট্যাগ । <br > ট্যাগ একটি একক লাইন বিরতি সন্নিবেশ করায়ম < br > ট্যাগ ঠিকানা বা কবিতা লেখার ক্ষেত্রে সবচেয়ে বেশি ব্যবহৃত হয়। এছাড়া একই প্যারাগ্রাাফে লাইন ব্রেক দিতে <br > ট্যাগটি ব্যবহৃত হয়।
উত্তরঃ
উদ্দীপকে X কলেজের দ্বাদশ শ্রেণীর ছাত্রী আয়েশা HTML ব্যবহার করে ডকুমেন্ট তৈরি করল এবং ব্রাউজার নিম্নরূপ আউটপুট দেখালো:
2H2 + O2 = 2H2O
AZÎe, D³ djvdj †`Lvi Rb¨ HTML †KvWwU n‡e-
<html>
<body>
<p>2H<sub>2</sub> + O<sub>2</sub> = 2H <sub>2</sub>O </p>
</body>
</html>
উত্তরঃ
উক্ত ফলাফলটির পরিবর্তে যদি (H + O)2 = H2 + 2HO + O2 পেতে চাই, তবে ʻগʼ নং প্রশ্নে ব্যবহৃত কোডের মাঝে বেশ কিছু পরিবর্তন আনতে হবে, এই পরিবর্তনের মাঝে প্রধান পরিবর্তনটি হচ্ছে আমাদের সাবস্ক্রিপ্ট ট্যাগের পরিবর্তে সুপারস্ক্রিপ্ট ট্যাগ ব্যবহার করতে হবে। নিম্নে পরিবর্তিত কোডটি দেখানো হলো:
<html>
<body>
<p> (H + O) <sup> 2 </sup> = H<sup> 2 </sup>
+ 2HO + O <sup> 2 </sup> <p>
</body>
</html>
উক্ত কোডটিতে দেখা যাচ্ছে, <p> ট্যাগের ভিতরে সমীকরণ লেখার জন্য <sub> ট্যাগের পরিবর্তে <sup> ট্যাগ ব্যবহার করা হয়েছে।
Question 14- (কুমিল্লা বোর্ড-২০২৩)
নিচের চিত্রটি দেখ এবং প্রশ্নগুলোর উত্তর দাও:
উত্তরঃ
যে সকল ওয়েবসাইটের ডেটার মান ওয়েব টেকনোলজি লোডিং বা পেইজ চালু করার পর পরিবর্তন করা যায় তাকে ডাইনামিক ওয়েবসাইট বলে।
উত্তরঃ
নেটওয়ার্কে যেকোনো কম্পিউটারকে চেনার জন্যে যে উপায়সমূহ আছে এর একটি হলো আইপি অ্যাড্রেস এবং অন্যটি হলো টেক্সট নির্ভর ডোমেইন নেম সিস্টেম (ডিএনএস)। ডোমেইন নেমও আইপি অ্যাড্রেস এর মত একটি স্বতন্ত্র ওয়েব সাইটকে নির্দেশ করে। তবে আইপি অ্যাড্রেস সংখ্যাভিত্তিক হওয়ায় এটি মনে রাখা কষ্টকর যার জন্য অক্ষর ভিত্তিক ডোমেইন নেইম ব্যবহার করা অধিক সুবিধাজনক। এই ডোমেইন নেমের মাধ্যমেই সারা বিশ্বের যেকোনো প্রান্তের ইন্টারনেট ব্যবহারকারীরা যেকোনো ওয়েব সাইটকে সহজে খুঁজে পায়। অতএব বলা যায়, ডোমেইন নেম IP Address এর পরিপূরক।
উত্তরঃ
উদ্দীপকের চিত্রটি আউটপুট হিসেবে পাওয়ার জন্য HTML কোডটি লেখা হলো:
<html>
<body>
<table border=”1″ cellspacing=”0″ width=”400″ height=”90″>
<tr align=”center”>
<td> Science </td>
<td> Commerce </td>
<td> Humanities </td>
</tr>
<tr align=”center”>
<td>Physics</td>
<td>Accounting</td>
<td>History</td>
</tr>
<tr align=”center”>
<td>Chemistry</td>
<td>Management</td>
<td>Islamic History</td>
</tr>
</table>
</body>
</html>
উত্তরঃ
যদি উদ্দীপকের টেবিলের কোড সারিকে স্তম্ভে এবং স্তম্ভকে সারিতে পরিণত করা হয় তাহলে নিম্নোক্ত কোডটি পাওয়া যাবে-
<html>
<body>
<table border=”1″ cellspacing=”0″ width=”400″ height=”90″>
<tr align=”center”>
<td>Science</td>
<td>Physics</td>
<td>Chemistry</td>
</tr>
<tr align=”center”>
<td> Commerce </td>
<td> Accounting </td>
<td> Management </td>
</tr>
<tr align=”center”>
<td> Humanities</td>
<td> History</td>
<td>Islamic History</td>
</tr>
</table>
</body>
</html>
এবং উক্ত কোডটির ফলাফল হবে:
Question 15- (যশোর বোর্ড-২০২৩)
Mango:
Seasonal Fruit
- Green
- Red
Jack Fruit:
National Fruit
- Green
Yellow
একজন ফল ব্যাবসায়ী তার প্রতিষ্ঠানের জন্য একটি ওয়েবসাইট তৈরি করে নেয়। যেখানে ফলের বিবরণের জন্য একটি ওয়েবপেজ আছে যার আউটপুট চিত্র- ১ এর ন্যায়। তার ওয়েবসাইটের ফলের দাম নিয়মিত আপডেট হয় না। ফলে ক্রেতারা ভুল তথ্য পায়।
উত্তরঃ
অ্যাট্রিবিউট হচ্ছে এমন কিছু শব্দ গুচ্ছ যা ট্যাগের বৈশিষ্ট্য নির্ধারক নির্দেশ হিসেবে কাজ করে।
উত্তরঃ
নেটওয়ার্কে যেকোনো কম্পিউটারকে চেনার জন্যে যে উপায়সমূহ আছে এর একটি হলো আইপি অ্যাড্রেস এবং অন্যটি হলো টেক্সট নির্ভর ডোমেইন নেম সিস্টেম (ডিএনএস)। ডোমেইন নেমও আইপি অ্যাড্রেস এর মত একটি স্বতন্ত্র ওয়েব সাইটকে নির্দেশ করে। তবে আইপি অ্যাড্রেস সংখ্যাভিত্তিক হওয়ায় এটি মনে রাখা কষ্টকর যার জন্য অক্ষর ভিত্তিক ডোমেইন নেইম ব্যবহার করা অধিক সুবিধাজনক। এই ডোমেইন নেমের মাধ্যমেই সারা বিশ্বের যেকোনো প্রান্তের ইন্টারনেট ব্যবহারকারীরা যেকোনো ওয়েব সাইটকে সহজে খুঁজে পায়।
উত্তরঃ
চিত্র- ১ এর ন্যায় ফলাফল পেতে = কোডটি নিম্নরূপ:
<html>
<body>
<ul type=”none”>
<li>Mango:</li>
<ul type=”none”>
<li>Seasonal Fruit</li>
<ol type=”A”>
<li>Green</li>
<li>Red</li>
</ol>
</ul>
<li>Jack Fruit:</li>
<ul type=”none”>
<li>National Fruit</li>
<ul type=”square”>
<li>Green</li>
<li>Yellow</li>
</ul>
</ul>
<ul>
</body>
</html>
উত্তরঃ
উদ্দীপকের ওয়েবসাইটটিতে: ফলের নিয়মিত আপডেট পাওয়া যাচ্ছে না অর্থাৎ ওয়েবসাইটি একটি স্ট্যাটিকে ওয়েবসাইট স্ট্যাটিক ওয়েবসাইটে ওয়েবপেজ লোডিং বা চালুর পর ডেটার মান পরিবর্তন করা যায় না। অর্থাৎ এতে ডিজিটাল বা ক্রেতাদের থেকে, সরাসরি ইনপুট নেয়ার ব্যবস্থা না থাকায় মতামত প্রদানের ব্যবস্থা থাকে না। ফলে ক্রেতারা ভূল তথ্য পেয়েও কিছু জানাতে পারে না বা তথ্য আপডেট দিতে পারে না। এখন ওয়েবসাইটটিতে গ্রাহকদের সঠিক তথ্য প্রদানের জন্য করণীয় কাজ হচ্ছে ওয়েবসাইটটিকে ডায়নামিক ওয়েবসাইটে পরিবর্তন করা। ডায়নামিক ওয়েবসাইটে ডেটার মান ওয়েবপেইজে লোডিং বা চালু করার পরও পরিবর্তন করা যায়। শুধু html দিয়ে একটি স্ট্যাটিক ওয়েবপেইজ তৈরি করতে পারা যায়। এরপর সিএসএম (CSS) ব্যবহার করে ঐ পেজটিকে আরেকটু উন্নত করা যায়। এরপর জাভাস্ক্রিপ্ট ব্যবহার করলে ঐ ওয়েবপেইজটি ডায়নামিক হওয়া শুরু হয়। সবশেষে পিএইচপি, এএসপি/ জেএসপি এবং সাথে ডেটাবেজ দিয়ে পূর্ণাঙ্গ ডায়নামিক ওয়েবসাইট করতে পারা যায়। সুতরাং, উদ্দীপকের স্ট্যাটিক ওয়েবসাইটটিকে তথ্য আপডেট প্রদানের জন্য অর্থাৎ ডায়নামিক ওয়েবসাইটে রূপান্তরের জন্য HTML ভাষার সাথে স্ক্রিপ্টিং ভাষা যেমন- php , ASP ভাষা এবং ডেটাবেজ এর ব্যবহার প্রয়োজন
Question 16- (চট্টগ্রাম বোর্ড-২০২৩)
হাবিব একটি ওয়েবসাইট তৈরি করল যার হোমপেজের সাথে ৩টি মূল ওয়েবপেজ সংযুক্ত। আবার প্রতিটি মূল পেজের সাথে ২টি করে ওয়েবপেজ সংযুক্ত। ওয়েবসাইটটির হোমপেজে কলেজের নাম ও ছবি সংযুক্ত।
উত্তরঃ
সার্চ ইঞ্জিন হচ্ছে এমন এক ধরনের টুল যার সাহায্যে ইন্টারনেটের অজ¯্র ওয়েব সার্ভার থেকে সহজেই যেকোনো তথ্য খুঁজে বের করা যায়।
উত্তরঃ
ইন্টারনেট ব্যবহারকারীদের দেখার উপযোগী ইন্টারনেটের সাথে সংযুক্ত সার্ভারে রাখা ফাইলকে ওয়েবপেইজ বলে। এবং ইন্টারনেট ব্যবহার করে ওয়েবসাইট ভিজিটের উদ্দেশ্যে ব্যবহারকারী যে সফটওয়্যার ব্যবহার করে থাকেন, তাকে ওয়েব ব্রাউজার বা ব্রাউজার বলে। অর্থাৎ একটি ওয়েব পেইজ দেখতে হলে বা কোনো তথ্য সন্ধানের প্রয়োজন হলে, যদি এক ইউজার ওই ওয়েব পেইজ দেখতে চায়, তাকে অবশ্যই ব্রাউজার ব্যবহার করতে হবে। কেননা ইন্টারপ্রেটারের ন্যায় ওয়েবপেইজে লিখিত কোডগুলো অনুবাদ করে ইউজারের কাছে প্রকাশ করে ব্রাউজার। অতএব, আমরা বলতে পারি,ওয়েব পেইজের সাথে ব্রাউজার সম্পর্কিত।
উত্তরঃ
হাবিবের ওয়েবসাইটির কাঠামো হচ্ছে হায়ারার্কিক্যাল বা ট্রি কাঠামো।
যে ওয়বেসাইটরে পইেজগুলো শাখা-প্রশাখায় সাজানো থাকে তাকে ট্রি বা হায়ারারকক্যিাল কাঠামো বলা হয়।
1) এতে ব্যবহারকারী প্রথমে হোমপজেে প্রবশে কর।ে এটি হোমপজে নর্ভির ওয়বে কাঠামো।
2) হোমপজেে মনেু, সাব-মনেু ও অন্যান্য পজেরে লংিক থাকে ।
3) এই পদ্ধতি ব্যবহার করে ওয়বেসাইটকে বভিন্নি অংশে ভাগ করা যায় ।
4) এ স্ট্রাকচারে ওয়বেসাইটরে ভজিটিরগণ সহজইে বুঝতে পারে কোন অংশে তার প্রয়োজনীয় তথ্য রয়ছে।ে
5) হায়ারারকক্যিাল স্ট্রাকচারে ওয়বে পইেজগুলো এক বা একাধকি লভেলেে বভিক্ত থাকে ।
6) তথ্য উপস্থাপনে এটি সবচযে়ে সহজ ও উত্তম ।
7) ওয়বেসাইট কাঠামোর মধ্যে এটি হচ্ছে সবচযে়ে জনপ্রযি় ও যুক্তযিুক্ত।
8) বশেরিভাগ ওয়বে পজেে এ স্ট্রাকচারটি ব্যবহৃত হয় ।
9) বড় বড় প্রতষ্ঠিানরে ক্ষত্রেে যমেন-স্কুল, কলজে, ব্যাংক, বীমা, বশ্বিবদ্যিালয়সহ বভিন্নি ব্যবসায়কি প্রতষ্ঠিানরে ওয়বেসাইটে ধরনরে স্ট্রাকচার ব্যবহার করা হয় ।
উদাহরণ : www.facebook.com
উত্তরঃ
উদ্দীপকে দেখা যাচ্ছে, হাবিব একটি ওয়েবসাইট তৈরি করল যার হোমপেইজের সাথে ৩টি মূল ওয়েবপেইজ সংযুক্ত। আবার প্রতিটি মূল পেজের সাথে ২টি করে ওয়েবপেজ সংযুক্ত। এবং ওয়েবসাইটটির হোমপেজে কলেজের নাম ও ছবি সংযুক্ত।
অতএব, ওয়েবসাইটির হোমপেইজের জন্য html কোডটি নিম্নরূপ:
<htmL>
<body>
<h1>Home Page</h1>
<h3>College Name</h3>
<img src=”homepage.jpg”>
<ul type=”square”>
<li><a href=”aboutus.com”>About Us</a></li>
<li><a href=”contact .com”> Contact</a></li>
<li><a href=”department.com”>All Department</a>
</ul>
</body>
</html>
উক্ত কোডে ব্যবহৃত ট্যাগসমূহ ব্যাখ্যা করা হলো:
১। html ট্যাগ: <html > ট্যাগ দ্বারা html ডকুমেন্টের মূলকে প্রতিনিধিত্ব করা হয়।
২। head ট্যাগ: এই <head > ট্যাগ সকল মেটাডেটার ধারক হিসেবে কাজ করে।
৩। title ট্যাগ: <title > ট্যাগ দ্বারা html ডকুমেন্টটির টাইটেল বা শিরোনাম প্রকাশ করা হয়।
৪। body ট্যাগ: <body> ট্যাগ দিয়ে ডকুমেন্টটির বডিকে নির্দেশ করে অর্থাৎ এখানেই যাবতীয়, তথ্য লেখা হয়ে থাকে।
৫। img ট্যাগ: <img > ট্যাগ একটি ফাকা ট্যাগ যা মূলত html ডকুমেন্টে ছবি সংযোজনের জন্য নেওয়া হয়।
৬। ul ট্যাগ: <ul > ট্যাগটি ব্যবহৃত হয় আনঅর্ডারড লিস্ট তৈরিতে তথা বুলেট পয়েন্ট তৈরি করতে ।
৭। li ট্যাগ: <li> ট্যাগটি ব্যবহৃত হয় লিস্টিং করতে। অর্ডারড বা আনর্ডারড, উভয় ক্ষেত্রেই এর ব্যবহার রয়েছে।
Question 17- (চট্টগ্রাম বোর্ড-২০২৩)
উত্তরঃ
অ্যাট্রিবিউট হচ্ছে এমন কিছু শব্দ গুচ্ছ যা ট্যাগের বৈশিষ্ট্য নির্ধারক নির্দেশ হিসেবে কাজ করে।
উত্তরঃ
সাধারণত যে ভাষাগুলো তথা প্রোগ্রামিং ভাষাগুলো বড় অক্ষরের ও ছোট অক্ষরের বর্ণকে শনাক্ত করতে পারে তাদের কেস সেনসিটিভ (Casc Sensitive) ভাষা বলে। HTML মূলত ওয়েবপেইজ এবং ওয়েব আযাপ্লিকেশন তৈরির জন্য ব্যবহৃত একটি মার্কআপ ল্যাংগুয়েজ। HTML পূর্ণরূপ Hyper Text Markup language এর মাধ্যমে ওয়েব ডকুমেন্টের বিভিন্ন ধরণের উপাদান উপকরণ তৈরি করা যায়। এইচটিএমএলে ব্যবহৃত ট্যাগ অ্যাট্রিবিউট কোনটিই কেস সেনসিটিভ নয়, তবে অ্যাট্রিবিউটের মান বা ভ্যালু কেস সেনসিটিভ হয়। HTML প্রধানত কোন প্রোগ্রামিং ল্যাঙ্গুয়েজ নয় বরং এটি একটি মার্ক-আপ ল্যাঙ্গুয়েজ যা ট্যাগের উপর ভিত্তি করে কাজ করে, ফলে অক্ষরের বড় ও ছোট হওয়ার পক্ষে এই ভাষার কোন দায়বদ্ধতা নেই।
উত্তরঃ
চিত্র-১ এর মত মত ওয়েবপেইজ তৈরির জন্য যঃসষ কোডিং নি¤েœ দেখানো হলো:
<html>
<body>
<u>Product List</u>
<ol type=”1″>
<li>Book</li>
<li>Pen</li>
<li>Bag</li>
</ol>
</body>
</html>
উত্তরঃ
চিত্র নং- ২ এর মত ওয়েবপেইজ তৈরির জন্য html কোডিংটি হবে:
<html>
<body>
<table border=”1″ cellspacing=”0″ width=”250″>
<tr>
<th>SL</th>
<th colspan=”2″>ABC Company</th>
</tr>
<tr align=”center”>
<td>A</td>
<td>Monitor</td>
<td rowspan=”2″><img src=”Rose.jpg”></td>
</tr>
<tr align=”center”>
<td>B</td>
<td>Keyboard</td>
</tr>
</table>
</body>
</html>
Question 18- (বরিশাল বোর্ড-২০২৩)
< html >
<body>
<ul>
<li> Bangladesh </li>
</ul>
</ body >
</ html >
( দৃশ্যকল্প-১)
উত্তরঃ
ইন্টারনেটে যুক্ত প্রতিটি কম্পিউটারের একটি নিজস্ব ঠিকানা থাকে। এই ঠিকানাকে আইপি অ্যাড্রেস বা Internet Protocol Address বলে।
উত্তরঃ
সাধারণত যে ট্যাগসমূহের শুধু শুরুর ট্যাগ বিদ্যমান কিন্ত এদের শেষ ট্যাগ থাকে না, তাদের এম্পটি ট্যাগ বা খালি বা ফাকা ট্যাগ বলে। HTML ডকুমেন্ট ছবি সংযোজনের জন্য ব্যবহৃত ট্যাগ হচ্ছে imgae ট্যাগ। Image ট্যাগ লেখার সিনট্যাক্স হচ্ছে <img src = “ছবির নাম. ছবির ফরমেট”>।
উক্ত সিনট্যাক্সেই দেখা যাচ্ছে, <img> ট্যাগের শুরু থাকলেও এর শেষ ট্যাগ হিসেবে কোন ট্যাগ (যেমন: <html > …………… </html >) নেই। ফলে img ট্যাগের কেবল এট্রিবিউট বিদ্যমান, ভিতরে কোন এলিমেন্ট নেই। অর্থাৎ img একটি এম্পটি এলিমেন্টের ট্যাগ।
উত্তরঃ
দৃশ্যকল্প-১ ব্যবহার করে দৃশ্যকল্প-২ পাওয়ার জন্য HTML কোড লিখ।
<html>
<body>
<ul>
<li type=”disc”>Bangladesh</li>
<li type=”circle”>Dhaka</li>
<li type=”circle”>Rajshahi</li>
<li type=”circle”>Sylhet</li>
<li type=”circle”>Khulna</li>
</ul>
</body>
</html>
উত্তরঃ
দৃশ্যকল্প-১ ও দৃশ্যকল্প-৩ ব্যবহার করে নতুন একটি ওয়েবপেজ তৈরি করার জন্য HTML কোডটি নি¤েœ লেখা হলো:
<html>
<body>
<a href=”ABcollege.edu.bd”><img src=”image.jpg”></a>
<ul>
<li type=”disc”>Bangladesh</li>
<li type=”circle”>Dhaka</li>
<li type=”circle”>Rajshahi</li>
<li type=”circle”>Sylhet</li>
<li type=”circle”>Khulna</li>
</ul>
</body>
</html>
Question 19- (সিলেট বোর্ড-২০২৩)
উত্তরঃ
যে সকল ওয়েবসাইটের ডেটার মান ওয়েব টেকনোলজি লোডিং বা পেইজ চালু করার পর পরিবর্তন করা যায় তাকে ডাইনামিক ওয়েবসাইট বলে।
উত্তরঃ
ওয়েব পেজ তৈরি করার পর ওয়েব সার্ভারে হোস্টিং করার প্রক্রিয়াকে ওয়েবসাইট পাবলিশিং বলে। সহজ ভাষায়, ইন্টারনেটে কনটেন্টবা বিষয় বস্তু প্রকাশ করার প্রক্রিয়া হচেছ ওয়েবসাইট পাবলিশিং। এই ওয়েবসাইটি মূলত একটি সার্ভারে পাবলিশ করতে হয় ফলে কিছু ধাপসমূহের মাধ্যমে কাজটি পরিপূর্ণ হয়। এই ধাপগুলো নি¤œরূপ:
১। ওয়েবপেইজ ডিজাইন ও তৈরি।
২। ওয়েব হোস্টিং করা।
৩। একটি ডোমেইন নেম রেজিস্ট্রেশন।
৪। ওয়েব সার্ভারে ওয়েবসাইটটি প্রেরণ।
উত্তরঃ
দৃশ্যকল্প-১ কে আউটপুট হিসেবে প্রদর্শনের জন্য ঐঞগখ কোডটি নিম্নরূপ:
<html>
<body>
<ol type=”A” start = “3”>
<li>Coffee</li>
<li>Tea</li>
<ul type=”disc”>
<li>Black</li>
<li>Green</li>
</ul>
<li> Milk </li>
</ol>
</body>
</html>
উত্তরঃ
দৃশ্যকল্প-২ এর জন্য ঐঞগখ কোডটি নি¤œরূপ:
<html>
<body>
<table border=”1″ cellspacing=”0″ width=”300″>
<tr>
<th colspan=”3″>Result</th>
</tr>
<tr align=”center”>
<td rowspan=”2″><u>ICT</u></td>
<td>CQ</td>
<td>MCQ</td>
</tr>
<tr align=”center”>
<td>45</td>
<td>25</td>
</tr>
<tr align=”center”>
<td><u>English</u></td>
<td colspan=”2″>95</td>
</tr>
</table>
</body>
</html>
নিয়ে ব্যবহৃত ট্যাগগুলোর বণর্না দেওয়া হলো:
<html> ⟶ html । ডকুমেন্টকে বোঝাতে এই ট্যাগ ব্যবহার হয়।
HTML এর মূলকে বোঝাতে <html > ট্যাগ ব্যবহৃত হয়।
<head > ⟶ সকল ধরনের মেটাডেটার কন্টেইনার হিসেবে <যবধফ> ব্যবহৃত হয়।
<title> ⟶ শিরোনাম বা টাইটেল বোঝাতে এই ট্যাগ ব্যবহৃত হয়।
<body > ⟶ এই ট্যাগের ভিতরেই মূলত সব html উপাদান বিস্তৃত থাকে।
<table > ⟶ টেবিল তৈরির জন্য <table> ট্যাগ ব্যবহৃত হয়।
<tr > ⟶ টেবিলের জড়ি বা সারি তৈরির জন্য <tr> … </tr> ট্যাগটি ব্যবহৃত হয়।
<th > ⟶ টেবিলের হেডিং দিতে <th> ব্যবহার করা হয়।
<td > ⟶ টেবিলের ডাটা ইনপুট দিতে <td> … </td> ট্যাগ ব্যবহার করা হয়।
Question 20- (দিনাজপুর বোর্ড-২০২৩)
উত্তরঃ
ওয়েবসাইটকে ইন্টারনেটের সাথে যুক্ত কোনো ওয়েব সার্ভারে সংরক্ষণ করাকে ওয়েব হোস্টিং বলে।
উত্তরঃ
উত্তরঃ
দৃশ্যকল্প-১ এর জন্য প্রয়োজনীয় ঐঞগখ কোড হলোঃ
<html>
<body>
<ol type=”1″ start=”2″>
<li>ICT Book Writer Name:</li>
<ul type=”circle”>
<li>Mr. X</li>
<li>Mr. Y</li> </ul>
<li>Bangla Book Writer Name:</li>
<ul type=”square”>
<li>Mr. A</li>
<li>Mr. B</li>
</ul>
</ol>
</body>
</html>
উত্তরঃ
দৃশ্যকল্প-২ ওয়েবপেজে প্রদর্শন করা সম্ভব। আমার মতামতের যৌক্তিকতা হিসেবে নি¤েœর HTML কোডটি দেখানো হলো:
<html>
<body>
<table border=”1″ cellspacing=”0″ width=”400″>
<caption><b> Marks sheet</b></caption>
<tr>
<th rowspan=”2″>Roll No.</th>
<th colspan=”2″>Bangla</th>
<th colspan=”2″>English</th>
</tr>
<tr align=”center”>
<td> 1st</td>
<td>2nd</td>
<td>1st</td>
<td>2nd</td>
</tr>
<tr align=”center”>
<td>001</td>
<td>85</td>
<td>67</td>
<td>58</td>
<td>70</td>
</tr>
<tr align=”center”>
<td>002</td>
<td>65</td>
<td>75</td>
<td>60</td>
<td>55</td>
</tr>
<tr align=”center”>
<td>003</td>
<td>72</td>
<td>61</td>
<td>48</td>
<td>63</td>
</tr>
</table>
</body>
</html>
Question 21- (ময়মনসিংহ বোর্ড-২০২৩)
উত্তরঃ
ইন্টারনেটে যুক্ত প্রতিটি কম্পিউটারের একটি নিজস্ব ঠিকানা থাকে। এই ঠিকানাকে আইপি অ্যাড্রেস বা Internet Protocol Address বলে।
উত্তরঃ
ওয়্যারফ্রেমিং হল কাঠামোগত স্তরে একটি ওয়েবসাইট পরিষেবা ডিজাইন করার একটি উপায়: একটি ওয়্যারফ্রেম সাধারণত একটি পৃষ্ঠার সাময়িক এবং কার্যকরিতা লে আউট করতে ব্যবহৃত হয় যা ব্যবহারকারীর চাহিদা এবং ব্যবহারকারীর ভ্রমণকে বিবেচনা করে তৈরি করা হয়। ওয়্যারফ্রেমগুলি ভিজ্ুয়াল ডিজাইন এবং বিষয়বস্তু যোগ করার আগে একটি পৃষ্ঠার মৌলিক কাঠামো স্থাপন করার জন্য বিকাশ প্রক্রিয়ার প্রথম দিকে ব্যবহার করা হয়। একটি ওয়্যারফ্রেমের উদ্দেশ্য হল সৃজনশীল পর্যায়টি চালু হওয়ার আগে স্টেকহোল্ডার এবং প্রকল্প দলের অনুমোদন পেতে একটি প্রকল্পের প্রথম দিকে একটি পৃষ্ঠার চাক্ষুস উপলব্ধি প্রদান করা।
উত্তরঃ
চিত্র-১ এর ওয়েবসাইট কাঠামোটি হচ্ছে হাইব্রিড কাঠামো এখানে লিংকড ও ট্রি কাঠামোর সমন্বয় ঘটানো হয়েছে। সাধারণত একটি কৌশল ব্যবহার করে কখনও একটি ওয়েবসাইট তৈরি করা হয় না। বরং একাধিক কৌশলের সমন্বয়ে একটি ওয়েবসাইট ডিজাইন করা হয়ে থাকে। ট্রি স্ট্রাকচার ব্যবহার করে কোনো ওয়েবসাইট হার্ডডিস্কে বেশি জায়গা দখল করে। তাই একাধিক কৌশল ব্যবহার করে ওয়েবসাইট তৈরি হয়। তরে এক ওয়েবপেইজ থেকে আরেক ওয়েবপেইজে যাওয়ার জন্য যা ব্যবহার করা হয় যেমন: লিংক, বাটন মেনু ইত্যাদি অবশ্যই স্পষ্ট হতে হবে। যদি লিংক গুলো কোনো পেইজের উপরে বামে দিকে দেয়া হয় তবে একই লিংক পেইজের নিচেও দেয়া উচিৎ। উদ্দীপকের চিত্র-১ এ এভাবেই ওয়েব লিংক কাঠামো ব্যবহৃত হয়েছে HOME, Result, Images পেজের মধ্যে এবং Resultথেকে XI, XII, Test ওয়েবপেইজে ট্রি স্ট্রাকচারে রেখে, দুই ধরনের ওয়েব কাঠামোর পেজ লিংক করা হয়েছে।
উত্তরঃ
চিত্র-১ ওয়েব ব্রাউজারে প্রদর্শনের জন্য HTML কোডটি নি¤œরূপ: যেখানে সংযোজিত চিত্রটি ঢ়photo.jpg এবং সাইজ Size100 × 80
<html>
<body>
<table border=”2″>
<tr>
<th colspan=”2″>Bangladesh</th>
</tr>
<tr>
<td align=”center”>
<img src=”photo.jpg” height=”100″ width=”80″>
<figcaption>photo</figcaption>
<td>
<ol style=”margin-left: -20px”>
<li>Dhaka</li>
<li>Dinajpur</li>
<li>Rangpur</li>
</ol>
</td>
</tr>
<tr>
<td colspan=”2″ align=”center”>Welcome</td>
</tr>
</table>
</body>
</html>
Question 22- (ঢাকা বোর্ড-২০১৯)
www.board.edu.bd ওয়েবসাইটের মাধ্যমে ICT নম্বর দেখতে হলে “board” এর উপর ক্লিক করতে হবে।
উত্তরঃ
FTP বা File Transfer Protocol হচ্ছে এটি ইন্টারনেট মাধ্যম ব্যবহার করে ফাইল আদান-প্রদানের জন্য ব্যবহৃত প্রোটোকল (Protocol)।
উত্তরঃ
ইন্টারনেট তথা ওয়েবে লেখা, অডিও, ভিডিও, স্থির চিত্র, এনিমেশন ইত্যাদি তথ্য রাখার পেইজকে বলে ওয়েবপেইজ । সুতরাং আমরা বলতে পারি, ইন্টারনেট ব্যবহারকারীদের দেখার উপয়োগী ইন্টারনেটের সাথে সংযুক্ত বিভিন্ন দেশের সার্ভারে রাখা ফাইলকে ওয়েবপেইজ বলে। আবার একই ডোমেইনের অধীনে পরস্পর সংযোগযোগ্য একাধিক ওয়েবপেজের সমষ্টিকে ওয়েবসাইট বলে। এক বা একাধিক ওয়েবপেইজের সমন্বয়ে ওয়েবসাইট তৈরি হয়।
উত্তরঃ
চিত্র-১ হলো মেনু বা ট্রি বা হায়ারারকক্যিাল ওয়েব স্ট্রাকচার।
যে ওয়বেসাইটরে পইেজগুলো শাখা-প্রশাখায় সাজানো থাকে তাকে ট্রি বা হায়ারারকক্যিাল কাঠামো বলা হয়।
1) এতে ব্যবহারকারী প্রথমে হোমপজেে প্রবশে কর।ে এটি হোমপজে নর্ভির ওয়বে কাঠামো।
2) হোমপজেে মনেু, সাব-মনেু ও অন্যান্য পজেরে লংিক থাকে ।
3) এই পদ্ধতি ব্যবহার করে ওয়বেসাইটকে বভিন্নি অংশে ভাগ করা যায় ।
4) এ স্ট্রাকচারে ওয়বেসাইটরে ভজিটিরগণ সহজইে বুঝতে পারে কোন অংশে তার প্রয়োজনীয় তথ্য রয়ছে।ে
5) হায়ারারকক্যিাল স্ট্রাকচারে ওয়বে পইেজগুলো এক বা একাধকি লভেলেে বভিক্ত থাকে ।
6) তথ্য উপস্থাপনে এটি সবচযে়ে সহজ ও উত্তম ।
7) ওয়বেসাইট কাঠামোর মধ্যে এটি হচ্ছে সবচযে়ে জনপ্রযি় ও যুক্তযিুক্ত।
8) বশেরিভাগ ওয়বে পজেে এ স্ট্রাকচারটি ব্যবহৃত হয় ।
9) বড় বড় প্রতষ্ঠিানরে ক্ষত্রেে যমেন-স্কুল, কলজে, ব্যাংক, বীমা, বশ্বিবদ্যিালয়সহ বভিন্নি ব্যবসায়কি প্রতষ্ঠিানরে ওয়বেসাইটে ধরনরে স্ট্রাকচার ব্যবহার করা হয় ।
উদাহরণ :www.facebook.com
উত্তরঃ
চিত্র-২ ওয়েব ব্রাউজারে প্রদর্শনের জন্য HTML কোড নি¤œরূপ:
<!DOCTYPE html>
<html>
<body>
<table border=”1″ width=”200″ cellspacing=”0″>
<caption>HSC-2019</caption>
<tr>
<td align=”center” colspan=”2″>ICT</td>
</tr>
<tr height=”150″>
<td valign=”top” align=”center”>Subject</td>
<td valign=”top” align=”center”>Board</td>
</tr>
</table>
</body>
</html>
Question 23- (রাজশাহী বোর্ড-২০১৯)
উত্তরঃ
একই ডোমেইনের অধীনে একাধিক ওয়েব পেজের সমষ্টিকে ওয়েবসাইট বলে।
উত্তরঃ
ডোমেইন নেইম হচ্ছে ইন্টারনেটে এক বা একাধিক আইপি অ্যাড্রেসকে সনাক্তকরণের জন্য একটি অদ্বিতীয় আলফানিউমেরিক (ক্যারেক্টার এবং নাম্বার সম্বলিত) ঠিকানা। যেমন shikkha.org একটি ডোমেইন নেইম। এই ডোমেইন নেইম ব্যবহার করে 172.168.10.1 আইপি নাম্বার কম্পিউটারকে খুঁজে বের করা যায়। অন্যভাবে বলা যায় যে, ওয়েব সাইটের মাধ্যমে ইন্টারনেটে উপস্থিতি কিংবা তথ্য আদান-প্রদান করার জন্য একটি অদ্বিতীয় ঠিকানা প্রয়োজন যা ডোমেইন নেইম হিসাবে পরিচিত।
উত্তরঃ
দৃশ্যকল্প-১ এর HTML কোড নি¤œরূপ:
<html>
<body>
<table border=”1″ cellspacing=”0″>
<tr>
<td align=”center”>
<h1>WELCOME ICT LAB</h1> <h2>WELCOME ICT LAB</h2> <p>A<sub>2</sub>B<sup>2</sup></p>
</td>
</tr>
</table>
</body>
</html>
উত্তরঃ
উদ্দীপক অনুসারে দৃশ্যকল্প-২ এর টেবিল তৈরির HTML কোড নি¤œরূপ:
<html>
<body>
<table border=”1″ cellspacing=”0″ width=”200″ height=”100″>
<tr align=”center”>
<td>
<a href=”https://www.book.com”>Book</a>
</td>
<td valign=”top”>
<img src=”book.jpg” width=”50″ height=”50″>
<figcaption>Book.jpg</figcaption>
</td>
</tr>
</table>
</body>
</html>
Question 24- (কুমিল্লা বোর্ড-২০১৯)
আইসিটি শিক্ষক ক্লাসে html পড়াচ্ছিলেন। তিনি ছাত্রদের টেবিলটির ফাঁকা ঘরে Logo.jpg চিত্রটি প্রদর্শনসহ সম্পূর্ণ টেবিলটি তৈরির html code লিখে দেখালেন।
তারপর ছাত্রদের নিচের অনুচ্ছেদটির মত আউটপুট পাওয়ার জন্য html code লিখতে বললেন:
Quick brown fox
Jumps over the lazydog
and then it fall
prey to a lion.
চিত্র-২
উত্তরঃ
সার্চ ইঞ্জিন হচ্ছে এমন এক ধরনের টুল যার সাহায্যে ইন্টারনেটের অজ¯্র ওয়েব সার্ভার থেকে সহজেই যেকোনো তথ্য খুঁজে বের করা যায়।
উত্তরঃ
আইপি নেটওয়ার্ক তথা ইন্টারনেটের সাথে সংযুক্ত প্রতিটি কম্পিউটারের একটি পৃথক নিজস্ব ঠিকানা থাকে, তাকে আইপি এড্রেস বলে। আইপি এড্রেসকে নম্বরের সাহায্যে চিহ্নিত করা হয় যা মনে রাখা কষ্টকর। তাই আইপি এড্রেসকে সহজে ব্যবহারযোগ্য করার জন্য নম্বরের পরিবর্তে বিভিন্ন ইংরেজি ক্যারেক্টারের মাধ্যমে প্রকাশ করা যায়। ক্যারেক্টার ফর্মে দেয়া এরূপ নামকে ডোমেইন নেম বলে। সহজে মনে রাখা যায় বলে এটি আইপি এড্রেস এর চেয়ে সুবিধাজনক।
উত্তরঃ
ছাত্রদের তৈরি HTML কোড নিম্নরুপ হতে পারে:
<html>
<body>
<strong>Quick</strong><i> brown</i><u> fox</u><br>
<del>Jumps over</del> the lazy<sup>dog</sup><br> and<sub>then</sub><strong><i> it fall</i></strong><br>
<u> <i>prey</i> to a <i> lion. </i></u>
</body>
</html>
উত্তরঃ
উদ্দীপকের ফাঁকা ঘরে ছবিটি সংযোজনের ক্ষেত্রে টেবিলটি তৈরির html কোড নিম্নরুপ :
<html>
<body>
<table border=”1″ cellspacing=”0″ width=”250″>
<tr>
<td align=”center”>A</td>
<td colspan=”2″> B</td>
</tr>
<tr align=”center”>
<td>C</td>
<td>D</td>
<td rowspan=”2″><img src=”Logo.jpg”></td>
</tr>
<tr align=”center”>
<td>E</td>
<td>F</td>
</tr>
</table>
</body>
</html>
Question 25- (যশোর বোর্ড-২০১৯)
উত্তরঃ
ওয়েবসাইটগুলো ঘুরে দেখার জন্য তথা ওয়েব ব্রাউজ করার জন্য যে সকল সফটওয়্যার ব্যবহার করা হয় তাকে ওয়েব ব্রাউজার বলে।
উত্তরঃ
ইন্টারনেটে যুক্ত প্রতিটি কম্পিউটারের একটি ঠিকানা থাকে। এ ঠিকানাকে আইপি এ্যাড্রেস (IP Address) বলা হয়।
আইপি এ্যাড্রেসের জন্য সংখ্যা ব্যবহার করা হয় যা মনে রাখা কষ্টকর। আইপি এ্যাড্রেসকে সহজে মনে রাখা এবং ব্যবহারযোগ্য করার জন্য ইংরেজি অক্ষরের কোনো নাম ব্যবহার করা হয়। ক্যারেক্টার ফর্মের দেয়া কম্পিউটারের এরূপ নামকে ডোমেইন নেম বলা হয়। যেমন, আইপি এ্যাড্রেস 173.248.140.183 এর পরিবর্তে www.rafkhata.com ডোমেইন নেম ব্যবহার করা যায়। অর্থাৎ ডোমেইন নেইম এর গাণিতিক রূপ হচ্ছে আইপি এড্রেস।
উত্তরঃ
দৃশ্যকল্প-৩ ওয়েবপেজে প্রদর্শনের জন্য HTML কোড নি¤œরূপ:
<html>
<body>
<table border=”1″ cellspacing=”0″ width=”300″>
<caption><b>Student-Info</b></caption>
<tr align=”left”>
<th>Roll</th>
<th>Name</th>
<th>Address</th>
<th>Result</th>
</tr>
<tr >
<td>5001</td>
<td>Rima</td>
<td>Dhaka</td>
<td>3.5</td>
</tr>
<tr>
<td>5002</td>
<td>Moon</td>
<td>Sylhet</td>
<td>4.7</td>
</tr>
<tr>
<td>5003</td>
<td>Jui</td>
<td>Dhaka</td>
<td>5.0</td>
</tr>
<tr>
<td>5004</td>
<td>Koli</td>
<td>Cumilla</td>
<td>3.8</td>
</tr>
</table>
</body>
</html>
উত্তরঃ
- youtube.com
Question 26- (চট্টগ্রাম বোর্ড-২০১৯)
উত্তরঃ
ইন্টারনেটে যুক্ত প্রতিটি কম্পিউটারের একটি নিজস্ব ঠিকানা থাকে। এই ঠিকানাকে আইপি অ্যাড্রেস বা Internet Protocol Address বলে |
উত্তরঃ
ওয়েব ব্রাউজার হলো এমন একটি সফটওয়্যার যার মাধ্যমে একজন ব্যবহারকারী যেকোনো ওয়েবপেইজ, ওয়ার্ল্ড ওয়াইড ওয়েবে অথবা লোকাল এরিয়া নেটওয়ার্কে অবস্থিত কোনো ওয়েবসাইটের যেকোনো লেখা, ছবি এবং অন্যান্য তথ্যের অনুসন্ধান, ডাউনলোড কিংবা দেখতে পারেন। মূলত ওয়েব পেইজ প্রদর্শনই ওয়েব ব্রাউজারের কাজ। উল্লেখযোগ্য ওয়েব ব্রাউজারসমূহ হলো গুগল ক্রোম, মজিলা ফায়ারফক্স, সাফারি ইত্যাদি।
অপরদিকে, সার্চ ইঞ্জিন একটি সফটওয়্যার টুল যা ওয়ার্ল্ড ওয়াইড ওয়েব থেকে ইনফরমেশন খুঁজে বের করে। যেমন- Google, yahoo, Bing, MSN, পিপীলিকা ইত্যাদি।
উত্তরঃ
ব্রাউজারে উদ্দীপকের ন্যায় চিত্র-১ এর ফলাফল পেতে প্রয়োজনীয় HTML কোড নি¤œরূপ:
<html>
<body align=”center”>
<p>This is our national flower.</p>
<figure style=”display: inline-block;”>
<img src=”water lily.jpeg”>
<figcaption style=”border: 1px solid;”>Water lily.jpeg</figcaption>
</figure>
</body>
</html>
উত্তরঃ
উদ্দীপকের চিত্র-২ ওয়েব কাঠামোটি হলো লিনিয়ার কাঠামো। এ ধরনের কাঠামো বড় শিক্ষা প্রতিষ্ঠানের জন্য আদর্শ নয়। নিচের উক্তিটির সত্যতা যাচাই করা হলো-
লিনিয়ার কাঠামোতে ওয়েবসাইটের পেইজগুলো একটি নির্দিষ্ট অনুক্রমে (একের পর এক) সাজানো থাকে এবং কোন পেইজের পর কোন পেইজ আসবে তা নির্দেশিত থাকে বলে একে লিনিয়ার কাঠামো বলে। যখন কোনো ওয়েবসাইটের পেইজগুলো ক্রমানুসারে দেখার প্রয়োজন পড়ে তখন লিনিয়ার কাঠামো ব্যবহার করা হয়। এ ধরনের পেইজগুলোতে সাধারণত Next, Previous, Fag, Last ইত্যাদি লিঙ্ক ব্যবহার করা হয়ে থাকে। এ পদ্ধতিতে পেইজগুলো একটির পর আরেকটি ধারাবাহিকভাবে লিংক করা থাকে। এক্ষেত্রে ওয়েবসাইটে কোনো একটি পেইজ ভিজিট করতে হলে আগে তার পূর্ববর্তী পেইজ ভিজিট করতে হয়। অর্থাৎ এতে সরাসরি কোনো পেইজে যাওয়া যায় না। তাই বড় ধরনের বা অধিক সংখ্যক ওয়েব পেইজ বিশিষ্ট ওয়েবসাইটের ক্ষেত্রে এই কাঠামো উপযুক্ত নয়। অতএব বলা যায় “লিনিয়ার কাঠামো বড় শিক্ষা প্রতিষ্ঠানের জন্য আদর্শ নয়”- উক্তিটি যথার্থ।
Question 27- (বরিশাল বোর্ড-২০১৯)
দৃশ্যকল্প-১: ইলা ও আনজুম দুই বান্ধবী মিলে HTML দিয়ে First, Last, Next, Previous লিংকবিশিষ্ট একটি ওয়েবসাইট তৈরি করে। ওয়েবসাইটটি দ্রুত ব্রাউজ করা গেলেও তথ্য নিয়মিত আপডেট করতে সমস্যা হওয়ায় তারা PHP, MySQL ইত্যাদি টুলস দিয়ে ওয়েবসাইটটি পরিবর্তনের সিদ্ধান্ত নেয়।
উত্তরঃ
হাইপারলিঙ্ক হচ্ছে একটি ওয়েব পেইজের কোন একটি অংশের সাথে ‘বা কোন পেইজের সাথে অন্যান্য পেইজের সংযোগ স্থাপন করা।
উত্তরঃ
ওয়েব হোস্টিং হলো ওয়েবসাইট বা ওয়েব পেইজ ইন্টারনেটে প্রদর্শনের জন্য প্রয়োজনীয় প্রক্রিয়া। এ জন্য ওয়েবসাইটটিকে ইন্টারনেট সংযুক্ত কোনো সার্ভারের মেমোরি বা স্টোরেজে সংরক্ষণ জমা রাখতে হবে। ওয়েব হোস্টিং না করলে ওয়েবসাইটটিতে কোনো প্রবেশ থাকবে না বা এটি অন্য কেউ ব্রাউজ করতে পারবে না। তাই ওয়েব পেইজ তৈরি করার পর তা যে কোনো একটি নির্ভরযোগ্য ওয়েব সার্ভারে হোস্ট করা প্রয়োজন
উত্তরঃ
ইলা ও আনজুম দুই বান্ধবী মিলে HTML দিয়ে যে ওয়েব সাইট তেরি করে সেটি লিনিয়ার স্ট্রাকচার। নিচে লিনিয়ার স্ট্রাকচারটি ব্যাখ্যা করা হলো-
কোন ওয়বেসাইটরে পইেজগুলো ক্রমানুসারে করার স্ট্রাকচার বা কাঠামোকে লনিযি়ার স্ট্রাকচার বলা হয়
1) এতে প্রথম পইেজ থকেে প্রতটিি পইেজ পরপর সাজানো থাকে ।
2) পইেজগুলো একটরি পর আরকেটি এভাবে সংযুক্ত থাকে ।
3) এ ধরনরে পইেজগুলোতে সাধারণত ঘবীঃ, চৎবারড়ঁং, খধংঃ, ঋরৎংঃ ইত্যাদি লংিক ব্যবহার করা হয়।
4) এটি হচ্ছে সবচযে়ে সরলতম স্ট্রাকচার।
5) ওয়বেসাইটে কম সংখ্যক পইেজ থাকলে এ ধরণরে স্ট্রাকচার ব্যবহার করা হয়।
6) সহজে পইেজ আপলোড করা যায় এবং দ্রুত ব্রাউজ করা যায়।
7) সাধারণত প্রোগ্রামংি বা ট্রনেংি সাইটে এ ধরনরে স্ট্রাকচার ব্যবহার করা হয়।
8) বই, ম্যাগাজনি ইত্যাদি পড়ার সাইট এবং প্রজেন্টেশেনে এ ধরনরে কাঠামো ব্যবহৃত হয়।
9) অনলাইনে ফ্রম ফলি-আপ করার ওয়বেসাইটে এ ধরনরে স্ট্রাকচার ব্যবহার করা হয়। উদাহরণ :www.youtube.com
চিত্র: লিনিয়ার কাঠামো
উত্তরঃ
দৃশ্যকল্প-১ এ উল্লিখিত সিদ্ধান্তটি যৌক্তিক। কারণ-
HTML দিয়ে শুধু স্ট্যাটিক ওয়েবসাইট তৈরি করা গেলেও ডাইনামিক ওয়েব সাইট তৈরি করা যায় না।
স্ট্যাটিক ওয়েব সাইটের অসুবিধা-
১। কনটেন্ট আপডেট করতে প্রচুর সময় লাগে।
২। ওয়েবসাইটের আকার বৃদ্ধি পেলে কনটেন্টগুলো সহজে নিয়ন্ত্রণ করা যায় না।
৩। মানসম্মত ওয়েব পেইজ ডিজাইনিং অত্যন্ত কষ্টসাধ্য এবং সময়সাপেক্ষ।
Java Script, ASP.NET এখন PHP, MySQL ইত্যাদি টুলস ব্যবহার করে ডাইনামিক ওয়েবসাইট তৈরির মাধ্যমে উক্ত অসুবিধা সমূহ দূর করা যায়।
ডায়নামিক ওয়েবসাইটের সুবিধাসমূহ:
1) এ ধরনের ওয়েবসাইটে পরিবর্তনশীল তথ্য বা ইন্টারেক্টিভ ওয়েব পেইজ থাকে।
2) রান টাইমের সময় পেইজের ডিজাইন বা কনটেন্ট পরিবর্তন হতে পারে।
3) ডায়নামিক ওয়েবসাইট উন্নয়নে ডেটাবেজ ব্যবহৃত হয় এবং ডেটাবেজে কুয়েরীর মাধ্যমে বিভিন্ন পরিবর্তনশীল কন্টেন্ট তৈরি করতে গারে।
4) ডায়নামিক ওয়েবসাইট খুব ঘন ঘন পেইজের ভ্যালু বা কন্টেন্ট পরিবর্তন করতে পারে এবং ব্যবহারকারীদের নিকট হতে ইনপুট গ্রহণ করতে পারে।
উপরোক্ত আলোচনা হতে দেখা যায়, ওয়েবসাইটিকে স্ট্যাটিক থেকে PHP, MySQL ব্যবহার করে ডাইনামিক ওয়েবসাইট রুপাপ্তরের সিদ্ধান্তটি যৌক্তিক।
Question 28- (সিলেট বোর্ড-২০১৯)
শিলাদের কলেজের ওয়েবসাইটটি সার্ভার এবং ব্রাউজকারীর মধ্যে উভমুখী ডেটা সরবরাহ করে। শিলা একটি ওয়েবপেজ তৈরি করে যাতে “ourboard” লেখাটিতে ক্লিক করলে www.e-board.edu.bd” ওয়েবসাইটটি প্রদর্শিত হয়।
উত্তরঃ
এটি একটি HTML ট্যাগ যা সমান্তরাল লাইন তৈরিতে ব্যবহৃত হয়।
উত্তরঃ
হাইপারলিংক ট্যাগের আবশ্যিক অ্যাট্রিবিউট হলো href । href অ্যাট্রিবিউটটি লিংকের ঠিকানা বা গন্তব্য নির্ধারণ করে। এর সিনট্যাক্স বা গঠনটি নিম্নরূপ:
<a href= “url”>link text</a>
এখানে url অংশে লিংকের সম্পূর্ণ ঠিকানাটি লিখতে হয়।
উত্তরঃ
উত্তরঃ
ওয়েব পোর্টাল হচ্ছে একটি ওয়েবসাইটের মধ্যে বিভিন্ন লিংক, কন্টেন্ট ও সার্ভিস বা সেবার সংগ্রহ যা ব্যবহারকারীদেরকে তথ্য জানানোর জন্য সহজবোধ্যভাবে উপস্থাপন করা হয়। ওয়েবসাইটের যে কোনো একটি সার্ভিস ওয়েব পোর্টালের একটি অংশ হতে পারে। শিলার ওয়েব পেজের ourboard লেখাটিতে ক্লিক করলে www.e-board.edu.bd ওয়েবসাইটটিতে প্রদর্শিত হয় যা একটি লিংক। অতএব শিলার তৈরিকৃত পেজটি, একটি ওয়েব পোর্টাল।
<!DOCTYPE html>
<html>
<body>
<a href=”https//www.e-board.edu.bd”>ourboard</a>
</body>
</html>
Question 29- (দিনাজপুর বোর্ড-২০১৯)
পত্রিকার অনলাইন ভার্সনের ই-পেপার প্রথম পেইজ থেকে পরপর প্রতিটি পেইজ সাজানো থাকে। এ জন্য পাঠকগণের এ ধরনের পত্রিকা পড়ার প্রতি আগ্রহ দিন দিন বৃদ্ধি পাচ্ছে। ‘ক’ নামক বহুজাতিক কোম্পানির ওয়েবসাইট তৈরি করার ক্ষেত্রে খেয়াল রাখে যাতে তাদের প্রতিষ্ঠানের যে কোনো তথ্য খুঁজে পেতে অসুবিধা না হয়। কারণ এ ধরনের ওয়েবসাইটের পেইজগুলো অনেকদিক থেকে সংযুক্ত থাকে। তাছাড়া সৌন্দর্য বৃদ্ধির দিকেও নজর দেয়। ‘খ’ কোম্পানি তাদের ওয়েবসাইটের পেইজগুলো এমনভাবে তৈরি করেছে যার মূল পেইজের সাথে অন্যান্য পেইজগুলো সংযুক্ত থাকে।
উত্তরঃ
হাইপারলিষ্ক হচ্ছে একটি ওয়েব পেইজের কোন একটি অংশের সাথে বা কোন পেইজের সাথে অন্যান্য পেইজের সংযোগ স্থাপন করা।
উত্তরঃ
ওয়েব হোস্টিং: হলো ওয়েবসাইট বা ওয়েব পেইজ ইন্টারনেটে প্রদর্শনের তথা পাবলিশিং এর জন্য প্রয়োজনীয় প্রক্রিয়া। এ জন্য ওয়েব সাইটটিকে ইন্টারনেটের সাথে যুক্ত: কোনো সার্ভারের মেমোরিতে জমা রাখতে হবে। ওয়েব হোস্টিং না করলে ওয়েবসাইটটিতে কোনো প্রবেশ থাকবে না বা এটি অন্য কেউ ব্রাউজ করতে পারবে না। তাই ওয়েব পেইজ তৈরি করার পর তা কোন একটি নির্ভরযোগ্য ওয়েব সার্ভারে হোস্ট করা প্রয়োজন।
উত্তরঃ
উত্তরঃ
উদ্দীপক অনুসারে কোম্পানী-ক এর ওয়েব পেইজের কাঠামো হলো হাইবিড বা কম্বিনেশন বা মিশ্র কাঠামো। কোম্পানি-খ এর ওয়েব পেইজের কাঠামো হলো ওয়েব লিঙ্ক বা নেটওয়ার্ক কাঠামো। এ দুটি কাঠামোর মধ্যে কম্বিনেশন বা মিশ্র কাঠামো বেশি সুবিধাজনক।কারণ-
একাধকি কাঠামো ব্যবহার করে ডজিাইন করা ওয়বেসাইটকে হাইব্রডি বা কম্বনিশেন বা মক্সিড স্ট্রাকচার বলা হয়।
1) এ ধরনরে কাঠামোতে অনকে দকি থকেে লংিক করা থাক।ে ফলে তথ্য খুঁজে পতেে সহজ হয়।
2) এ ধরনরে কাঠামো ওয়বেসাইটরে সৌর্ন্দয বৃদ্ধি কর।ে
3) মমেোরি স্পসে কমানোর জন্য এ কাঠামো ব্যবহৃত হয়।
4) ভজিটিরদরে জন্য ভজিটি করা সহজ হয়।
5) সাধারণভাবে লনিযি়ার কাঠামো এবং হায়ারারকক্যিাল কাঠামোর মাধ্যমে হাইব্রডি কাঠামো তরৈি করা যায়।
উদাহরণ :www.google.com
অপরদিকে, যে ওয়বেসাইট কাঠামোতে সবগুলো পইেজ একটি অপরটরি সাথে লংিক থাকে তাকে নটেওযর়্াক কাঠামো বলা হয়।
1) এতে প্রত্যকে পইেজরে একে অপররে সাথে লংিক থাক।ে
2) মূল পইেজরে সাথে অন্যান্য পইেজও লংিক করা থাক।ে
3) সাধারণত বড় ধরনরে ওয়বেসাইট তরৈতিে এ কাঠামো বশে জনপ্রযি় এবং র্কাযকর ।
4) ফ্রমে ব্যবহার করে তরৈি করা ওয়বে পইেজগুলো এ কাঠামোর মাধ্যমে লংিক করা হয়ে থাকে যাতে একটি ফ্রমেরে
মধ্যে অন্যান্য পইেজরে লংিকগুলো মনেু আকারে রাখা হয় ।
5) এক্ষত্রেে অতরিক্তি মমেোরি স্পসে প্রয়োজন হয়।
6) ব্যবহাররে দকি থকেে এ স্ট্রাকচার সহজ হয়।
7) যত বশেি পইেজ হব,ে ততই এ ধরনরে ওয়বে স্ট্রাকচার গঠন করা জটলি হয়ে উঠবে ।
8) এটি নন লনিযি়ার এবং তুলনামূলক জটলি স্ট্রাকচার ।
উদাহরণ : www.wikipedia.com
শুধুমাত্র নেটওয়ার্ক কাঠামো ব্যবহার করে তৈরি করা ওয়েবসাইট হার্ডডিস্কে বেশি জায়গা দখল করে। তাই একাধিক স্ট্রাকচার অর্থাৎ কম্বিনেশন স্ট্রাকচার ব্যবহার করে ওয়েবসাইট গঠন করা বেশি সুবিধাজনক।
Question 30- (ঢাকা, যশোর, সিলেট ও দিনাজপুর বোর্ড-২০১৮)
শুধুমাত্র HTML ব্যবহার করে চন্দনা মডেল কলেজের একটি ওয়েবসাইট তৈরি করা হয়। সাইটটির হোম পেজে ict.jpg নামের 200×300px আকারে একটি ছবি আছে। ছবিটির নিচে notice.html নামের notice পেজের একটি লিংক আছে। ছবির উপরে “Welcome to Chandana Model College” লেখাটি নীল রঙে প্রদর্শিত হয় । সাইটটি তে ভিজিটরদের মতামতের কোন ব্যবস্থা নেই।
উত্তরঃ
ওয়েব পোর্টাল হচ্ছে একটি ওয়েবসাইটের মধ্যে বিভিন্ন লিংক, কনটেন্ট ও সার্ভিস বা সেবার সংগ্রহ যা ব্যবহারকারীদেরকে তথ্য জানানোর জন্য সহজবোধ্যভাবে উপস্থাপন করা হয়।
উত্তরঃ
কোনো সাইটকে নির্দিষ্ট কোন সার্ভারে স্থাপন এবং উক্ত ওয়েব সাইটটির যাবতীয় কার্যক্রম পরিচালনার জন্য প্রয়োজনীয় অবকাঠামোগত, সুবিধা প্রদান করা হয় ওয়েব হোস্টিং হচ্ছে মূলত অনলাইনে ওয়েব আপলোড করার সার্ভার বা কম্পিউটারের হার্ডডিস্কের জায়গা। অর্থাৎ এ জায়গাতে ওয়েব পেইজ বা ওয়েব সাইট অনলাইনে রাখা হয়। ওয়েবপেইজ অনলাইনে রাখা না হলে ওয়েব পেইজ দেখা যায় না। তাই হোস্টিং ওয়েব সাইট পাবলিশিং এর জন্য প্রয়োজনীয়।
উত্তরঃ
<html>
<body>
<p color=”blue”>Welcome to Chandana Model College</font></p>
<img src=”ict.jpg” width=”200″ height=”300″>
<p><a href=”notice.html”>Notice</a></p>
</body>
</html>
উত্তরঃ
উদ্দীপকে সাইটটিতে ভিজিটরদের মতামত প্রদানের কোনো ব্যবস্থা নেই। তাই উদ্দীপকের সাইটটি হলো স্ট্যাটিক ওয়েবসাইট। যেসব ওয়েবসাইটের ডেটার মান ওয়েবপেজ লোডিং বা চালু করার পর পরিবর্তন করা যায় না তাকে স্ট্যাটিক ওয়েবসাইট বলে। ওয়েবসাইটটিতে ভিজিটরদের মতামত গ্রহণে গৃহীত প্রয়োজনীয় পদক্ষেপ হলো সাইটটিকে ডাইনামিক করা। যেসব ওয়েবসাইটের ডেটার মান ওয়েবপেজ লোডিং বা চালু করার পর পরিবর্তন করা যায় তাকে ডাইনামিক ওয়েবপেজ বলে । শুধু HTML দিয়ে স্ট্যাটিক ওয়েবপজে তৈরি করা যায়। এর সাথে সাধারণত PHP, ASP, JSP ভাষা ব্যবহার করে ডাইনামিক ওয়েবপেইজ তৈরি করা যায়। ডাইনামিক ওয়েবসাইটে ব্যবহারকারীদের নিকট হতে ইনপুট দেওয়ার ব্যবস্থা থাকে বর্তমানে এ ধরনের ওয়েবসাইটের চাহিদা সবচেয়ে বেশি।
Question 31- (রাজশাহী, কুমিল্লা, চট্টগ্রাম ও বরিশাল বোর্ড-২০১৮)
উত্তরঃ
HTTP এর পূর্ণনাম Hyper text Transfer Protocol। ইন্টারনেটে TCP/IP প্রটোকলের মাধ্যমে যে প্রটোকল ওয়েব সার্ভ ওয়েব ক্লায়েন্টের মধ্যে ডেটা আদান প্রদান করে তাই HTTP।
উত্তরঃ
ওয়েব পেইজ হলো এক ধরনের ওয়েব ডকুমেন্ট যা ওয়াইড ওয়েব ও ইন্টারনেটে ওয়েব ব্রাউজারে ব্যবহারের জন্য উপযুক্ত। ব্রাউজারের মাধ্যমে ইন্টারনেটে ওয়েব পেইজ প্রর্দশনের কাজ করে। পৃথিবীর বিভিন্ন দেশের সার্ভারে রাখা ওয়েব পেইজ ব্রাইজারের মাধ্যমে প্রদর্শিত হয়। তাই ওয়েব পেইজ ও ব্রাউজার একে অপরের সাথে সম্পর্কিত।
উত্তরঃ
উদ্দীপকের চিত্র ১ এর ওয়েবসাইট কাঠামোটি হচ্ছে ওয়েব লিংকড বা নেটওয়ার্ক
কাঠামো। যে ওয়বেসাইট কাঠামোতে সবগুলো পইেজ একটি অপরটরি সাথে লংিক থাকে তাকে নটেওযর়্াক কাঠামো বলা হয়।
- এতে প্রত্যেক পেইজের একে অপরের সাথে লিংক থাকে।
- মূল পেইজের সাথে অন্যান্য পেইজও লিংক করা থাকে।
- সাধারণত বড় ধরনের ওয়েবসাইট তৈরিতে এ কাঠামো বেশ জনপ্রিয় এবং কার্যকর ।
- ফ্রেম ব্যবহার করে তৈরি করা ওয়েব পেইজগুলো এ কাঠামোর মাধ্যমে লিংক করা হয়ে থাকে যাতে একটি ফ্রেমের মধ্যে অন্যান্য পেইজের লিংকগুলো মেনু আকারে রাখা হয় ।
- এক্ষেত্রে অতিরিক্ত মেমোরি স্পেস প্রয়োজন হয়।
- ব্যবহারের দিক থেকে এ স্ট্রাকচার সহজ হয়।
- যত বেশি পেইজ হবে, ততই এ ধরনের ওয়েব স্ট্রাকচার গঠন করা জটিল হয়ে উঠবে ।
- এটি নন লিনিয়ার এবং তুলনামূলক জটিল স্ট্রাকচার ।
উদাহরণ : www.wikipedia.com
উত্তরঃ
উদ্দীপকে চিত্র ২ কে ওয়েব পেইজে প্রদর্শনের HTML কোড নিম¤œরূপ-
<html>
<body>
<h4><u>Subject list</u></h4>
<ol type=”1″ style=”margin-left: -20px; margin-top: -20px;”>
<li>Bangla</li>
<li>English</li>
<li>Ict</li>
</ol>
</body>
</html>
Question 32- (মাদরাসা বোর্ড -২০১৮)
www.pabnaaliamadrasah.edu.bd নামে মাদরাসার সাইটে প্রায়ই প্রতিষ্ঠানের বিভিন্ন কার্যক্রমের ছবি ও ভিডিও আপলোড সম্ভব হচ্ছে না। একজন IT ইঞ্জিনিয়ারের সাথে পরমার্শ করা হলে তিনি জানালেন এখন তো ছবি/ভিডিও রাখতে www.youtube.com এর মত অনেক ওয়েব সাইট রয়েছে। অধ্যক্ষ মহোদয় বললেন তাহলে মাদরাসার নিজস্¦ ওয়েব সাইটের ব্যবহারকারীরা তা দেখতে পাবে না। ইঞ্জিনিয়ার সাহেব বললেন তাও সম্ভব।
উত্তরঃ
ফন্ট প্রোপাটি হলো- Size, Color Ges Face|
উত্তরঃ
Domain এবং আইপি অ্যাড্রেস একটি অপরটির পরিপূরক। সুতারাং আইপি অ্যাড্রেস দিয়েও ওয়েব সাইট ভিজিট করা সম্ভব। IP Adress এর জন্য ব্যবহৃত বড় সংখ্যা মনে রাখা কষ্টকর। তাই IP Adress কে সহজে ব্যবহার করার জন্য ইংরেজি অক্ষরের কোনো নাম ব্যবহার করা হয়। ক্যারেক্টার ফর্মে দেওয়া কম্পিউটারের এরূপ নামকে Domain Name বলে। যেমন ওয়েব সাইটের জন্য ডোমেইন নেইম www.google.com এর পরিবর্তে এর IP Adress 216.58.216.164 ব্যবহার করা হলে একই সাইট প্রদর্শিত হবে।
উত্তরঃ
মাদরাসাটির ওয়েব সাইটের ডোমেইন টাইপ নিচে আলোচনা করা হলো:
কোনো ওয়েব সাইট ভিজিট করতে হলে ব্রাউজারের অ্যাড্রেস বারে যে ঠিকানা লিখি সেটাকে বলা হয় ডোমেইন। একটি ডোমেইন নেম এর ডট (.) এ পরের অংশটুকুকে Top Level Domain বলা হয়। টপ লেভেল ডোমেইনকে দুই ভাগে ভাগ করা হয়। যথা- ১. জেনেরিক ডোমেইন ও ২. ক্যান্ট্রি ডোমেইন।
মাদরাসার ওয়েব সাইটটি হচ্ছে ww.pabnaaliamadrasah.edu.bd এখানে www.pabnaaliamadrasah হচ্ছে domain name, .edu জেনেরিক ডোমেইন যা শিক্ষা প্রতিষ্ঠানের ক্ষেত্রে ব্যবহৃত হয় এবং .নফ হচ্ছে কান্ট্রি ডোমেইন। জেনেরিক ডোমেইনের সাথে কান্ট্রি ডোমেইন যুক্ত করা হয় যাতে আরও স্পষ্টভাবে বোঝা যায় ডোমেইনটি কোন দেশের। অর্থাৎ উদ্দীপকের মাদরাসাটির ওয়েবসাইটটি বাংলাদেশের একটি শিক্ষাপ্রতিষ্ঠানের ওয়েব সাইট বুঝাচ্ছে।
উত্তরঃ
ইঞ্জিনিয়ার সাহেবের সম্ভাব্য সমাধান হবে উক্ত ওয়েব সাইটের সাথে ইউটিউবের ঠিকানা লিংক করে দেওয়া । বিভিন্ন ছবিযুক্ত ফাইলের সাথেও লিংক করা যাতে যে কেউ উক্ত মাদরাসার ওয়েব সাইট ভিজিট করলেই উক্ত ওয়েবসাইট থেকে ভিডিও দেখার জন্য সরাসরি ইউটিউব থেকে দেখতে পারবে।
একটি ওয়েবসাইটের কোথাও ক্লিক করে অন্য একটি ওয়েবসাইটে যাওয়ার লিঙ্ক দেওয়া হয় । যেমন, <a href type=”picture.html”>pic</a>
একটি ওয়েবসাইটের কোথাও ক্লিক করের অন্য একটি ওয়েবসাইটে যাওয়ার লিঙ্ক
<a href=http:/www.youtube.com>Visit youtube</a>
Question 33- (ঢাকা বোর্ড-২০১৭)
উত্তরঃ
কোনো সুনির্দিষ্ট ল্যাংগুয়েজ দ্বারা যে রীতিতে কোনো প্রোগ্রামের স্টেটমেন্ট রচিত হয় সে সুস্পষ্ট রীতিই উক্ত ল্যাংগুয়েজের ক্ষেত্রে HTML Syntax হিসাবে বিবেচিত হয়।
উত্তরঃ
এক পেইজের সঙ্গে অন্য পেইজের বা একই পেইজের বিভিন্ন অংশের মধ্যে সংযোগ করার পদ্ধতিটি যখন হাইপারটেক্সটে থাকে তখন তাকে বলা হয় হাইপারলিংক। লিঙ্কের সিনটেক্সটি নি¤œরূপ:
<a href=”url”>link text </a>
হাইপারলিঙ্কে ক্লিক করে একই ডকুমেন্টের ভিন্ন কোনো অবস্থানে অথবা ভিন্ন কোনো ডকুমেন্টের ভিন্ন কোনো পেইজে যাওয়া যায়। সম্পর্কিত তথ্য প্রদর্শন করে জানা যায়। ব্রাউজারকারীর সময় সাশ্রয হয়। তাই বর্তমানে ওয়েব পেইজে Hyperlink একটি গুরুত্বপূর্ণ উপাদান।
উত্তরঃ
উদ্দীপকে ২য় টেবিলের তথ্যাবলি মজিলা ফায়ারফক্স ওয়েব ব্রাউজারে দেখার জন্য HTML এর সাহায্যে প্রয়োজনীয় কোড নি¤œরুপ :
<html>
<body>
<table border=”1″ cellspacing=”0″ width=”300″>
<caption><b>Employee Information</b></caption>
<tr>
<th>ID No </th>
<th>Emp. Name </th>
<th>Salary</th>
</tr>
<tr>
<td>1001</td>
<td>Nafis</td>
<td rowspan=”2″ align=”center”>50,000</td>
</tr>
<tr>
<td>1005</td>
<td>Sajal</td>
</tr>
</table>
</body>
</html>
উত্তরঃ
<html>
<body>
<table border=”1″ cellspacing=”0″ height=”100″ width=”200″>
<tr>
<th>Serial No</th>
<th>Institute Picture</th>
</tr>
<tr align=”center”>
<td>01</td>
<td><img src=”institute.png”></td>
</tr>
</table>
</body>
</html>
ওয়বে পজেে ইমজে ব্যবহাররে গুরুত্ব:
1) ইমজে ব্যবহারে ওয়বেপজে দৃষ্টনিন্দন ও আর্কষণীয় হয়ে ওঠে
2) ইমজে ব্যবহারে ওয়বে পজেে টক্সেট এর পরমিাণ কমযি়ে আনা যায়
3) ইমজেকে ওয়বে পজেে লংিক হসিবেে বা নভেগিশেন টুলস হসিবেে ব্যবহার করা যায়।
Question 34- (রাজশাহী বোর্ড ২০১৭)
মি. z স্যার ক্লাসে html প্রোগ্রামিং দেখাচ্ছিলেন। তিনি একটি ওয়েব পেইজ C ড্রাইভে picture ফোল্ডারের মধ্যে রাখা logo.jpg নামক একটি ইমেজ যুক্ত করলেন যার সাইজ 500×300 পিক্সেল। অতঃপর তিনি ছাত্রদের বললেন তোমরা এমন একটি html কোড লেখ যাতে উক্ত ইমেজের উপর ক্লিক করলে www.xeducationboard.edu.bd ওয়েব সাইটি প্রদর্শন করা যায়। অতঃপর তিনি নিচের টেবিলটি তৈরির html কোড লিখলেন
উত্তরঃ
একই ডোমেইনের অধীনে একাধিক ওয়েব পেইজের সমষ্টিই হলো ওয়েব সাইট।
উত্তরঃ
ফন্ট সিনট্যাক্স হচ্ছে
< font face=”fontname” size=”sizenumber” color=”color name >Text</font>
এখানে font ট্যাগের অ্যাট্রিবিউট হচ্ছে
font, size ও color
face অ্যাট্রিবিউট বিভিন্ন ফন্টের নাম বহন করবে এবং size ফন্টের সাইজ পরিবর্তনের ক্ষেত্রে ব্যবহৃত হয়। color ফন্টের রং নির্ধারণ হয়।
উত্তরঃ
উদ্দীপকে উল্লিখিত ছাত্রদের html কোড নি¤রূপ:
<!DOCTYPE html>
<html>
<body>
<a href==”www.xeducationboard.edu.bd”edu.bd”>
<img src=”C:\picture/logo.jpg” width”=”500″ height=”300″></a>
</body>
</html>
এখানে, লিঙ্কের অ্যাট্রিবিউট হচ্ছে href যা href অ্যাট্রিবিউটের ঠিকানা নির্ধারণ করে। ঁৎষ অংশে সম্পূর্ণ অ্যাড্রেস লিখতে হয়।
<img> ট্যাগ এর অ্যাট্রিবিউট হচ্ছে, src এবং <img> ট্যাগটি empty অর্থাৎ এটি কেবল অ্যাট্রিবিউট বহন করে এবং কোনো ক্লোজিং ট্যাগ নেই।
src হলো source যা পেইজে ইমেজটি প্রদর্শন করা হবে। পেইজে ইমেজ যুক্ত করার সময় সোর্স অ্যাট্রিবিউটের সাথে ইমেজের উচ্চতা (hight) এবং প্রশস্ততা (width ) কত পিক্সেল হবে তা নির্ধারণ করে দেয়া যায়। এখন ষড়মড়.লঢ়ম তে ক্লিক করে www.xeducationboard.edu.bdনামক ওয়েব সাইটটিতে সহজে পাওয়া যাবে।
উত্তরঃ
যদি উদ্দীপকের টেবিলের সকল সারিকে (ROW) স্তম্ভে (COLOUM) এবং সকল স্তম্ভকে (Colooum) সারিতে পরিণত করা হয় তাহলে যে টেবিল তৈরি হবে তা নি¤œরূপ:
<html>
<body>
<table border=”1″ cellspacing=”0″ width=”300″>
<tr align=”center”>
<td>Student Name</td>
<td colspan=”3″> Harry Porter </td>
</tr>
<tr align=”center”>
<td rowspan=”3″> Compulsory </td>
<td colspan=”3″>Bangla</td>
</tr>
<tr align=”center”>
<td colspan=”3″>English</td>
</tr>
<tr align=”center”>
<td colspan=”3″>ICT</td>
</tr>
<tr align=”center”>
<td>Optional</td>
<td>Physics</td>
<td>Math</td>
<td>Biology</td>
</tr>
</table>
</body>
</html>
Question 35- (যশোর বোর্ড -২০১৭)
XYZ College, Dhaka
Available Honor’s Subject
- Bangla
- English
- Mathematics
- Accounting
উত্তরঃ
ওয়েব পেইজ হলো এক ধরনের ওয়েব ডকুমেন্ট যা ইন্টারনেট ব্যবহারকারীদের দেখার জন্য বিভিন্ন দেশের সার্ভারে রাখা হয়।
উত্তরঃ
প্রতিটি ওয়েবসাইটের যে স্বতন্ত্র নাম থাকে তাকে ডোমেইন নেম বলা হয়। ডোমেইন নেম হবে এক ও অদ্বিতীয়। ডোমেইন নেম কে কঠোরভাবে নিয়ন্ত্রলণ করা হয়, যাতে করে একই নাম অন্য কেউ না পায়। DNS পদ্ধতিতে ডোমেইন নেমকে নিয়ন্ত্রণ করা হয়। ইন্টারনেটে ডোমেইন নেম কিনতে পাওয়া যায়, তবে যে ডোমেইন নেম এখনো কেউ কিেেন ফেলেনি, সেগুলো কেবল কেনা যাবে। ডোমেইন নেমের ডট এর পরের অংশটিকে টপ লেভেল ডোমেইন বলে। এটি দেখে সহজে বুঝা যায় প্রতিষ্ঠানটি কোন ধরনের। এজন্য যেকোন ধরনের ওয়েবসাইটের জন্য ডোমেইন নেম অত্যন্ত গুরুত্বপূর্ণ।
উত্তরঃ
উদ্দীপকটি আমার কলেজের ওয়েবসাইটের হোম পেইজে প্রদর্শনের জন্য HTML কোড নি¤œরুপ:
<html>
<body>
<big> XYZ College, Dhaka</big><br>
<font> Available Honor’s Subject </font>
<ol style=”margin-top: -0.5px”>
<li> Bangla </li>
<li> English </li>
<li> Mathematics </li>
<li> Accounting </li>
</ol>
</body>
</html>
উত্তরঃ
উদ্দীপকে উল্লিখিত সম্মান বিষয়ে নামের তালিকা নিয়ে Serial no এবং Subject name এই দুইটি টেবিল হেডিং দুই কলামের একটি বর্ডারসহ টেবিল তৈরির HTML কোড নি¤œরূপ:
HTML ‡KvW wb¤œiæc:
<html>
<body>
<table border=”1″ cellspacing=”0″>
<tr>
<th align=”center”>Serial No</th>
<th align=”center”>Subject Name</th>
</tr>
<tr>
<td align=”center”>1</td>
<td align=”center”>Bangla</td>
</tr>
<td align=”center”>2</td>
<td align=”center”>English</td>
</tr>
<tr>
<td align=”center”>3</td>
<td align=”center”> Mathematics</td>
</tr>
<tr>
<td align=”center”>4</td>
<td align=”center”>Accounting</td>
</tr>
</table>
</body>
</html>
Question 36- (কুমিল্লা বোর্ড-২০১৭)
উত্তরঃ
মডেম হলো একটি কমিউনিকেশন ডিভাইস যা তথ্যকে এক কম্পিউটার থেকে অন্য কম্পিউটারে টেলিফোন ব্যবস্থার মাধ্যমে পৌঁছে দেয়।
উত্তরঃ
অপটিক্যাল ফাইবার ক্যাবলের মাধ্যমে আলোর গতিতে ডেটা প্রেরণ সম্ভব। অপটিক্যাল ফাইবার হলো কাচের তন্তুর তৈরি এক ধরনের ক্যাবল যার মাধ্যমে আলোর গতিতে ডেটা আদান-প্রদান করা হয়। এই ক্যাবলের মধ্য দিয়ে ডেটা স্থানান্তরের ক্ষেত্রে লেজার রশ্মি ব্যবহার করা হয়। আলোর পূর্ণ অভ্যন্তরীণ প্রতিফলন কাজে লাগিয়ে অপটিক্যাল ফাইবার কাজ করে। এ ক্যাবলের বিশেষত্ব হলো এটি ইলেকট্রিক্যাল সিগন্যালের পরিবর্তে আলোক বা লাইট সিগন্যাল ট্রান্সমিট করে। এর মাধ্যমে আলোর গতিতে ডেটা প্রেরণ সম্ভব।
উত্তরঃ
উদ্দীপকের দৃশ্যকল্প-১ এর ওয়েবসাইট কাঠামোটি হলো হায়ারারকিক্যাল বা ট্রি কাঠামো।
যে ওয়বেসাইটরে পেইজগুলো শাখা-প্রশাখায় সাজানো থাকে তাকে ট্রি বা হায়ারারকক্যিাল কাঠামো বলা হয়।
1) এতে ব্যবহারকারী প্রথমে হোমপজেে প্রবশে কর।ে এটি হোমপজে নর্ভির ওয়বে কাঠামো।
2) হোমপজেে মনেু, সাব-মনেু ও অন্যান্য পজেরে লংিক থাকে ।
3) এই পদ্ধতি ব্যবহার করে ওয়বেসাইটকে বভিন্নি অংশে ভাগ করা যায় ।
4) এ স্ট্রাকচারে ওয়বেসাইটরে ভজিটিরগণ সহজইে বুঝতে পারে কোন অংশে তার প্রয়োজনীয় তথ্য রয়ছে।ে
5) হায়ারারকক্যিাল স্ট্রাকচারে ওয়বে পইেজগুলো এক বা একাধকি লভেলেে বভিক্ত থাকে ।
6) তথ্য উপস্থাপনে এটি সবচযে়ে সহজ ও উত্তম ।
7) ওয়বেসাইট কাঠামোর মধ্যে এটি হচ্ছে সবচযে়ে জনপ্রযি় ও যুক্তযিুক্ত।
8) বশেরিভাগ ওয়বে পজেে এ স্ট্রাকচারটি ব্যবহৃত হয় ।
9) বড় বড় প্রতষ্ঠিানরে ক্ষত্রেে যমেন-স্কুল, কলজে, ব্যাংক, বীমা, বশ্বিবদ্যিালয়সহ বভিন্নি ব্যবসায়কি প্রতষ্ঠিানরে ওয়বেসাইটে ধরনরে স্ট্রাকচার ব্যবহার করা হয় ।
উদাহরণ : www.facebook.com
উত্তরঃ
উদ্দীপকের দৃশ্যকল্প-২ কে ওয়েবপেইজে প্রদর্শনের জন্য HTML এর প্রয়োজনীয় কোডসমূহ নিচে তৈরি করা হলো-
<html>
<body>
<table border=”1″ cellspacing=”0″ width=”200″>
<tr>
<th>Roll</th>
<th>Subject</th>
</tr>
<tr align=”center”>
<td>201</td>
<td>Bangla</td>
</tr>
<tr align=”center”>
<td>202</td>
<td>English</ td>
</tr>
<tr align=”center”>
<td>203</td>
<td>ICT</td>
</tr>
</table>
</body>
</html>
Question 37- (চট্টগ্রাম বোর্ড -২০১৭)
উত্তরঃ
একই ডোমেইনের অধীনে একাধিক ওয়েব পেইজের সমষ্টিই হলো ওয়েবসাইট।
উত্তরঃ
HTML বা Hyper Text Markup Language হলো ওয়েব পেইজ লেখার একটি স্বতন্ত্র ভাষা। HTML ব্যবহারের বহুবিধ সুবিধা রয়েছে। যেমন:
১. HTML ভাষা শেখা ও ফরমেটিং করা সহজ।
২. প্রায় সব ধরনের ব্রাউজার সমর্থন করে।
৩. এটি ইউজার ফ্রেন্ডলি। প্রোগ্রামিং সম্পর্কে ধারণা নেই এমন ব্যক্তিও সহজে শিখতে পারে।
৪. HTML এ তৈরি করা যে কোনো ফাইল/সাইটকে রক্ষণাবেক্ষণ ও আপডেট করা যায়।
৫. HTML -এ তৈরি করা ফাইল লোড করতে সময়ও কম লাগে।
উত্তরঃ
উদ্দীপকের test.html ফাইলটি তৈরির জন্য HTML কোড:
<html>
<body>
<table border=”1″ cellspacing=”0″ width=”400″>
<tr align=”center”>
<th colspan= “4”>Test Result</th>
<td rowspan=”6″><img src=”Image.jpg”></td>
</tr>
<tr align=”center”>
<td>Roll</td>
<td>Group</td>
<td>Name</td>
<td>Result</td>
</tr>
<tr align=”center”>
<td>101</td>
<td>Hum</td>
<td>>Raza</td>
<td>A+</td>
</tr>
<tr align=”center”>
<td>102</td>
<td>Hum.</td>
<td>Eva</td>
<td>B</td>
</tr>
<tr align=”center”>
<td>103</td>
<td>Hum.</td>
<td>Jaber</td>
<td>A-</td>
</tr>
<tr align=”center”>
<td>104</td>
<td>Hum.</td>
<td>Joni</td>
<td>C</td>
</tr>
</table>
</body>
</html>
উত্তরঃ
Image.jpg এর উপর ক্লিক করলেwww.moedu.gov.bd ওয়েবসাইটটি প্রদর্শন করার ন্য এদের মধ্যে লিঙ্ক করতে হবে। লিঙ্ক করার জন্য হাইপারলিঙ্ক অ্যাট্রিবিউট বা <a href = “URL”> Link text </a> ব্যবহার করতে হবে-
<html>
<body>
<table border=”1″ cellspacing=”0″ width=”400″>
<tr align=”center”>
<th colspan= “4”>Test Result</th>
<td rowspan=”6″>
<a href=”https://www.moedu.gov.bd”>
<img src=”Image.jpg”></a></td>
</tr>
<tr align=”center”>
<td>Roll</td>
<td>Group</td>
<td>Name</td>
<td>Result</td>
</tr>
<tr align=”center”>
<td>101</td>
<td>Hum</td>
<td>>Raza</td>
<td>A+</td>
</tr>
<tr align=”center”>
<td>102</td>
<td>Hum.</td>
<td>Eva</td>
<td>B</td>
</tr>
<tr align=”center”>
<td>103</td>
<td>Hum.</td>
<td>Jaber</td>
<td>A-</td>
</tr>
<tr align=”center”>
<td>104</td>
<td>Hum.</td>
<td>Joni</td>
<td>C</td>
</tr>
</table>
</body>
</html>
এখানে অ্যাঙ্কর ট্যাগ <a> ও ইমেজ ট্যাগ <img> ব্যবহৃত হয়েছে। HTML ট্যাগ <a> দ্বারা হাইপারলিঙ্ক স্থাপন করা হয়। ট্যাগ <a> এর সাথে যৎবভ অ্যাট্রিবিউট যোগ করতে হয়। এর শুরু হয় <a> দিয়ে এবং শেষ হয় </a> দিয়ে।
HTML পেইজে ইমেজ যুক্ত করার জন্য <img> ট্যাগ ব্যবহৃত হয়। Image ট্যাগের সাহায্যে ছবিকে লিঙ্ক দেওয়ার জন্য Src অ্যাট্রিবিউটের মাধ্যমে ছবির উৎস নির্ধারণ করে দিতে হয়। <img> ট্যাগের শুরু রয়েছে কিন্তু শেষ নেই।
Question 38- (সিলেট বোর্ড -২০১৭)
উত্তরঃ
আইপি অ্যাড্রেস হলো ইন্টারনেটে প্রতিটি কম্পিউটারের একটি নির্দিষ্ট ঠিকানা।
উত্তরঃ
ইন্টারনেটে ওয়েবের ফাইলগুলো কোনো সার্ভারে রাখাকে ওয়েব হোস্টিং বলা হয়। ওয়েব হোস্টিং হলো স্থান (অর্থাৎ সার্ভার স্পেস) যেখানে টেক্সট, গ্রাফিক্স, অডিও, ভিডিও সম্বলিত ওয়েব পেইজে রাখা হয়। ওয়েব হোস্টিং ছাড়া ওয়েবসাইট প্রদর্শিত হয় না তাই হোস্টিং ওয়েবসাইট পাবলিকেশনের একটি গুরুত্বপূর্ণ ধাপ।
উত্তরঃ
Result.html পেইজের টেবিলটি তৈরির HTML কোড নিচে দেওয়া হলো-
<html>
<body>
<table border=”1″ cellspacing=”0″ width=”300″>
<tr>
<th>Roll</th>
<th>Name</th>
<th>GPA</th>
</tr>
<tr align=”center”>
<td>101</td>
<td> Karim</td>
<td>500</td>
</tr>
<tr align=”center”>
<td>102</td>
<td>Afrin</td>
<td>4.75</td>
</tr>
<tr align=”center”>
<td>103</td>
<td>Zakia</td>
<td>4.50</td>
</tr>
</table>
</body>
</html>
উত্তরঃ
প্রমিতার সর্বশেষ গৃহীত ব্যবস্থাটি হচ্ছে লিঙ্ক স্থাপন করা। লিঙ্ক ব্যবস্থাটিকে হাইপারলিঙ্ক বলা হয়।
বিভিন্ন ধরনের তথ্যাবলির ভেতর ভার্চুয়াল সংযোগ স্থাপন করার ব্যবস্থাই হচ্ছে হাইপারলিঙ্ক। বর্তমানে এটা ছাড়া ওয়েবসাইট কল্পনাও করা যায় না। কারণ বর্তমানে প্রত্যেকটি ওয়েবসাইট-এর মূল টপিক্স লিস্ট অথবা মেনু তৈরি করে এর থেকে সাব-টপিকস তৈরি করা হয় যেখানে নির্দিষ্ট Topics সম্পর্কে আলোচনা করা হয়। এ স্ট্রাকচারের ক্ষেত্র মূল বিষয় দিয়ে মেনু বা লিস্ট তৈরি করতে হয়। অতঃপর এ মূল বিষয় এর লিস্ট বা মেনু থেকে একটিকে সূচনা বা পথ প্রদর্শক ধরে আর একটি সাব টপিক্স তৈরি করতে হয় যা একটি নির্দিষ্ট বিষয় সম্পর্কে আলোচনার সূচনা হিসেবে কাজ করে। এ ধরনের ডিজাইন ব্যবহারের মাধ্যমে ইউজারদের তথ্য গ্রহণের ক্ষেত্রে অতিরিক্ত স্বাধীনতা প্রদান করা যায়। ফলশ্রুতিতে ইউজাররা পেইজটি ব্যবহারের ক্ষেত্রে অধিক স্বাচ্ছন্দ্যবোধ করে। লিঙ্কের মাধ্যমে ইউজাররা প্রয়োজন অনুযায়ী সহজেই ওয়েবের এক পেইজ থেকে অন্য পেইজে অনায়াসে যেতে পারবে এবং ওয়েব পেইজটির কোন অংশে ইউজার অবস্থান করছে, তা জানা তার জন্যে সহজবোধ্য হবে। ট্রি ডিজাইনের ক্ষেত্রে হোম পেইজটিতে সমস্ত ডকুমেন্টের পূর্ণাঙ্গ চিত্র সংক্ষিপ্ত আকারে থাকে। বিস্তারিত তথ্যের জন্য হোম পেইজে লিঙ্ক ব্যবহার করে ট্রি-র পরবর্তী পেইজগুলোতে যাওয়া যায়।
হাইপারলিঙ্ক-এর ব্যবস্থা না থাকলে ওয়েবসাইটের পেইজের অবস্থা অনেক বড় হবে। তাতে অনেক সমস্যা দেখা দেবে। একটি বড় ফাইল ডাউনলোড করতে সময় বেশি লাগবে। তাতে ইউজাররা বিরক্ত হবে তাছাড়া কোনো বিষয়কে খুঁজে পেতে স্ক্রোল করতে হবে। কোনো নির্দিষ্ট পয়েন্টে নেভিগেট করা অনেক কষ্টের ব্যাপার অথবা হাইপারলিঙ্কের মাধ্যমে সহজেই সেটি করা যায়। তাছাড়া একটি ওয়েবসাইট থেকে অন্য ওয়েবসাইটে যেতেও হাইপারলিঙ্ক ছাড়া সম্ভব নয়। সুতরাং বলা যায় ওয়েবসাইটে হাইপারলিঙ্কের প্রয়োজনীয়তা অনেক বেশি।
Question 39- (বরিশাল বোর্ড-২০১৭)
উত্তরঃ
আইপি অ্যাড্রেস হলো ইন্টারনেটে প্রতিটি কম্পিউটারের একটি নির্দিষ্ট ঠিকানা।
উত্তরঃ
ওয়েব পেইজ হলো এক ধরনের ওয়েব ডকুমেন্ট যা ওয়ার্ল্ড ওয়াইড ওয়েব ও ইন্টারনেট ব্রাউজারে ব্যবহারের জন্য উপযুক্ত। ব্রাউজারের মাধ্যমে ইন্টারনেটে ওয়েব পেইজ প্রদর্শনের কাজ করে। পৃথিবীর বিভিন্ন দেশের সার্ভারে রাখা ওয়েব পেইজ ব্রাউজারের মাধ্যমে প্রদর্শিত হয়। তাই ওয়েব পেইজ ও ব্রাউজার একে অপরের সাথে সম্পর্কিত।
উত্তরঃ
ইকবালের ওয়েব পেইজটি হলো লিনিয়ার কাঠামো।
কোন ওয়বেসাইটরে পইেজগুলো ক্রমানুসারে করার স্ট্রাকচার বা কাঠামোকে লনিযি়ার স্ট্রাকচার বলা হয়
1) এতে প্রথম পইেজ থকেে প্রতটিি পইেজ পরপর সাজানো থাকে ।
2) পইেজগুলো একটরি পর আরকেটি এভাবে সংযুক্ত থাকে ।
3) এ ধরনরে পইেজগুলোতে সাধারণত ঘবীঃ, চৎবারড়ঁং, খধংঃ, ঋরৎংঃ ইত্যাদি লংিক ব্যবহার করা হয়।
4) এটি হচ্ছে সবচযে়ে সরলতম স্ট্রাকচার।
5) ওয়বেসাইটে কম সংখ্যক পইেজ থাকলে এ ধরণরে স্ট্রাকচার ব্যবহার করা হয়।
6) সহজে পইেজ আপলোড করা যায় এবং দ্রুত ব্রাউজ করা যায়।
7) সাধারণত প্রোগ্রামংি বা ট্রনেংি সাইটে এ ধরনরে স্ট্রাকচার ব্যবহার করা হয়।
7) বই, ম্যাগাজনি ইত্যাদি পড়ার সাইট এবং প্রজেন্টেশেনে এ ধরনরে কাঠামো ব্যবহৃত হয়।
8) অনলাইনে ফ্রম ফলি-আপ করার ওয়বেসাইটে এ ধরনরে স্ট্রাকচার ব্যবহার করা হয়।
উদাহরণ : www.youtube.com
উত্তরঃ
- youtube.com
Question 40- (দিনাজপুর বোর্ড -২০১৭)
<html>
<head> <title> ICT </title> </head>
<body>
<h3> COLLEGE RESULT </h3>
<table>
<tr>
<th> Roll </th> <th> Name </th> <th> Result </th>
</tr>
<tr>
<td> 501 </td> <td> Sumaiya </td>
<td> <a href = “Exam Result.html”> My Test
Result </a> </td>
</tr>
</table>
</body>
</html>
উত্তরঃ
ব্রাউজার হলো ওয়ার্ল্ড ওয়াইড ওয়েব রিসোর্স থেকে তথ্য খুঁজে বের করা, উপস্থাপন করা এবং সংরক্ষণ করার একটি অ্যাপ্লিকেশন সফটওয়্যার।
উত্তরঃ
“IP Address এর চেয়ে Domain Name ব্যবহার সুবিধাজনক। কারণ IP Address এর জন্য সংখ্যা মনে রাখা কষ্টকর। তাই IP Address কে সহজে ব্যবহারযোগ্য করার জন্য ইংরেজি অক্ষরের কোন নাম ব্যবহার করা হয়। ক্যারেক্টার ফর্মের দেয়া কম্পিউটারের এরূপ নামকে ডোমেইন নেম বলে। যেমন আইপি এ্যাড্রেস 173.248.140.183 এর পরিবর্তে www.facebook.com ডোমেইন নেম ব্যবহার করা যায়।
উত্তরঃ
উদ্দীপকের কোডটি ঐঞগখ ভাষায় লিখা হয়েছে। নিচে HTML এর মৌলিক কাঠামো ব্যাখ্যা করা হলো-
HTML ট্যাগ: HTML এর যাবতীয় এলিমেন্ট রাখতে হবে একটি মূল এলিমেন্টের ভেতরে। সেটি হচ্ছে html.
Head ট্যাগ: হেডের ভেতরে ওয়েব পেইজ সম্পর্কে তথ্য দেওয়া, বিভিন্ন সেটিংস ঠিক করা, স্টাইল, স্ক্রিপ্ট এসব নিয়ন্ত্রণ করা ইত্যাদি কাজ করা হয়।
Title ট্যাগ: <title> ট্যাগের ভেতরে <title> ট্যাগ লিখতে হয়। এ ট্যাগের মাঝে যা কিছু লেখা হয় তা ব্রাউজারের টাইটেল বারে দেখা যায়।
Body ট্যাগ: ওয়েব পেইজের দৃশ্যমান সবকিছু দেওয়া হয় বডির ভেতরে। একটি ওয়েব পেইজের যাবতীয় কনটেন্ট (Image, Text, Table, Form, Frame, Paragraph, Heading etc.) এই সেকশনে লিখতে হয়।
উত্তরঃ
উদ্দীপকটি ইন্টারনেটে দেখার প্রয়োজনীয় পদক্ষেপ হচ্ছে ওয়েবসাইট পাবলিশিং। নিচে ওয়েবসাইট পাবলিশিং এর সপক্ষে আমার মতামত দেওয়া হলো-
ওয়েবসাইট এমন একটি কম্পিউটারে রাখতে হয়, যেন সেই কম্পিউটারটি সর্বক্ষণ সচল থাকে এবং ইন্টারনেটের সঙ্গে যুক্ত থাকে। সেই সঙ্গে আরেকটি জিনিস থাকতে হয়, যাকে বলে পাবলিক আইপি অ্যাড্রেস (IP Address)। এটি হচ্ছে ইন্টারনেটে ওই কম্পিউটারের একটি নির্দিষ্ট ঠিকানা। ব্যক্তিগত কাজে যেসব কম্পিউটার ব্যবহার করা হয়, সেখানে অবশ্য ইন্টারনেট সংযোগ থাকলেও নির্দিষ্ট পাবলিক আইপি অ্যাড্রেস থাকে না। ইন্টারনেট সংযোগদাতা প্রতিষ্ঠানের সঙ্গে যোগাযোগ করে পাবলিক আইপি অ্যাড্রেস সংগ্রহ করা যায়। তবে কেউই তার ব্যক্তিগত কম্পিউটার ২৪ ঘণ্টা চালু রাখবে না, তাই বিভিন্ন প্রতিষ্ঠান ওয়েব হোস্টিং সেবা প্রদান করে, যেখানে ওয়েবসাইট রাখা ও পাবলিশ করা যায়।
আইপি অ্যাড্রেস ব্যবহার করে ওয়েবসাইট ব্রাউজ করা গেলেও কেউ বাস্তবে আইপি অ্যাড্রেস মনে রাখে না। তাই ওয়েবসাইটে ডোমেইন নাম ব্যবহার করা হয়। ইন্টারনেটে ডোমেইন নাম কিনতে পাওয়া যায়। তবে যে ডোমেইন নাম এখনো কেউ কিনে ফেলেনি, সেগুলোই কেবল কেনা যাবে। তারপর ডোমেইন নামের সঙ্গে ওয়েব হোস্টিং সার্ভারের একটি সংযোগ প্রতিষ্ঠা করতে হয়। তাহলে কেউ ওয়েব ব্রাউজারের অ্যাড্রেস বারে ওই ডোমেইন নাম লিখে এন্টার কি চাপলে উদ্দীপকটি ইন্টারনেটে দেখতে পাবে।
অর্থাৎ, উপরোক্ত পদক্ষেপগুলো গ্রহণ করলে উদ্দীপকটি ইন্টারনেটে দেখা যাবে বলে আমি মনে করি।
Question 41- (মাদ্রাসা বোর্ড -২০১৭)
করিমনগর মাদরাসা ওয়েবসাইটে অধ্যক্ষ ও শিক্ষকম-লীর ছবি ছাড়া তালিকা দেওয়া আছে। সম্প্রতি শিক্ষা মন্ত্রণালয়ের চাহিদা মোতাবেক অধ্যক্ষ মহোদয় ছবিসহ ওয়েবসাইট পাবলিশ করার জন্য ICT শিক্ষককে বললে, তিনি জানালেন বর্তমান অবস্থায় মাদরাসার ওয়েবসাইটে ছবি আপলোড করা সম্ভব নয়। উক্ত সমস্যা সমাধানের জন্য অধ্যক্ষ মহোদয় ICT শিক্ষককে বিশেষজ্ঞের পরামর্শ নেওয়ার জন্য নির্দেশ দিলেন।
উত্তরঃ
কেন্দ্রিয়ভাবে ডেটা স্টোর, নিরাপত্তা নিশ্চিত করা, বিভিন্ন অ্যাপ্লিকেশন চালানো এবং নেটওয়ার্ক চালানোর একটি উপযুক্ত নেটওয়ার্ক হলো- ক্লায়েন্ট সার্ভার নেটওয়ার্ক।
উত্তরঃ
টেস্টিং ও ডিবাগিং এক নয়। কারণ- টেস্টিং হচ্ছে কোন প্রোগ্রাম কোডিং সম্পন্ন করার পর প্রোগ্রামটির যে ধরনের আউটপুট বা ফলাফল হওয়া উচিত তা ঠিক মতো আসছে কি-না বা রান করছে কি-না তা যাচাই করা। অপরদিকে প্রোগ্রামে যে কোনো ভূল চিহ্নিত করে বাগ (BUG ) করে ডিবাগ (Debug) করা।
উত্তরঃ
উদ্দীপকের মাদ্রাসার ওয়েবসাইটে যেহেতু অধ্যক্ষ মহোদয়ের ছবি আপলোড করা সম্ভব নয়, বিধায় বর্তমানে ওয়েবসাইটটি স্ট্যাটিক অবস্থায় রয়েছে। অর্থাৎ এটি একটি স্ট্যাটিক ওয়েবসাইট। যেসব ওয়েব সাইটের ডেটার মান ওয়েবপেইজ লোডিং বা চালু করার পর পরিবর্তন করা যায় না, তাকে স্ট্যাটিক ওয়েবসাইট বলে। এ ধরনের ওয়েব পেইজ বা ওয়েব সাইট শুধুমাত্র HTML ভাষা দিয়ে তৈরি হয়। ফলে ব্যবহারকারী নির্দিষ্ট কনটেন্ট ব্যতীত অন্য কোনো কিছু যেমন- ছবি, প্রোফাইল, অডিও এবং ভিডিও আপলোড করতে পারে না। কোনো রকম ডেটাবেজের সংযোগ থাকে না। তাই শিক্ষা মন্ত্রণালয়ের চাহিদা মোতাবেক অধ্যক্ষ মহোদয়ের ছবি আইসিটি শিক্ষক আপলোড করতে পারে নি।
উত্তরঃ
উদ্দীপকের সমস্যা সমাধানে বিশেষজ্ঞের মতামত ডাইনামিক ওয়েবসাইট হতে পারে কেননা এ ধরনের ওয়েবসাইটটি প্রতিষ্ঠানের চাহিদা অনুযায়ী পরিবর্তন হয়ে প্রদর্শিত হয়। বর্তমানে ডাইনামিক ওয়েবসাইটের চাহিদা সবচেয়ে বেশি। রান টাইমের সময় পেইজের ডিজাইন বা কনটেন্ট পরিবর্তন হতে পারে। ডেটাবেজ কুয়েরির মাধ্যমে বিভিন্ন পরিবর্তনশীল কনটেন্ট তৈরি করা যায়। ব্যবহারকারীদের নিকট হতে ইনপুট দেওয়ার ব্যবস্থা থাকে। অনেক বেশি তথ্যবহুল হয়। তাছাড়া আকর্ষণীয় ও ইন্টারঅ্যাকটিভ লে-আউট তৈরি করা যায়। ডাইনামিক ওয়েবসাইট তৈরি করতে প্রোগ্রামিং ল্যাংগুয়েজ হিসেবে Javascript, PHP, Net, ASP ইত্যাদি ব্যবহৃত হয়। ডেটাবেজের সাথে ওয়েবসাইট যুক্ত করার জন্য MS Access, My SQL (My Structured Query Language) ব্যবহার করা হয়। ফলে প্রতিষ্ঠানের চাহিদা মোতাবেক সংযোজন ও সংশোধন করতে পারবে।
Question 42- (ঢাকা বোর্ড -২০১৬)
দৃশ্যকল্প-২
শুভ ওয়েব পেইজ তৈরির প্রশিক্ষণ নেয়। সে নিজের পরিচয় ও ছবি সংবলিত একটি ওয়েব পেইজ তৈরি করে তা ব্রাউজারে রান করে নিজের কম্পিউটারে দেখে। সে তার ওয়েব পেইজটিকে আরও তথ্য সমৃদ্ধ করে ংযড়াঁড়.হবঃ নামে চালু করার সিদ্ধান্ত নেয়। শুভ তার বন্ধু রাহুলকে এ কথা বললে সে বলে, “আজ রাতেই ইন্টারনেটে তোমার ওয়েব পেইজ দেখব”। জবাবে শুভ বলে, “এখনই দেখতে পাবে না। আমাকে আরও কিছু পাবলিশিং-এর কাজ করতে হবে।”
উত্তরঃ
একই ডোমেইনের অধীনে একাধিক ওয়েব পেইজের সমষ্টিই হলো ওয়েবসাইট।
উত্তরঃ
ওয়েব পেইজ হলো এক ধরনের ওয়েব ডকুমেন্ট যা ওয়ার্ল্ড ওয়াইড ওয়েব ও ইন্টারনেট ব্রাউজারে ব্যবহারের জন্য উপযুক্ত। ব্রাউজারের মাধ্যমে ইন্টারনেটে ওয়েব পেইজ প্রদর্শনের কাজ করে। পৃথিবীর বিভিন্ন দেশের সার্ভারে রাখা ওয়েব পেইজ ব্রাউজারের মাধ্যমে প্রদর্শিত হয়। ওয়েব ব্রাউজার একজন ব্যবহারকারীকে দ্রুত এবং সহজে ওয়েব পেইজের সাথে তথ্য আদান-প্রদানে সাহায্যে করে। তাই ওয়েব পেইজ ও ব্রাউজার একে অপরের সাথে সম্পর্কিত।
উত্তরঃ
উত্তরঃ
উদ্দীপকে দৃশ্যকল্প-২ এর শুভর উক্তির যৌক্তিকতা যথাযথ। কারণ সুন্দর, আকর্ষণীয় এবং অর্থপূর্ণ ওয়েব পেইজ তৈরি বা ওয়েব ডিজাইনিং করতে হলে নির্দিষ্ট ক্রম অনুসরণ করে কাজ করতে হবে। এক্ষেত্রে নিচের পদক্ষেপগুলো অনুসরণ করতে হবে।
ওয়েবসাইট এমন একটি কম্পিউটারে রাখতে হয়, যেন সেই কম্পিউটারটি সর্বক্ষণ সচল থাকে এবং ইন্টারনেটের সঙ্গে যুক্ত থাকে। সেই সঙ্গে আরেকটি জিনিস থাকতে হয়, যাকে বলে পাবলিক আইপি অ্যাড্রেস (IP Address)। এটি হচ্ছে ইন্টারনেটে ঐ কম্পিউটারের একটি নির্দিষ্ট ঠিকানা। ব্যক্তিগত কাজে যেসব কম্পিউটার ব্যবহার করা হয়, সেখানে অবশ্য ইন্টারনেট সংযোগ থাকলেও নির্দিষ্ট পাবলিক আইপি অ্যাড্রেস থাকে না। ইন্টারনেট সংযোগদাতা প্রতিষ্ঠানের সঙ্গে যোগাযোগ করে পাবলিক আইপি অ্যাড্রেস সংগ্রহ করা যায়। তবে কেউই তার ব্যক্তিগত কম্পিউটার ২৪ ঘণ্টা চালু রাখবে না, তাই বিভিন্ন প্রতিষ্ঠান ওয়েব হোস্টিং সেবা প্রদান করে, যেখানে ওয়েবসাইট রাখা ও পাবলিশ করা যায়।
আইপি অ্যাড্রেস ব্যবহার করে ওয়েবসাইট ব্রাউজ করা গেলেও কেউ বাস্তবে আইপি অ্যাড্রেস মনে রাখে না। তাই ওয়েবসাইটে ডোমেইন নাম ব্যবহার করা হয়। ইন্টারনেটে ডোমেইন নাম কিনতে পাওয়া যায়। তবে যে ডোমেইন নাম এখনো কেউ কিনে ফেলেনি, সেগুলোই কেবল কেনা যাবে। তারপর ডোমেইন নামের সঙ্গে ওয়েব হোস্টিং সার্ভারের একটি সংযোগ প্রতিষ্ঠা করতে হয়। তাহলে কেউ ওয়েব ব্রাউজারের অ্যাড্রেস বারে ঐ ডোমেইন নাম লিখে এন্টার কি চাপলে ওয়েব পেইজটি ইন্টারনেটে দেখতে পাবে।
উক্ত কাজগুলো সম্পূর্ণভাবে শেষ হলেই ইন্টারনেটে ওয়েব পেইজ দেখা যাবে। সুতরাং শুভর উক্তিটি যৌক্তিক।
Question 43- (রাজশাহী বোর্ড -২০১৬)
আলোর সোপান বিদ্যালয় কর্তৃপক্ষ একটি ওয়েবসাইট তৈরির কথা ভাবছে। হোম পেজে “campus.JPG” নামক একটি ছবি, Information Technology, Physical Science , Biological Science শাখাগুলোর ক্রমানুবর্তি তালিকা এবং “Notice Board” নামক একটি লিঙ্ক থাকবে। কর্তৃপক্ষ একটি সফটওয়্যার ফার্মের তিনজন বিশেষজ্ঞকে ডাকলেন। বিশেষজ্ঞ দল দুই ধরনের সমাধান দিলেন। প্রথম পদ্ধতিতে খরচ কম কিন্তু নিয়মিত ডেটা আপডেট করতে সমস্যা হবে। দ্বিতীয় পদ্ধতিতে খরচ বেশি কিন্তু নিয়মিত ডেটা আপডেট করা যাবে।
উত্তরঃ
Tag হলো “< >” ব্রাকেটের মধ্যে অবস্থিত সুনির্দিষ্ট কোনো নির্দেশের সাংকেতিক চিহ্ন বা শব্দ।
উত্তরঃ
www.mangoinfo.com একটি কোম্পানির ওয়েব অ্যাড্রেস। ওয়েব অ্যাড্রেসকে ডোমেইন নেম নামে অভিহিত করা হয়। ডোমেইন নেম এমন একটি সার্ভার কম্পিউটার যা ইন্টারনেটের সাথে যুক্ত থাকে। এই নাম ব্যবহার করে কোম্পানির ওয়েবসাইট খুঁজে পাবে। একটি ডোমেইনের দুই বা ততোধিক অংশ থাকে। প্রতিটি অংশকে (ডট) দ্বারা ভাগ করা হয়। অর্থাৎ 
উত্তরঃ
উদ্দীপকে উল্লিখিত “আলোর সোপান” বিদ্যালয়ের কর্তৃপক্ষের ওয়েবসাইট তৈরির লক্ষ্যে উল্লিখিত তথ্য সংবলিত হোমপেইজ তৈরির জন্য নিম্নে HTML কোড লেখা হলো :
<html>
<body>
<img src=”campus.jpg” width=”100″ height=”100″>
<ol>
<li>information Technology</li>
<li>physical Science</li>
<li>Biological Science</li>
</ol>
<a href=”Notice Board.html”>Notice Board</a>
</body>
</html>
উত্তরঃ
উদ্দীপকে উল্লিখিত বিশেষজ্ঞ দলের সমাধানদ্বয়ের মধ্যে “আলোর সোপান” বিদ্যালয়ের জন্য দ্বিতীয় পদ্ধতিটি উত্তম। এই পদ্ধতিটি হলো ডাইনামিক ওয়েবসাইট। এ পদ্ধতিটি উত্তম কারণ, এক্ষেত্রে ওয়েবসাইটগুলো ব্যবহারকারীর চাহিদা অনুযায়ী পরিবর্তন হয়ে প্রদর্শিত হয়। বর্তমানে ডাইনামিক ওয়েবসাইটের চাহিদা সবচেয়ে বেশি। রান টাইমের সময় পেইজের ডিজাইন বা কনটেন্ট পরিবর্তন হতে পারে। ডেটাবেজ কুয়েরির মাধ্যমে বিভিন্ন পরিবর্তনশীল কনটেন্ট তৈরি করা যায়। ব্যবহারকারীদের নিকট হতে ইনপুট দেওয়ার ব্যবস্থা থাকে। অনেক বেশি তথ্যবহুল হয়। তাছাড়া আকর্ষণীয় ও ইন্টারঅ্যাকটিভ লে-আউট তৈরি করা যায়। ডাইনামিক ওয়েব পেইজ তৈরি করতে প্রোগ্রামিং ল্যাংগুয়েজ হিসেবে e Javascript, PHP, Net, ASP ইত্যাদি ব্যবহৃত হয়। ডেটাবেজের সাথে ওয়েবসাইট যুক্ত করার জন্য MS Access, MySQL (My Structured Query Language) ব্যবহার করা হয়।
অন্যদিকে, স্ট্যাটিক ওয়েব পেইজ অপরিবর্তিত অর্থাৎ পূর্ব থেকে তৈরিকৃত কিছু তথ্য প্রদর্শন করা থাকে এবং প্রতিবারই একই তথ্য প্রদান করে। একমাত্র যখন ওয়েব ডেভলপার ফাইলে পরিবর্তন করেন তখনই পরিবর্তন দেখায়। এ ওয়েব পেইজে সব ব্যবহারকারীর কাছে একই তথ্য প্রদর্শিত হয়। এ ধরনের পেইজ তৈরি করা সহজ কিন্তু আপডেট করা কঠিন। ছোট ধরনের কোম্পানি তাদের তথ্য প্রদর্শনের জন্য সাধারণত স্ট্যাটিক ওয়েবসাইট তৈরি করা হয়।
সুতরাং আলোর সোপান বিদ্যালয়ের জন্য ডাইনামিক ওয়েবসাইটটিই উত্তম
Question 44- (যশোর বোর্ড -২০১৬])
উত্তরঃ
সার্চ ইঞ্জিন হচ্ছে এমন এক ধরনের টুল যার সাহায্যে ইন্টারনেটের অজস্র ওয়েব সার্ভার থেকে সহজেই যেকোনো তথ্য খুঁজে বের করা যায়।
উত্তরঃ
একই ডোমেইন নেমের অধীনে সম্পর্কযুক্ত একাধিক ওয়েব পেইজ থাকে। সার্ভারের সমন্বয়ে গঠিত এক বিশাল নেটওয়ার্ক যা সারা বিশ্বের সমস্ত ওয়েব পেইজের সংগ্রহ থাকে। www বা www ev world wide web হচ্ছে পৃথিবীর বিভিন্ন দেশের সার্ভারে রাখা পরস্পরের সংযোগযোগ্য webpage যা ইন্টারনেটের মাধ্যমে ওয়েব ব্রাউজার সফটওয়্যার ব্যবহার করে দেখা যায়। এজন্য ডোমেইন নেইমে www থাকে।
উত্তরঃ
<html>
<body>
<p><b><u>This is my home page</u></b><br>
Bangladesh is a land <br> of <br> rivers and canals. </p> </body>
</html>
উপরোক্ত কোডে ব্যবহৃত ট্যাগসমূহ নিচে ব্যাখ্যা করা হলো-
HTML ট্যাগ: প্রত্যেক ঐঞগখ ডকুমেন্টে অবশ্যই ফাইলের শুরুতে <html> ট্যাগ এবং ফাইলের শেষে </html > ট্যাগ লিখতে হয়। অন্যান্য তথ্যগুলো এর ভেতরে যাচ্ছে।
Body ট্যাগ: পেইজের কনটেন্ট, টেক্সট, ইমেজ এবং লিংক ইত্যাদি এ অংশে থাকে। ব্রাউজারের এ অংশে থাকা সব তথ্যাদি ব্যবহারকারীকে দেখায়।
Paragraph ট্যাগ: HTML এ প্রদর্শিত নির্দিষ্ট ডকুমেন্টকে Paragraph আকারে প্রকাশ করতে <p> ট্যাগ ব্যবহৃত হয়।
Bold ট্যাগ: HTML এ প্রদর্শিত নির্দিষ্ট ডকুমেন্টকে bold করতে <b> ট্যাগ ব্যবহৃত হয়।
Underline ট্যাগ: HTML এ প্রদর্শিত নির্দিষ্ট ডকুমেন্টকে ঁunderline করতে <u> ট্যাগ ব্যবহৃত হয়।
Break ট্যাগ: HTML ডকুমেন্টে যেকোনো লাইনের মাঝের কোন অংশকে ভেঙ্গে নতুন লাইন তৈরি করতে <br> ট্যাগ ব্যবহৃত হয়।
উত্তরঃ
উদ্দীপকে যে আউটপুটটি দেখানো হয়েছে তা যদি বাংলায় পেতে চাই তাহলে নিচের পদক্ষেপগুলো নিতে হবে।
<html lang=”bn”>
<head>
<meta charset=”utf-8″>
</head>
<body>
<font face =”sutonnyMJ”> GwU Avgvi †nvg †cBR</font>
<font face=”sutonnyMJ”> evsjv‡`k b`x I Lv‡ji †`k </font>
</body>
</html>
Question 45- (কুমিল্লা বোর্ড -২০১৬)
উত্তরঃ
হোমপেইজ হলো একটি ওয়েব পেইজের কেন্দ্রীয় বা মূল অংশ যা কোনো ওয়েবসাইটে প্রবেশ করলে সর্বপ্রথম প্রদর্শিত হয়।
উত্তরঃ
ওয়েব পেইজ ডিজাইনে এইচটিএমএল এর অনেক গুরুত্ব রয়েছে। কারণ এইচটিএমএলের সাহায্যে-
১. কোনো পেইজের তথ্যকে যেকোনো স্থানে সরানো যায়।
২. প্রতিটি ব্রাউজার ঐঞগখ সমর্থন করে।
৩. শেখা ও ব্যবহার করার পদ্ধতি সহজ।
৪. পেইজের সাইজ কম হওয়ায় খরচ কম পড়ে।
উত্তরঃ
উদ্দীপকে উল্লিখিত অহনার ওয়েব পেইজটি অর্থাৎ চিত্র-১ হলো লিনিয়ার
কাঠামো বা সিকুয়েন্স সাইট স্ট্রাকচার।
কোন ওয়বেসাইটরে পইেজগুলো ক্রমানুসারে করার স্ট্রাকচার বা কাঠামোকে
লনিযি়ার স্ট্রাকচার বলা হয়
1) এতে প্রথম পইেজ থকেে প্রতটিি পইেজ পরপর সাজানো থাকে ।
2) পইেজগুলো একটরি পর আরকেটি এভাবে সংযুক্ত থাকে ।
3) এ ধরনরে পইেজগুলোতে সাধারণত ঘবীঃ, চৎবারড়ঁং, খধংঃ, ঋরৎংঃ ইত্যাদি লংিক ব্যবহার করা হয়।
4) এটি হচ্ছে সবচযে়ে সরলতম স্ট্রাকচার।
5) ওয়বেসাইটে কম সংখ্যক পইেজ থাকলে এ ধরণরে স্ট্রাকচার ব্যবহার করা হয়।
6) সহজে পইেজ আপলোড করা যায় এবং দ্রুত ব্রাউজ করা যায়।
7) সাধারণত প্রোগ্রামংি বা ট্রনেংি সাইটে এ ধরনরে স্ট্রাকচার ব্যবহার করা হয়।
8) বই, ম্যাগাজনি ইত্যাদি পড়ার সাইট এবং প্রজেন্টেশেনে এ ধরনরে কাঠামো ব্যবহৃত হয়।
অনলাইনে ফ্রম ফলি-আপ করার ওয়বেসাইটে এ ধরনরে স্ট্রাকচার ব্যবহার করা হয়। উদাহরণ :
www.youtube.com
উত্তরঃ
উদ্দীপকে উল্লিখিত অহনার ওয়েব পেইজটি হলো লিনিয়ার কাঠামো এবং অরিত্র এর ওয়েব পেইজটি হলো ট্রি বা হায়ারার্কিক্যাল কাঠামো। এই দুটি ওয়েব পেইজ এর মধ্যে অরিত্র এর ওয়েব পেইজটি স্বাচ্ছন্দ্যে ব্যবহার করা যায়। একাধকি কাঠামো ব্যবহার করে ডজিাইন করা ওয়বেসাইটকে হাইব্রডি বা কম্বনিশেন বা মক্সিড স্ট্রাকচার বলা হয়।
1) এ ধরনরে কাঠামোতে অনকে দকি থকেে লংিক করা থাক।ে ফলে তথ্য খুঁজে পতেে সহজ হয়।
2) এ ধরনরে কাঠামো ওয়বেসাইটরে সৌর্ন্দয বৃদ্ধি কর।ে
3) মমেোরি স্পসে কমানোর জন্য এ কাঠামো ব্যবহৃত হয়।
4) ভজিটিরদরে জন্য ভজিটি করা সহজ হয়।
5) সাধারণভাবে লনিযি়ার কাঠামো এবং হায়ারারকক্যিাল কাঠামোর মাধ্যমে হাইব্রডি কাঠামো তরৈি করা যায়।
উদাহরণ :www.google.com
অপরদিকে, যে ওয়বেসাইট কাঠামোতে সবগুলো পইেজ একটি অপরটরি সাথে লংিক থাকে তাকে নটেওযর়্াক কাঠামো বলা হয়।
1) এতে প্রত্যকে পইেজরে একে অপররে সাথে লংিক থাক।ে
2) মূল পইেজরে সাথে অন্যান্য পইেজও লংিক করা থাক।ে
3) সাধারণত বড় ধরনরে ওয়বেসাইট তরৈতিে এ কাঠামো বশে জনপ্রযি় এবং র্কাযকর ।
4) ফ্রমে ব্যবহার করে তরৈি করা ওয়বে পইেজগুলো এ কাঠামোর মাধ্যমে লংিক করা হয়ে থাকে যাতে একটি ফ্রমেরে
মধ্যে অন্যান্য পইেজরে লংিকগুলো মনেু আকারে রাখা হয় ।
5) এক্ষত্রেে অতরিক্তি মমেোরি স্পসে প্রয়োজন হয়।
6) ব্যবহাররে দকি থকেে এ স্ট্রাকচার সহজ হয়।
7) যত বশেি পইেজ হব,ে ততই এ ধরনরে ওয়বে স্ট্রাকচার গঠন করা জটলি হয়ে উঠবে ।
8) এটি নন লনিযি়ার এবং তুলনামূলক জটলি স্ট্রাকচার ।
উদাহরণ : www.wikipedia.com
শুধুমাত্র নেটওয়ার্ক কাঠামো ব্যবহার করে তৈরি করা ওয়েবসাইট হার্ডডিস্কে বেশি জায়গা দখল করে। তাই একাধিক স্ট্রাকচার অর্থাৎ কম্বিনেশন স্ট্রাকচার ব্যবহার করে ওয়েবসাইট গঠন করা বেশি সুবিধাজনক।
Question 46- (চট্রগ্রাম বোর্ড -২০১৬)
‘X’ প্রতিষ্ঠানের হোম পেইজে প্রতিষ্ঠানের প্রশাসনিক ভবনের ছবি দেওয়া আছে। Employee.html ও Product.html নামে দু’টি ওয়েবপেইজ হোম পেইজের সাথে লিঙ্ক করা আছে। ওয়েবসাইটটি ইন্টারনেটে থাকলে বিশ্বের সচেতন মানুষ প্রতিষ্ঠান সম্পর্কে জানতে পারবে।
উত্তরঃ
ইন্টারনেটের ওয়েব পেইজগুলোকে যে সার্ভারে রাখা হয় তার একটি নির্দিষ্ট ইউনিক অ্যাড্রেস থাকে, যাকে URL (Uniform Resource Locator) বা ওয়েব অ্যাড্রেস বলে।
উত্তরঃ
প্রতিনিয়ত পরিবর্তনশীল তথ্যের ওয়েবসাইট হলো ডাইনামিক ওয়েবসাইট। এ ধরনের ওয়েবসাইটের চাহিদা সবচেয়ে বেশি। রান টাইমের সময় পেইজের ডিজাইন বা কনটেন্ট পরিবর্তন হতে পারে। ডেটাবেজ কুয়েরির মাধ্যমে বিভিন্ন পরিবর্তনশীল কনটেন্ট তৈরি করা যায়। ব্যবহারকারীদের নিকট হতে ইনপুট দেওয়ার ব্যবস্থা থাকে। অনেক বেশি তথ্যবহুল হয়। তাছাড়া আকর্ষণীয় ও ইন্টারঅ্যাকটিভ লে- আউট তৈরি করা যায়। ডাইনামিক ওয়েব পেইজ তৈরি করতে প্রোগ্রামিং ল্যাংগুয়েজ হিসেবে Javascript, PHP, Net, ASP ইত্যাদি ব্যবহৃত হয়। ডেটাবেজের সাথে’ ওয়েবসাইট যুক্ত করার জন্য (MS Access, Mz SQL My Structured Query Language) ব্যবহার করা হয়।
উত্তরঃ
উদ্দীপকে উল্লিখিত প্রতিষ্ঠানটির হোম পেইজ তৈরির html কোডটি হলো।
<!DOCTYPE html>
<html>
<body>
<a href=”www.employee.html”> Employee </a>
<a href=”www.product.html”> Product </a>
</body>
</html>
উত্তরঃ
Question 47- (সিলেট বোর্ড -২০১৬)
বর্তমানে ‘X’ কলেজ তাদের কার্যক্রম সুষ্ঠুভাবে পরিচালনার জন্য Website তৈরির সিদ্ধান্ত গ্রহণ করেছে। এইজন্য শুধুমাত্র html ব্যবহার করে শিক্ষার্থীদের নাম, পিতার নাম, জন্মতারিখ, রোল নম্বর ও সেকশন ফিল্ড সংযুক্ত করে Student’s information নামক টেবিল তৈরি করে। তবে সরকারও বর্তমানে সকল স্কুল কলেজের হালনাগাদ তথ্য উপস্থাপনের জন্য ওয়েবসাইট তৈরি করার নির্দেশ দিয়েছেন।
উত্তরঃ
ডোমেইন নেম বা DNS হচ্ছে আইপি অ্যাড্রেসের একটি আলফানিউমেরিক ক্যারেক্টার বা নম্বর সংবলিত ঠিকানা।
উত্তরঃ
রোবটিক্স প্রযুক্তি ঝুঁকিপূর্ণ কাজকে সহজ করেছে। কারখানায় কম্পিউটার নিয়ন্ত্রিত রোবটের সাহায্যে নানারকম বিপজ্জনক ও পরিশ্রমসাধ্য কাজ যেমন- ওয়েল্ডিং, ঢালাই, ভারী মালামাল উঠা- নামা, যন্ত্রাংশ সংযোজন, গাড়ি রং করা ইত্যাদি কাজ করা হয়। বর্তমানে বোমা নিষ্ক্রিকরণ, ভারী কলকারখানা, মহাকাশে রোবট, মিলিটারি, সিকিউরিটি (প্রতিরক্ষা), উদ্ধার, মানুষবিহীন গাড়ি পানির নিচে কর্মপোযোগী যান টেলি অপারেশন, মেডিকেল সার্জারি এমনকি বর্তমানে উন্নত দেশে বাসাবাড়িতে দৈনন্দিন কাজে, বিনোদনে রোবট এর সাহায্যে কাজ করে কাজকে সহজ করেছে।
উত্তরঃ
উদ্দীপকে উল্লিখিত টেবিলটি ডিজাইনের জন্য প্রয়োজনীয় এইচটিএমএল কোড:
<html>
<body>
<table border=”1″>
<caption>Student’s Information</caption>
<tr>
<th>Student’s Name</th>
<th>Father’s Name</th>
<th>Date of Birth</th>
<th>Roll No</th>
<th>Section</th>
</tr>
<tr>
<td>Zarin Tasnim</td>
<td>Zahidur Rahman</td>
<td>10-03-2000</td>
<td>1101</td>
<td>A</td>
</tr>
<tr>
<td>Razana Onse</td>
<td>Saiful Alam</td>
<td>15-05-2000</td>
<td>1102 </td>
<td>B</td>
</tr>
</table>
</body>
</html>
উত্তরঃ
উদ্দীপকে উল্লিখিত কর্তৃপক্ষের গৃহীত ব্যবস্থায় সরকারের নির্দেশ পুরোপুরি বাস্তবায়ন করতে হলে ওয়েব পাবলিশিং করতে হবে। ওয়েব পাবলিশিং হলো ইন্টারনেটে কনটেন্ট বা বিষয়বস্তু পাবলিশ বা প্রকাশ, করার একটি পদ্ধতি।
ইন্টারনেটে একটি ওয়েব পেইজ পাবলিশ করার পদক্ষেপগুলো নিম্নরূপ : ওয়েবসাইট এমন একটি কম্পিউটারে রাখতে হয়, যেন সেই কম্পিউটারটি সর্বক্ষণ সচল থাকে এবং ইন্টারনেটের সঙ্গে যুক্ত থাকে। সেই সঙ্গে আরেকটি জিনিস থাকতে হয়, যাকে বলে পাবলিক আইপি অ্যাড্রেস (ওচ অফফৎবংং)। এটি হচ্ছে ইন্টারনেটে ঐ কম্পিউটারের একটি নির্দিষ্ট ঠিকানা। ব্যক্তিগত কাজে যেসব কম্পিউটার ব্যবহার করা হয়, সেখানে অবশ্য ইন্টারনেট সংযোগ থাকলেও নির্দিষ্ট পাবলিক আইপি অ্যাড্রেস থাকে না। ইন্টারনেট সংযোগদাতা প্রতিষ্ঠানের সঙ্গে যোগাযোগ করে পাবলিক আইপি অ্যাড্রেস সংগ্রহ করা যায়। তবে কেউই তার ব্যক্তিগত কম্পিউটার ২৪ ঘণ্টা চালু রাখবে না, তাই বিভিন্ন প্রতিষ্ঠান ওয়েব হোস্টিং সেবা প্রদান করে, যেখানে ওয়েবসাইট রাখা ও পাবলিশ করা যায়। আইপি অ্যাড্রেস ব্যবহার করে ওয়েবসাইট ব্রাউজ করা গেলেও কেউ বাস্তবে আইপি অ্যাড্রেস মনে রাখে না। তাই ওয়েবযসাইটে ডোমেইন নাম ব্যবহার করা হয়। ইন্টারনেটে ডোমেইন নাম কিনতে পাওয়া যায়। তবে যে ডোমেইন নাম এখনো কেউ কিনে ফেলেনি, সেগুলোই কেবল কেনা যাবে। তারপর ডোমেইন নামের সঙ্গে ওয়েব হোস্টিং সার্ভারের একটি সংযোগ প্রতিষ্ঠা করতে হয়। তাহলে কেউ ওয়েব ব্রাউজারের অ্যাড্রেস বারে ওই ডোমেইন নাম লিখে এন্টার কি চাপলে উদ্দীপকটি ইন্টারনেটে দেখতে পাবে। উপরোক্ত পদক্ষেপগুলো গ্রহণ করলে সরকারের নির্দেশ পুরোপুরি বাস্তবায়ন করা যাবে।
Question 48- (বরিশাল বোর্ড -২০১৬)
মোহন একটি ওয়েবসাইট ব্রাউজ করতে গিয়ে দেখে ওয়েবসাইটটির প্রতিটি পেইজে যেতে হলেই বারবার হোম পেইজে আসতে হয়। আর হোম পেইজটি নানা ধরনের নান্দনিক বিজ্ঞাপনে সাজানো। যাতে করে সবাই আকৃষ্ট হয়। প্রথমবার ব্যবহার করতে গিয়ে সে কিছুটা স্বাচ্ছন্দ্য বোধ করে। কিন্তু সে ওয়েবসাইটের একটি ছবি ব্রাউজ করতে গিয়ে দেখে পেইজটি লোড হতে বেশি সময় নেয়। তাছাড়া পেইজটি দেখা গেলেও সকল ছবি ব্রাউজার প্রদর্শন করতে পারছে না। এতে সে বিরক্ত হয়।
উত্তরঃ
এইচটিএমএল ট্যাগ হলো এইচটিএমএল ডকুমেন্টের সাথে এমবেডেড কোডিং নির্দেশাবলি।
উত্তরঃ
আইপি অ্যাড্রেসকে সহজে ব্যবহার করার জন্য ইংরেজি অক্ষরের কোনো একটি নাম ব্যবহার করা হয়। ক্যারেক্টার ফর্মে দেওয়া কম্পিউটারে এরূপ নামই ডোমেইন নেম। প্রতিটি ডোমেইন নেম ইউনিক এবং এর সাথে একটি ইউনিক আইপি অ্যাড্রেস বরাদ্দ করা হয়। একটি ডোমেইন নেইম সার্ভারে রেজিস্ট্রেশন করলে তা সারা বিশ্বে অদ্বিতীয় নামে চিহ্নিত হয় এবং একটি নির্দিষ্ট সময় পর্যন্ত ঐ অ্যাড্রেসটি আর অন্য কেউ ব্যবহার করতে পারে না। এ কারণে ডোমেইন নেইম রেজিস্ট্রেশন করতে হয়।
উত্তরঃ
উত্তরঃ
উদ্দীপকে উল্লিখিত সমস্যা সমাধানে আমার সুচিন্ত মতামত হলো ছবির সাইজ যদি বেশি হয় তাহলে তা কমিয়ে নিতে হবে এবং ইন্টারনেট স্পিড বেশি আছে কি না তা দেখে নিতে হবে। এছাড়াও ওয়েবসাইটটিকে ডেডিকেটেড সার্ভারে আপলোড করা যায়। কারণ শেয়ারড সার্ভারে হোস্টিংয়ের সময় সার্ভারের মেমোরি স্পেস ও রিসোর্স অন্যদের সাথে শেয়ার করতে হয় ফলে বেশির ভাগ সময়ে সার্ভারের কার্যক্রম ধীর হয়ে যায় এবং ওয়েবসাইট ব্রাউজ করলে পেইজ আসতে অনেক সময় লাগে। তাছাড়া শেয়ারড সার্ভারে ভিজিটর ধারণক্ষমতা চল্লিশ হাজার। ব্যবহারকারীর সংখ্যা বাড়তে থাকলে এ গতি কমতে থাকে। এতে করে ওয়েবপেইজের ইমেজ আপলোড ও ডাউনলোড হতে সময় লাগে। অন্যদিকে ডেডিকেটেড। সার্ভারে অন্য কোনো শেয়ার হোল্ডার থাকে না এবং নিরাপত্তাও অনেক বেশি। এ ধরনের ওয়েবসাইটগুলো স্ট্যাটিক এর পরিবর্তে ডাইনামিক হয় এবং ডেটাবেজ ব্যবহার করা হয়। ফলে ওয়েবসাইটের যেকোনো পেইজ আপলোড ও ডাউনলোড হতে কম সময় লাগে। যা ব্যবহারকারীর জন্য বিরক্তির কারণ হয় না।
Question 49- (দিনাজপুর বোর্ড -২০১৬)
উচ্চ মাধ্যমিকের শিক্ষার্থীদের দুটি গ্রুপে ভাগ করে কলেজের নিজস্ব ওয়েবসাইট তৈরির জন্য বলা হলো। প্রথম গ্রুপ HTML, CSS ইত্যাদি ব্যবহার করে ওয়েবসাইটটি প্রস্তুত করে। বিচারকম-লী ২য় গ্রুপের ওেেয়বসাইটটি কলেজের জন্য পছন্দ করেন। ICT শিক্ষক কলেজের ওয়েবসাইটটির হোম পেজের Ministry of education লেখাটির সাথে www.moedu.gov.bd ওয়েব অ্যাড্রেসটি যুক্ত করেন।
উত্তরঃ
আইপি অ্যাড্রেস হলো ইন্টারনেটে প্রতিটি কম্পিউটারের একটি নির্দিষ্ট ঠিকানা।
উত্তরঃ
একটি ওয়েব পেইজের গুরুত্বপূর্ণ উপাদানসমূহের একটি হচ্ছে ইমেজ। একটি ওয়েব পেইজকে সুন্দর ও আকর্ষণীয় করে তোলার জন্য ব্যানারসহ ইমেজ বা চিত্র যুক্ত করতে হয়। ঐঞগখ পেইজে <img> ট্যাগ দ্বারা নির্ধারণ করা হয়। <img> ট্যাগটি শূন্য অর্থাৎ এটি কেবল অ্যাট্রিবিউট বহন করে এবং এর কোনো closing ট্যাগ নেই। পেইজে কোনো চিত্র বা ইমেজ ব্যবহার করতে হলে src (source ) অ্যাট্রিবিউট ব্যবহার করতে হবে।
উত্তরঃ
একটি ওয়েবসাইটে অনেকগুলো ওয়েব পেইজ থাকতে পারে। একটি ওয়েব পেইজ হতে অন্য আরেকটি ওয়েব পেইজে যাওয়ার জন্য HTML লিঙ্ক ব্যবহার করা হয়। কোনো ডকুমেন্টের অভ্যন্তরে হাইপারলিঙ্কের গন্তব্যকে নির্ধারণ করার জন্য অ্যাঙ্কর ব্যবহৃত হয়। হাইপারলিঙ্ক ও অ্যাঙ্কর উভয়ই নির্ধারণ করতে HTML . অ্যাঙ্কর এলিমেন্ট <a> ব্যবহৃত হয়।
<a> ট্যাগ ব্যবহার করে লিঙ্ক তৈরি করা হয়। এর closing ট্যাগ হলো </a> । লিঙ্কে ক্লিক করলে কোথায় যাবে তা নির্দিষ্ট করার জন href অ্যাট্রিবিউট ব্যবহার করা হয়।
<a href=”http://www.moedu.gov.bd/”>Ministry of Education </a>
উত্তরঃ
বিচারকরা ২য় গ্রুপের ওয়েবসাইটটি বেশি পছন্দ করেন কারণ সেই ওয়েবসাইটটি ছিল ডাইনামিক ওয়েবসাইট। এ ওয়েবসাইটের মাধ্যমে কলেজটি নিম্নলিখিত কাজগুলো করতে পারবে-
উদ্দীপকে ১ম গ্রুপ ও ২য় গ্রুপ দুই ধরনের ওয়েব পেইজ কলেজের জন্য তৈরি করেছিলেন। ১ম গ্রুপ HTML, CSS ব্যবহার করে কলেজের স্ট্যাটিক ওয়েবসাইট তৈরি করেছে। অন্যদিকে ২য় গ্রুপ HTML. CSS, Mysql. php ব্যবহার করে একটি ডাইনামিক ওয়েবসাইট তৈরি করেছে।
১ম গ্রুপ যে স্ট্যাটিক ওয়েবসাইট তৈরি করেছে সেই ওয়েবসাইটে কনটেন্ট আপলোড হতে বেশি সময় লাগে। ওয়েবসাইটের আকার বৃদ্ধির সাথে সাথে কনটেন্টগুলো নিয়ন্ত্রণ করা কঠিন হয়ে যায। মানসম্মত ওয়েবসাইট ডিজাইন করা কষ্টসাধ্য ও সময় সাপেক্ষ। তাছাড়া ব্যবহারকারীর নিকট হতে ইনপুট নেওয়ার ব্যবস্থা থাকে না। অন্যদিকে ২য় গ্রুপ যে ডাইনামিক ওয়েবসাইট তৈরি করেছে সেই ওয়েবসাইটে পরিবর্তনশীল তথ্য বা ইন্টারঅ্যাকটিভ ওয়েব পেইজ থাকে। রানটাইমের সময় পেইজের ডিজাইন বা কনটেন্ট পরিবর্তন হতে পারে। ডেটাবেজ ব্যবহারের ফলে কুয়েরি করে তথ্য বের করা যায়। ব্যবহারকারী তথ্য প্রদান বা তথ্য আপডেট করতে পারে। এ কারণে বিচারকেরা ২য় গ্রুপ-এর ওয়েবসাইটটি পছন্দ করেন।