Satt Academy Logo
Sign in

e. Car

f. Plane

    5. Fighter plane 

    6. Commercial plane 

    7. Private plane

g. Bike 

     0 Super Bike 

     0 Electric Bike 

              চিত্র-৩

Updated: 1 year ago
এইচএসসি তথ্য ও যোগাযোগ প্রযুক্তি ঢাকা বোর্ড - 2025 ওয়েব ডিজাইন পরিচিতি এবং HTML
(ক)
HTML Element কী?
উত্তরঃ

একটি HTML ডকুমেন্ট তৈরি করতে ব্যবহৃত ট্যাগগুলোর সামগ্রিক রূপকে HTML এলিমেন্ট (HTML Element) বলে। প্রতিটি HTML এলিমেন্ট সাধারণত একটি শুরু ট্যাগ (opening tag), কন্টেন্ট (content) এবং একটি শেষ ট্যাগ (closing tag) নিয়ে গঠিত হয়।

Satt AI
Satt AI
2 weeks ago
(খ)
“HTML কেস সেনসিটিভ ভাষা নয়"-ব্যাখ্যা কর।
উত্তরঃ

HTML (HyperText Markup Language) একটি কেস সেনসিটিভ (Case-Sensitive) ভাষা নয়। এর অর্থ হলো, HTML ট্যাগ (tag) বা অ্যাট্রিবিউট (attribute) লেখার সময় বড় হাতের অক্ষর (uppercase) এবং ছোট হাতের অক্ষর (lowercase) এর মধ্যে কোনো পার্থক্য করা হয় না।

ওয়েব ব্রাউজার (web browser) যেমন , , কে একই ট্যাগ হিসেবে গণ্য করে এবং সেগুলোকে একইভাবে রেন্ডার (render) করে। অন্যান্য প্রোগ্রামিং ভাষা যেমন C, C++, Java, অথবা JavaScript যেখানে 'variable' এবং 'Variable' দুটি ভিন্ন অর্থ বহন করে, HTML এর ক্ষেত্রে এমনটা ঘটে না। তবে, কোডের পঠনযোগ্যতা (readability) এবং সামঞ্জস্য (consistency) বজায় রাখার জন্য ছোট হাতের অক্ষর (lowercase) ব্যবহার করাকেই সর্বোত্তম অনুশীলন (best practice) হিসেবে ধরা হয়, যা XHTML এর মতো মান (standard) এ বাধ্যতামূলক ছিল।

Satt AI
Satt AI
2 weeks ago
(গ)
চিত্র-৩ কে আউটপুট হিসেবে প্রদর্শনের জন্য HTML কোড লেখ।
উত্তরঃ

চিত্র-৩-এ বিভিন্ন ধরনের যানবাহনের একটি শ্রেণীবদ্ধ তালিকা (categorized list) দেখানো হয়েছে। এই তালিকাটিকে একটি সুসংগঠিত এবং পঠনযোগ্য বিন্যাসে ওয়েবপেজে প্রদর্শনের জন্য HTML-এর তালিকা ট্যাগগুলো (list tags) প্রয়োগ করা আবশ্যক।

চিত্র-৩-কে আউটপুট হিসেবে প্রদর্শনের জন্য ব্যবহৃত HTML কোড নিচে দেওয়া হলো:

    
    
  1. Car
    2. 
    
  2. Plane
        
      
            
    1. Fighter plane
      2. 
            
    2. Commercial plane
      3. 
            
    3. Private plane
      4. 
        
    
    
    3. 
    
  3. Bike
        
      
            
    • Super Bike
      • 
            
    • Electric Bike
      • 
        
    
    
    4.

এই কোডে, প্রধান তালিকাটি বর্ণানুক্রমিক ক্রমিক নম্বরে (e, f, g) প্রদর্শনের জন্য

    ব্যবহার করা হয়েছে। প্লেন ক্যাটাগরির অধীনে ক্রমিক সংখ্যা ৫ থেকে শুরু করার জন্য নেস্টেড
      ট্যাগ এবং বাইক ক্যাটাগরির অধীনে বুলেট তালিকা তৈরির জন্য
        ট্যাগ ব্যবহার করা হয়েছে। এছাড়াও, 'Commercial' শব্দটি আন্ডারলাইন করতে ট্যাগ ব্যবহার করা হয়েছে, যা উদ্দীপকের প্রদর্শিত বিন্যাসকে যথাযথভাবে অনুসরণ করে।

Satt AI
Satt AI
3 weeks ago
(ঘ)
কুইজ প্রতিযোগিতা পরিচালনার জন্য চিত্র-১ ও চিত্র-২ এর ওয়েবসাইট কাঠামোর মধ্যে কোনটি অধিক সুবিধাজনক? বিশ্লেষণ কর।
উত্তরঃ

কুইজ প্রতিযোগিতা পরিচালনার জন্য একটি কার্যকর ও ব্যবহারকারী-বান্ধব ওয়েবসাইট কাঠামো অত্যন্ত গুরুত্বপূর্ণ। উদ্দীপকে দুটি ভিন্ন ওয়েবসাইট কাঠামো, চিত্র-১ এবং চিত্র-২, দেখানো হয়েছে। চিত্র-১ একটি সরল রৈখিক (linear) কাঠামো নির্দেশ করে, যেখানে ব্যবহারকারী ক্রমানুসারে পৃষ্ঠাগুলোতে চলাচল করে। অন্যদিকে, চিত্র-২ একটি শ্রেণীবদ্ধ বা বৃক্ষাকার (hierarchical/tree) কাঠামো উপস্থাপন করে, যা মূল পৃষ্ঠা থেকে বিভিন্ন শাখা বা বিভাগ তৈরি করে।

চিত্র-১ এর সরল রৈখিক কাঠামোটি ছোট আকারের, একক বিষয়ভিত্তিক কুইজের জন্য উপযুক্ত হতে পারে, যেখানে প্রশ্নগুলো একটি নির্দিষ্ট ধারাবাহিকতায় আসে এবং ব্যবহারকারী কেবল সামনে বা পেছনে যেতে পারে। তবে, একটি পূর্ণাঙ্গ কুইজ প্রতিযোগিতার জন্য, যেখানে একাধিক বিষয়, বিভাগ বা কঠিনতার স্তর থাকতে পারে, এই কাঠামোটি অত্যন্ত সীমাবদ্ধ। ব্যবহারকারীরা নির্দিষ্ট বিভাগে যেতে বা বিষয় পরিবর্তন করতে অসুবিধায় পড়বে, যা প্রতিযোগিতার সার্বিক অভিজ্ঞতাকে ব্যাহত করবে।

অন্যদিকে, চিত্র-২ এর শ্রেণীবদ্ধ কাঠামো কুইজ প্রতিযোগিতার জন্য অনেক বেশি সুবিধাজনক। এই কাঠামোতে 'Home' থেকে বিভিন্ন প্রধান বিভাগ (যেমন, '1' ও '2') এবং তাদের উপবিভাগ (যেমন, '3', '4', '5', '6') তৈরি করা সম্ভব। এর ফলে, কুইজ প্রতিযোগিতাকে বিভিন্ন বিষয়ভিত্তিক রাউন্ড, কঠিনতার স্তর বা ক্যাটাগরিতে ভাগ করা যায়। ব্যবহারকারীরা সহজেই তাদের পছন্দের বিভাগ বা প্রশ্ন সেট নির্বাচন করতে পারে, যা প্রতিযোগিতার সামগ্রিক ব্যবস্থাপনাকে আরও নমনীয় ও কার্যকর করে তোলে। এই কাঠামো ব্যবহারকারীদের জন্য একটি সুসংগঠিত এবং সহজে নেভিগেট (navigate) করা যায় এমন প্ল্যাটফর্ম সরবরাহ করে।

কুইজ প্রতিযোগিতা সাধারণত বিভিন্ন বিষয় এবং একাধিক রাউন্ডের সমন্বয়ে গঠিত হয়। এক্ষেত্রে, চিত্র-২ এর শ্রেণীবদ্ধ কাঠামো প্রতিযোগীদের বিভিন্ন প্রশ্নব্যাঙ্কে প্রবেশাধিকার দেয় এবং কুইজের ধরন ও বিষয়বস্তু অনুযায়ী একটি সুস্পষ্ট পথ নির্দেশ করে। চিত্র-১ এর রৈখিক কাঠামোতে এই ধরনের নমনীয়তা এবং বৈচিত্র্য আনা সম্ভব নয়, কারণ এটি কেবল একটি নির্দিষ্ট পথে আবদ্ধ থাকে। প্রতিযোগিতার সময় একটি নির্দিষ্ট টপিকে প্রবেশ, অথবা এক রাউন্ড শেষ করে অন্য রাউন্ডে যাওয়ার জন্য চিত্র-২ এর কাঠামোটিই অধিক উপযোগী।

Satt AI
Satt AI
3 weeks ago
267
MCQ: 498 CQ: 51
Practice Satt Academy Play Store
ওয়েব ডিজাইন পরিচিতি এবং HTML

আমরা সবাই জানি ইন্টারনেট ব্যবহার করে ইমেইল, ফাইল শেয়ারিং, ভয়েস কলিং এরকম বিভিন্ন তথ্য ও সেৰা আদান-প্রদান করা যায়। এদের মধ্যে তথ্য আদান-প্রদানের জন্য বহুল ব্যবহৃত একটি মডেল হচ্ছে ওয়েৰ। ওয়েব হচ্ছে ওয়ার্ল্ড ওয়াইড ওয়েব-এর সংক্ষিপ্ত রূপ। ওয়েবের মাধ্যমে ইন্টারনেট ব্যবহার করে ছুটি যন্ত্রের মধ্যে তথ্য আদান-প্রদান করা যায়। বর্তমানে ওয়েবকে আমরা বলতে পারি তথ্যভান্ডার যেখানে অনেক তথ্য রিসোর্স, ওয়েব ডকুমেন্ট আকারে সঞ্চিত আছে। জামরা আমাদের দৈনন্দিন জীবনে ওয়েবের নানা ধরনের তথ্যের উপর পুরোপুরি নির্ভরশীল হয়ে গেছি। এই অধ্যায়ে কীভাবে একটি কার্যকর ওয়েব সাইট তৈরি করা যায় সেটি শিক্ষার্থীদের সামনে তুলে ধরা হবে।

এ অধ্যায় পাঠ শেষে শিক্ষার্থীরা-

  • ওয়েব ডিজাইনের ধারণা ব্যাখ্যা করতে পারবে;
  • ওয়েবসাইটের কাঠামো বর্ণনা করতে পারবে;
  • এইচটিএমএল-এর ধারণা ব্যাখ্যা করতে পারবে।
  • এইচটিএমএল ব্যবহার করে ওয়েব পেইজ ডিজাইন করতে পারবে;
  • ওয়েব সাইট পাবলিশ করতে পারবে।

Related Question

View All
ক. HTML এর এলিমেন্ট কী?
এইচএসসি তথ্য ও যোগাযোগ প্রযুক্তি ওয়েব ডিজাইন পরিচিতি এবং HTML
উত্তরঃ

একটি HTML ফাইলকে ব্রাউজারে সুন্দরভাবে উপস্থাপনের জন্য বিভিন্ন ট্যাগ ব্যবহার করা হয়, আর এই ট্যাগ এবং ট্যাগের ভেতরের বিষয়বস্তুকে একত্রে HTML এলিমেন্ট বলে।

Satt AI
Satt AI
3 weeks ago
1.9k
খ. ওয়েবসাইট পাবলিশ করার জন্য কোনটি প্রয়োজন? ব্যাখ্যা কর।
এইচএসসি তথ্য ও যোগাযোগ প্রযুক্তি ওয়েব ডিজাইন পরিচিতি এবং HTML
উত্তরঃ

ওয়েবসাইট পাবলিশ করার জন্য প্রধানত ওয়েব সার্ভার (Web Server) বা হোস্টিং (Hosting) এবং একটি ডোমেইন নাম (Domain Name) প্রয়োজন।

একটি ওয়েবসাইটকে ইন্টারনেটে সকলের জন্য উন্মুক্ত করতে হলে ওয়েবসাইটের ফাইলগুলো একটি শক্তিশালী কম্পিউটারে সংরক্ষণ করতে হয় যা ২৪/৭ (২৪ ঘণ্টা, ৭ দিন) চালু থাকে এবং ইন্টারনেট সংযুক্ত থাকে। এই কম্পিউটারকেই ওয়েব সার্ভার বলে এবং এই সেবা প্রদানকারীকে হোস্টিং প্রোভাইডার (Hosting Provider) বলা হয়। অন্যদিকে, ডোমেইন নাম হলো ওয়েবসাইটের একটি অনন্য ঠিকানা (যেমন: example.com) যার মাধ্যমে ব্যবহারকারীরা ইন্টারনেট ব্রাউজারে ঠিকানা লিখে ওয়েবসাইটটি খুঁজে পায়। এই দুটি উপাদান ছাড়া ওয়েবসাইট ইন্টারনেটে অ্যাক্সেস করা সম্ভব নয়।

Satt AI
Satt AI
2 weeks ago
5.8k
গ. উদ্দীপকে উল্লিখিত হোম পেজ তৈরির জন্য HTML কোড লিখ।
এইচএসসি তথ্য ও যোগাযোগ প্রযুক্তি ওয়েব ডিজাইন পরিচিতি এবং HTML
উত্তরঃ

এইচটিএমএল (HyperText Markup Language) হলো ওয়েব পেজ তৈরির জন্য ব্যবহৃত একটি মার্কআপ ভাষা। এটি ওয়েব ব্রাউজারে প্রদর্শিত বিষয়বস্তু যেমন টেক্সট, ছবি এবং লিংক কাঠামোবদ্ধ করতে সাহায্য করে।

উদ্দীপকে বর্ণিত X ডিগ্রি কলেজের হোম পেজ তৈরির জন্য ট্যাগ ব্যবহার করে ict.jpg ছবিটি 200x300 px আকারে যুক্ত করতে হবে। ছবির নিচে notice.html পেজের লিংক তৈরির জন্য ট্যাগ ব্যবহার করা হবে। এছাড়াও, "Welcome to X Degree College" লেখাটি নীল রঙে প্রদর্শনের জন্য

ট্যাগের সাথে style="color: blue;" অ্যাট্রিবিউট ব্যবহার করতে হবে।

উদ্দীপকের শর্তানুযায়ী হোম পেজ তৈরির জন্য প্রয়োজনীয় HTML কোড নিচে দেওয়া হলো:




  X Degree College Home


  

Welcome to X Degree College


  ICT Image
  

Notice Page



Satt AI
Satt AI
2 weeks ago
6.7k
ঘ. X ডিগ্রি কলেজের ওয়েবসাইটটিকে ডায়নামিক ওয়েবসাইট বলা যায় কি? উত্তরের পক্ষে যুক্তি দাও ।
এইচএসসি তথ্য ও যোগাযোগ প্রযুক্তি ওয়েব ডিজাইন পরিচিতি এবং HTML
উত্তরঃ

X ডিগ্রি কলেজের ওয়েবসাইটটিকে ডায়নামিক ওয়েবসাইট বলা যায় না। এটি একটি স্ট্যাটিক ওয়েবসাইট।

একটি স্ট্যাটিক ওয়েবসাইট মূলত সাধারণ HTML কোড ব্যবহার করে তৈরি করা হয়, যেখানে প্রতিটি পেজ সার্ভারে পূর্ব-নির্ধারিত অবস্থায় সংরক্ষিত থাকে এবং ব্যবহারকারীকে সবসময় একই তথ্য প্রদর্শন করে। এই ওয়েবসাইটগুলোতে সাধারণত সার্ভার-সাইড স্ক্রিপ্টিং ভাষা বা ডেটাবেসের ব্যবহার থাকে না। অন্যদিকে, একটি ডায়নামিক ওয়েবসাইট সার্ভার-সাইড স্ক্রিপ্টিং ভাষা (যেমন PHP, ASP.NET, Python) এবং ডেটাবেস (যেমন MySQL, SQL Server) ব্যবহার করে তৈরি হয়, যা ব্যবহারকারীর কার্যকলাপ বা সময় অনুযায়ী কন্টেন্ট পরিবর্তন করতে সক্ষম এবং ব্যবহারকারীর সাথে ইন্টারঅ্যাক্ট করতে পারে।

উদ্দীপকে উল্লিখিত X ডিগ্রি কলেজের ওয়েবসাইটটি "শুধু এইচটিএমএল ব্যবহার করে" তৈরি করা হয়েছে এবং এতে "ভিজিটরদের মতামত প্রদানের কোনো ব্যবস্থা নেই"। এই দুটি বৈশিষ্ট্য একটি স্ট্যাটিক ওয়েবসাইটের মূল নির্দেশক। যেহেতু ওয়েবসাইটটি শুধুমাত্র HTML ব্যবহার করে নির্মিত, তাই এটি সার্ভার থেকে ব্যবহারকারীর অনুরোধ অনুযায়ী ডেটাবেস থেকে তথ্য এনে প্রদর্শন করতে পারে না বা ব্যবহারকারীর ইনপুট গ্রহণ করে প্রতিক্রিয়া জানাতে পারে না। ওয়েবসাইটের হোম পেজে একটি ছবি (ict.jpg) এবং একটি লিংকের (notice.html) উপস্থিতি এটিকে আরও স্ট্যাটিক প্রকৃতির প্রমাণ করে, কারণ এই উপাদানগুলি পূর্ব-নির্ধারিত এবং স্বয়ংক্রিয়ভাবে পরিবর্তন হয় না।

যদি এটি একটি ডায়নামিক ওয়েবসাইট হতো, তবে এতে ভিজিটরদের মতামত প্রদানের ব্যবস্থা, লগইন অপশন, বা কন্টেন্ট আপডেট করার জন্য একটি অ্যাডমিন প্যানেলের মতো ফিচার্স থাকত। উদ্দীপকের তথ্য বিশ্লেষণ করে নিশ্চিতভাবে বলা যায় যে, X ডিগ্রি কলেজের ওয়েবসাইটটি কোনোভাবেই ডায়নামিক ওয়েবসাইট নয়, বরং এটি একটি স্ট্যাটিক ওয়েবসাইট।

Satt AI
Satt AI
2 weeks ago
939
ক. ওয়েবপেজ কী?
এইচএসসি তথ্য ও যোগাযোগ প্রযুক্তি ওয়েব ডিজাইন পরিচিতি এবং HTML
উত্তরঃ ওয়েবপেজ হলো ইন্টারনেটে প্রদর্শিত একটি ডিজিটাল ডকুমেন্ট যা টেক্সট, ছবি, ভিডিও এবং অন্যান্য মাল্টিমিডিয়া ডেটা ধারণ করে। এটি সাধারণত HTML (Hypertext Markup Language) দ্বারা লিখিত হয় এবং ওয়েব ব্রাউজারের মাধ্যমে দেখা যায়।
Satt AI
Satt AI
2 weeks ago
761
খ. ডোমেইন নেমের গুরুত্ব ব্যাখ্যা কর।
এইচএসসি তথ্য ও যোগাযোগ প্রযুক্তি ওয়েব ডিজাইন পরিচিতি এবং HTML
উত্তরঃ

ডোমেইন নেম হলো ইন্টারনেটে একটি ওয়েবসাইটের স্বতন্ত্র পরিচয়সূচক নাম, যা সংখ্যাভিত্তিক আইপি অ্যাড্রেসের (IP Address) পরিবর্তে ব্যবহৃত হয়। এটি ব্যবহারকারীদের জন্য ওয়েবসাইট খুঁজে পাওয়া ও মনে রাখা সহজ করে তোলে, কারণ দীর্ঘ এবং জটিল আইপি অ্যাড্রেসের চেয়ে একটি সহজে স্মরণীয় শব্দভিত্তিক নাম ব্যবহারকারীদের জন্য অনেক বেশি সুবিধাজনক।

ডোমেইন নেমের গুরুত্ব অপরিসীম কারণ এটি ইন্টারনেটে একটি সুনির্দিষ্ট অনলাইন ঠিকানা হিসেবে কাজ করে। এটি একটি প্রতিষ্ঠান বা ব্যক্তির অনলাইন ব্র্যান্ডিং (branding) এবং বিশ্বাসযোগ্যতা তৈরিতে অপরিহার্য ভূমিকা পালন করে। ডোমেইন নেম ছাড়া নির্দিষ্ট কোনো ওয়েবসাইটে প্রবেশ করা কঠিন হয়ে পড়ত, যা ডিজিটাল যোগাযোগ, তথ্য আদান-প্রদান ও ই-কমার্সের মতো কার্যক্রমে ব্যাপক বাধা সৃষ্টি করত।

Satt AI
Satt AI
3 weeks ago
2.8k
শিক্ষকদের জন্য বিশেষভাবে তৈরি

১ ক্লিকে প্রশ্ন, শীট, সাজেশন ও
অনলাইন পরীক্ষা তৈরির সফটওয়্যার!

শুধু প্রশ্ন সিলেক্ট করুন — প্রশ্নপত্র অটোমেটিক তৈরি!

প্রশ্ন এডিট করা যাবে
জলছাপ দেয়া যাবে
ঠিকানা যুক্ত করা যাবে
Logo, Motto যুক্ত হবে
অটো প্রতিষ্ঠানের নাম
অটো সময়, পূর্ণমান
প্রশ্ন এডিট করা যাবে
জলছাপ দেয়া যাবে
ঠিকানা যুক্ত করা যাবে
Logo, Motto যুক্ত হবে
অটো প্রতিষ্ঠানের নাম
অটো সময়, পূর্ণমান
অটো নির্দেশনা (এডিটযোগ্য)
অটো বিষয় ও অধ্যায়
OMR সংযুক্ত করা যাবে
ফন্ট, কলাম, ডিভাইডার
প্রশ্ন/অপশন স্টাইল পরিবর্তন
সেট কোড, বিষয় কোড
অটো নির্দেশনা (এডিটযোগ্য)
অটো বিষয় ও অধ্যায়
OMR সংযুক্ত করা যাবে
ফন্ট, কলাম, ডিভাইডার
প্রশ্ন/অপশন স্টাইল পরিবর্তন
সেট কোড, বিষয় কোড
এখনই শুরু করুন ডেমো দেখুন
৫০,০০০+
শিক্ষক
৩০ লক্ষ+
প্রশ্নপত্র

Related Question

ক. HTML এর এলিমেন্ট কী?
খ. ওয়েবসাইট পাবলিশ করার জন্য কোনটি প্রয়োজন? ব্যাখ্যা কর।
গ. উদ্দীপকে উল্লিখিত হোম পেজ তৈরির জন্য HTML কোড লিখ।
ঘ. X ডিগ্রি কলেজের ওয়েবসাইটটিকে ডায়নামিক ওয়েবসাইট বলা যায় কি? উত্তরের পক্ষে যুক্তি দাও ।
ক. ওয়েবপেজ কী?
খ. ডোমেইন নেমের গুরুত্ব ব্যাখ্যা কর।
মাত্র ১৫ পয়সায় প্রশ্নপত্র
১ ক্লিকে প্রশ্ন, শীট, সাজেশন তৈরি করুন আজই

Complete Exam
Preparation

Learn, practice, analyse and improve

1M+ downloads
4.6 · 8k+ Reviews