Satt Academy Logo
Sign in

Updated: 1 year ago
এইচএসসি তথ্য ও যোগাযোগ প্রযুক্তি রাজশাহী বোর্ড - 2023 ওয়েব ডিজাইন পরিচিতি এবং HTML
(খ)
ওয়েবসাইট পাবলিশিং ব্যাখ্যা কর।
উত্তরঃ

ওয়েবসাইট পাবলিশিং হলো ইন্টারনেটের মাধ্যমে একটি ওয়েবসাইটকে বিশ্বের সবার কাছে দৃশ্যমান ও অ্যাক্সেসযোগ্য করার প্রক্রিয়া। এর মূল উদ্দেশ্য হলো ওয়েবসাইটটির সমস্ত ফাইল একটি ওয়েব সার্ভারে আপলোড করা।

একটি ওয়েবসাইট পাবলিশ করার জন্য সাধারণত একটি ডোমেইন নাম (Domain Name), ওয়েব হোস্টিং (Web Hosting) এবং ফাইল স্থানান্তরের জন্য এফটিপি (FTP - File Transfer Protocol) ক্লায়েন্ট বা হোস্টিং কন্ট্রোল প্যানেল (Control Panel) প্রয়োজন হয়। এই প্রক্রিয়ার মাধ্যমে স্থানীয় কম্পিউটার থেকে ওয়েবসাইটের সকল ফাইল (যেমন - HTML, CSS, JavaScript, ছবি ইত্যাদি) সার্ভারে স্থানান্তরিত হয়, যার ফলে যেকোনো ইন্টারনেট ব্যবহারকারী ব্রাউজারের মাধ্যমে ডোমেইন নাম ব্যবহার করে ওয়েবসাইটটি দেখতে পারে।

Satt AI
Satt AI
2 weeks ago
(গ)
চিত্র- দর্শনের HTML কোডিং লিখ ।
উত্তরঃ

ওয়েবপেজে কোনো ছবি বা চিত্র প্রদর্শনের জন্য HTML এর (ইমেজ) ট্যাগ ব্যবহার করা হয়। এটি একটি এম্পটি ট্যাগ, অর্থাৎ এর কোনো ক্লোজিং ট্যাগ নেই। চিত্র প্রদর্শনের জন্য ট্যাগের src (source) অ্যাট্রিবিউটটি অপরিহার্য, যেখানে ছবির ফাইল পাথ (location) উল্লেখ করা হয়। এছাড়া, alt (alternative text) অ্যাট্রিবিউটটি ছবির বিষয়বস্তু বর্ণনা করে, যা ছবি লোড হতে ব্যর্থ হলে অথবা স্ক্রিন রিডার (screen reader) ব্যবহারের ক্ষেত্রে গুরুত্বপূর্ণ।

উদ্দীপকে প্রদর্শিত 'চিত্র-১' এবং 'চিত্র-২' ওয়েবপেজে প্রদর্শনের জন্য ট্যাগ ব্যবহার করে তাদের উৎস (source) উল্লেখ করতে হবে। যদি চিত্র-১ এর ফাইলনেম chitra-1.png এবং চিত্র-২ এর ফাইলনেম chitra-2.png হয়, তাহলে তাদের প্রদর্শনের জন্য প্রয়োজনীয় HTML কোডিং নিম্নরূপ হতে পারে। ছবির আকার নিয়ন্ত্রণের জন্য width (প্রস্থ) বা height (উচ্চতা) অ্যাট্রিবিউট ব্যবহার করা যায়।




    চিত্র প্রদর্শন


    

চিত্র-১: বিষয়সমূহের তালিকা


    Subjects List


    

চিত্র-২: ফলাফল শীট


    Result Sheet Table

Satt AI
Satt AI
3 weeks ago
(ঘ)
চিত্র-২ ওয়েব পেইজে প্রদর্শনের জন্য HTML কোডিং লিখ।
উত্তরঃ

ওয়েব পেজে সারণি বা টেবিল আকারে কোনো তথ্য প্রদর্শনের জন্য HTML (HyperText Markup Language) কোডিং অপরিহার্য। HTML টেবিল ট্যাগ ব্যবহার করে ডেটা সুবিন্যস্তভাবে উপস্থাপন করা যায়, যা ব্যবহারকারীদের জন্য তথ্য পাঠযোগ্য এবং সহজে বোধগম্য করে তোলে। প্রশ্নোক্ত চিত্র-২ এ একটি "Result Sheet" এর কাঠামো দেখানো হয়েছে, যা সারণি আকারে ডেটা প্রদর্শনের একটি উৎকৃষ্ট উদাহরণ।

চিত্র-২ বিশ্লেষণ করলে দেখা যায়, এটি একটি ফলাফল শীট যেখানে একটি মূল শিরোনাম "Result Sheet" রয়েছে। এর নিচে বাম দিকে "Name" এবং "Roll" লেখা দুটি কোষ (cell) এবং ডান দিকে এই দুটি কোষের সমান উচ্চতার একটি একক কোষ "GPA" লেখা রয়েছে। এই ধরনের জটিল বিন্যাস তৈরি করতে HTML টেবিল ট্যাগ যেমন

, (টেবিল রো),
(টেবিল হেডার) এবং (টেবিল ডেটা) এর পাশাপাশি colspan (কলাম একত্রীকরণ) এবং rowspan (সারি একত্রীকরণ) অ্যাট্রিবিউট ব্যবহার করা প্রয়োজন হয়। colspan অ্যাট্রিবিউটটি "Result Sheet" শিরোনামটিকে একাধিক কলাম জুড়ে প্রসারিত করতে ব্যবহৃত হবে, আর rowspan অ্যাট্রিবিউটটি "GPA" কোষটিকে একাধিক সারি জুড়ে প্রসারিত করতে ব্যবহৃত হবে।

চিত্র-২ এর ওয়েব পেইজে প্রদর্শনের জন্য প্রয়োজনীয় HTML কোডিং নিচে দেওয়া হলো:




Result Sheet




চিত্র-২ এর জন্য HTML কোডিং:



 
   
 
 
   
   
 
 
   
 
Result Sheet
NameGPA
Roll



উপরিউক্ত কোডে,

ট্যাগটি টেবিলের শুরু নির্দেশ করে। প্রথম ট্যাগের ভিতরে ব্যবহার করা হয়েছে "Result Sheet" কে দুটি কলাম জুড়ে প্রসারিত করতে এবং এটি একটি হেডার হিসেবে কাজ করবে। দ্বিতীয় এ একটি সাধারণ ডেটা কোষ এবং "GPA" কোষটিকে দুটি সারি জুড়ে প্রসারিত করে। সর্বশেষ এ শুধু ব্যবহার করা হয়েছে কারণ "GPA" কোষটি পূর্ববর্তী সারি থেকে প্রসারিত হয়েছে। এই কোডিংটি চিত্র-২ এ প্রদর্শিত ফলাফল শীটটির নির্ভুল কাঠামো তৈরি করবে, যা ওয়েব পেজে ডেটা উপস্থাপনের ক্ষেত্রে HTML এর শক্তিশালী কার্যকারিতা প্রমাণ করে।

Satt AI
Satt AI
3 weeks ago
138
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
Result Sheet
NameGPA
Roll