ওয়েব ডিজাইন পরিচিতি ও HTML

সমন্বিত (সকল) বোর্ড ২০২৬

দৃশ্যকল্প-১ : জনাব রহিম HTML ও CSS ব্যবহার করে তার প্রতিষ্ঠানের জন্য একটি ওয়েবসাইট তৈরির পরিকল্পনা করলেন। তিনি তার কম্পিউটারে পেজগুলো ডিজাইন করে প্রতিষ্ঠান প্রধানকে ব্রাউজারে ফলাফল দেখালেন এবং মতামত চাইলেন। প্রতিষ্ঠান প্রধান নিজের মোবাইলে ইন্টারনেট ব্যবহার করে সাইটটি দেখতে চাইলে রহিম জানালেন "এখনই অন্য কোন ডিভাইস ব্যবহার করে সাইটটি দেখা সম্ভব নয়।" দৃশ্যকল্প-২ : (নিচের ছবির টেবিল)

1. ক. হাইপারটেক্সট কী?

   যে লেখায় লিংক থাকে এবং সেখানে ক্লিক করলে অন্য পেজ বা অংশে যাওয়া যায়, তাকে হাইপারটেক্সট বলে।

2. খ. ডাইনামিক ওয়েবসাইটে ব্যবহারকারী ও ওয়েবসাইটের মধ্যকার দ্বিমুখী যোগাযোগ তৈরি হয়- ব্যাখ্যা কর।

   ডাইনামিক ওয়েবসাইটে ব্যবহারকারী তথ্য পাঠাতে পারে (যেমন লগইন, ফর্ম পূরণ, সার্চ, মন্তব্য)।

   সার্ভার সেই তথ্য ডেটাবেজে মিলিয়ে নতুন ফল তৈরি করে ফেরত পাঠায়।

   ফলে একেক ব্যবহারকারী একেক রকম পেজ দেখে (যেমন ফলাফল দেখার সাইট)।

   সুতরাং: ব্যবহারকারী → সাইট এবং সাইট → ব্যবহারকারী, দুই দিকেই তথ্য চলে বলে একে দ্বিমুখী যোগাযোগ বলে।

3. গ. উদ্দীপকের দৃশ্যকল্প-২ এর টেবিলটি ওয়েবপেইজে প্রদর্শনের জন্য প্রয়োজনীয় HTML কোড লেখ।

   টেবিলটা ভেঙে দেখি

   সারি ১: একটাই ঘর, পুরো ৩ কলাম জুড়ে — colspan="3"

   সারি ২: বাঁয়ের ছবির ঘর নিচের সারি পর্যন্ত লম্বা — rowspan="2"; ডানে log ঘর ২ কলাম জুড়ে — colspan="2"

   সারি ৩: বাঁয়ের ঘর আগেই নেওয়া, তাই শুধু ২টি ঘর — ICT IS FUN আর একটি খালি ঘর

   b নিচে লিখতে <sub>, c উপরে লিখতে <sup>, লাইন ভাঙতে <br>, ছবির মাপ দিতে width ও height।

   <!DOCTYPE html>
   <html>
   <body>
   <table border="1">
     <tr>
       <td colspan="3" align="center">HSC Exam-2026</td>
     </tr>
     <tr>
       <td rowspan="2">
         <img src="logo.jpg" width="200" height="300"><br>
         logo.jpg 200×300 Px
       </td>
       <td colspan="2">log<sub>b</sub>a<sup>c</sup></td>
     </tr>
     <tr>
       <td>ICT<br>IS<br>FUN</td>
       <td></td>
     </tr>
   </table>
   </body>
   </html>

4. ঘ. দৃশ্যকল্প-১ এ উল্লিখিত সাইটটি সর্বসাধারণের ব্যবহার উপযোগী করা সম্ভব কিনা - প্রয়োজনীয় ধাপ উল্লেখপূর্বক বিশ্লেষণ কর।

   রহিমের সাইটটি এখন শুধু তার নিজের কম্পিউটারে (লোকাল) আছে, তাই অন্য ডিভাইস থেকে দেখা যায় না।

   সাইটটি ওয়েবে পাবলিশ করলে সবাই দেখতে পারবে — তাই হ্যাঁ, সম্ভব।

   প্রয়োজনীয় ধাপ

   ১. ডোমেইন নাম নিবন্ধন: যেমন www.rahimprotishthan.com নাম কেনা।

   ২. ওয়েব হোস্টিং কেনা: সাইটের ফাইল রাখার জন্য সবসময় চালু থাকা সার্ভারে জায়গা নেওয়া।

   ৩. ডোমেইন ও হোস্টিং যুক্ত করা: DNS সেটিংয়ে ডোমেইনকে হোস্টিং সার্ভারের সাথে যুক্ত করা।

   ৪. ফাইল আপলোড: FTP বা হোস্টিংয়ের ফাইল ম্যানেজার দিয়ে HTML, CSS, ছবি সার্ভারে পাঠানো।

   ৫. পরীক্ষা করা: মোবাইল ও অন্য কম্পিউটার থেকে ব্রাউজারে ঠিকানা লিখে দেখা; মোবাইলে ঠিকমতো দেখাতে CSS-এ রেসপন্সিভ ডিজাইন রাখা।

   সুতরাং: ডোমেইন, হোস্টিং ও আপলোড — এই ধাপগুলো শেষ করলে প্রতিষ্ঠান প্রধানসহ সবাই ইন্টারনেটে যেকোনো ডিভাইস থেকে সাইটটি দেখতে পারবেন।