উদ্দীপকে উল্লিখিত চিত্র-৩ এর HTML কোড লেখ।
উত্তর: উদ্দীপকে উল্লিখিত চিত্র-৩ এর HTML কোড: Month Bills Electricity Water Gas January 809 600 850 February 955 720 700 Utility Bill Summary
HSC ICT Chapter 4 : ওয়েব ডিজাইন পরিচিতি এবং HTML CQ — Prosthuti প্রশ্নব্যাংক
HSC · ICT · Chapter 4 : ওয়েব ডিজাইন পরিচিতি এবং HTML · সৃজনশীল
উদ্দীপকে উল্লিখিত চিত্র-৩ এর HTML কোড লেখ।
Chittagong · 2025
উত্তর
ওয়েব পেইজ হলো এক ধরনের ওয়েব ডকুমেন্ট যা ইন্টারনেট ব্যবহারকারীদের দেখার জন্য বিভিন্ন দেশের সার্ভারে রাখা হয়
উত্তর
একটি ওয়েব পেইজের পুরুত্বপূর্ণ উপাদানসমূহের একটি হচ্ছে ইমেজ যা ছবি। একটি ওয়েব পেইজকে সুন্দর ও আকর্ষণীয় করে তোলার জন্য ছবির কোনো বিকল্প নেই। HTML পেইজে ট্যাগ দ্বারা ইমেজের ব্যাবহার নির্ধারণ করা হয়। ট্যাগটি এম্পটি অর্থাৎ এটি কেবল অ্যাট্রিবিউট বহন করে এবং এর কোনো closing ট্যাগ নেই। পেইজে কোনো ছবি বা ইমেজ যুক্ত করতে হলে src (source) অ্যাট্রিবিউট ব্যবহার করতে হয়। ওয়েবে সাধারণত: gif, jpg, jpeg. png, ico, pex sbmp এক্সটেনশনযুক্ত ইমেজ সাপোর্ট করে। কোনো ইমেজ বা ছবি যুক্ত করার জন্য প্রয়োজনীয় কোড হলো:
তাহলে Image.jpg ইমেজটি প্রদর্শিত হবে।
তাহলে Image.jpg ইমেজটি প্রদর্শিত হবে।উত্তর
উদ্দীপকে উল্লিখিত চিত্র-৩ এর HTML কোড:
< !DOCTYPE html >
< html >
< body >
< table border="1" cellspacing="0" width = 100% >
< tr align="center" >
< td rowspan="2" >Month
< td colspan="3" > Bills< /td >
< tr >
< th > Electricity< /th >
Water
Gas
< tr align="center" >
< td >January< / td >
< td > 809< /td >
600
< td > 850 < /td > < /t >
< / tr >
< tr align = " center " >
< td > February < /td >
< td > 955< /td >
< td>720< /td >
< td >700< /td >
< tr >
< td colspan = "4" align=" center " > Utility < b > Bill < /b > Summary < / td >
< / table >
< / body >
< /html >
উত্তর
উদ্দীপকের চিত্র-১ হলো ওয়েবসাইটের লিনিয়ার কাঠামো এবং চিত্র-২ হলো ট্রি বা হায়ারার্কিক্যাল কাঠামো। ওয়েবসাইট তৈরিতে ট্রি বা হায়ারার্কিক্যাল কাঠামো ব্যবহার করা উত্তম। যুক্তিসহ নিচে কারণ বিশ্লেষণ করা হলো-
ট্রি বা হায়ারার্কিক্যাল কাঠামোতে সমস্ত ডকুমেন্টের পূর্ণাঙ্গ চিত্র সংক্ষিপ্ত আকারে থাকে। বিস্তারিত তথ্যের জন্য হোম পেইজে লিঙ্ক ব্যবহার করে পরবর্তী পেইজগুলোতে যাওয়া যায়। ওয়েবসাইটের কাঠামোর মধ্যে হায়ারার্কিক্যাল কাঠামো সবচেয়ে সহজ ও জনপ্রিয়। এ পদ্ধতিতে ওয়েবসাইটের বিভিন্ন শাখাগুলোকে আলাদাভাবে সংযুক্ত করা হয়ে থাকে। হোমপেইজ, সাব-মেনু ও অন্যান্য পেইজের লিঙ্ক থাকে। এতে করে ওয়েবসাইটের ভিজিটররা সহজেই বুঝতে পারে কোন অংশে তার প্রয়োজনীয় তথ্যগুলো রয়েছে। বিভিন্ন প্রতিষ্ঠানের ওয়েবসাইট যেমন- কোনো স্কুল, কলেজ বা ব্যবসায়িক প্রতিষ্ঠানের ওয়েবসাইট এ ধরনের হয়ে থাকে। বেশির ভাগ অনলাইন সিস্টেমে এ ধরনের কাঠামো ব্যবহার করা হয়। এ ধরনের কাঠামোতে মূল বিষয়ের তালিকা বা মেনু তৈরি করে সাব-মেনু তৈরি করা হয়ে থাকে। পক্ষান্তরে, যখন কোনো একটি ওয়েবসাইটের পেইজগুলো নির্দিষ্ট ক্রমানুসারে ভিজিট করার প্রয়োজন হয় তখন সিকুয়েন্স বা লিনিয়ার কাঠামো ব্যবহার করা হয়। এই ধরনের পেইজগুলোতে সাধারণত Next, Previous, Last, First ইত্যাদি লিংক ব্যবহার করে ইউজার পেইজ ভিজিট করতে পারে। অর্থাৎ এ কাঠামোর মাধ্যমে ইচ্ছেমত নির্দিষ্ট পেইজে যাওয়া যায় না।
সুতরাং লিনিয়ার ও হায়ারার্কিক্যাল কাঠামোন্বয়ের মধ্যে ওয়েবসাইট তৈরির জন্য হায়ারার্কিক্যাল কাঠামো অধিক উত্তম।