চিত্র-১ :
| SL. No | Subject Name |
| 1. | Bangla |
| 2. | English |
| 3. | ICT |
চিত্র-২ :
Subject List :
- Bangla
- English
- ICT
সার্চ ইঞ্জিন হলো এমন একটি সফটওয়্যার সিস্টেম যা ওয়ার্ল্ড ওয়াইড ওয়েব (World Wide Web) থেকে ব্যবহারকারীর কাঙ্ক্ষিত তথ্য খুঁজে বের করতে সাহায্য করে। এটি ইন্টারনেটে থাকা ওয়েবপেজগুলো থেকে নির্দিষ্ট কীওয়ার্ডের উপর ভিত্তি করে তথ্য অনুসন্ধান করে ফলাফল প্রদর্শন করে।
ইন্টারনেটে কোনো ওয়েবসাইটের ঠিকানা শনাক্ত করার জন্য যে অনন্য নাম ব্যবহার করা হয়, তাকে URL (Uniform Resource Locator) বলে। প্রদত্ত URL "http://www.xyz.com.bd" এর বিভিন্ন অংশ রয়েছে, যার প্রতিটির নির্দিষ্ট কাজ বিদ্যমান।
এই URL-এর প্রধান অংশগুলো হলো: http:// (Hypertext Transfer Protocol) এটি একটি প্রোটোকল যা ওয়েব সার্ভার ও ব্রাউজারের মধ্যে ডেটা আদান-প্রদানের নিয়ম নির্ধারণ করে। www (World Wide Web) এটি একটি সাবডোমেন, যা নির্দেশ করে যে সম্পদটি ওয়ার্ল্ড ওয়াইড ওয়েবের অংশ। xyz.com.bd (ডোমেইন নাম) এটি ওয়েবসাইটের অনন্য নাম। এখানে 'xyz' হলো দ্বিতীয় স্তরের ডোমেইন (Second-Level Domain), 'com' হলো জেনেরিক টপ-লেভেল ডোমেইন (gTLD) যা বাণিজ্যিক প্রতিষ্ঠান বোঝায়, এবং 'bd' হলো বাংলাদেশের জন্য কান্ট্রি কোড টপ-লেভেল ডোমেইন (ccTLD)।
ওয়েবপেজে সারণি বা টেবুলার ডেটা প্রদর্শনের জন্য HTML-এ চিত্র-১-এ প্রদর্শিত সারণিটি HTML এর চিত্র-১ কে ওয়েবপেজে প্রদর্শনের জন্য প্রয়োজনীয় HTML কোড নিচে দেওয়া হলো: আমরা সবাই জানি ইন্টারনেট ব্যবহার করে ইমেইল, ফাইল শেয়ারিং, ভয়েস কলিং এরকম বিভিন্ন তথ্য ও সেৰা আদান-প্রদান করা যায়। এদের মধ্যে তথ্য আদান-প্রদানের জন্য বহুল ব্যবহৃত একটি মডেল হচ্ছে ওয়েৰ। ওয়েব হচ্ছে ওয়ার্ল্ড ওয়াইড ওয়েব-এর সংক্ষিপ্ত রূপ। ওয়েবের মাধ্যমে ইন্টারনেট ব্যবহার করে ছুটি যন্ত্রের মধ্যে তথ্য আদান-প্রদান করা যায়। বর্তমানে ওয়েবকে আমরা বলতে পারি তথ্যভান্ডার যেখানে অনেক তথ্য রিসোর্স, ওয়েব ডকুমেন্ট আকারে সঞ্চিত আছে। জামরা আমাদের দৈনন্দিন জীবনে ওয়েবের নানা ধরনের তথ্যের উপর পুরোপুরি নির্ভরশীল হয়ে গেছি। এই অধ্যায়ে কীভাবে একটি কার্যকর ওয়েব সাইট তৈরি করা যায় সেটি শিক্ষার্থীদের সামনে তুলে ধরা হবে। এ অধ্যায় পাঠ শেষে শিক্ষার্থীরা- একটি HTML ফাইলকে ব্রাউজারে সুন্দরভাবে উপস্থাপনের জন্য বিভিন্ন ট্যাগ ব্যবহার করা হয়, আর এই ট্যাগ এবং ট্যাগের ভেতরের বিষয়বস্তুকে একত্রে HTML এলিমেন্ট বলে। ওয়েবসাইট পাবলিশ করার জন্য প্রধানত ওয়েব সার্ভার (Web Server) বা হোস্টিং (Hosting) এবং একটি ডোমেইন নাম (Domain Name) প্রয়োজন। একটি ওয়েবসাইটকে ইন্টারনেটে সকলের জন্য উন্মুক্ত করতে হলে ওয়েবসাইটের ফাইলগুলো একটি শক্তিশালী কম্পিউটারে সংরক্ষণ করতে হয় যা ২৪/৭ (২৪ ঘণ্টা, ৭ দিন) চালু থাকে এবং ইন্টারনেট সংযুক্ত থাকে। এই কম্পিউটারকেই ওয়েব সার্ভার বলে এবং এই সেবা প্রদানকারীকে হোস্টিং প্রোভাইডার (Hosting Provider) বলা হয়। অন্যদিকে, ডোমেইন নাম হলো ওয়েবসাইটের একটি অনন্য ঠিকানা (যেমন: example.com) যার মাধ্যমে ব্যবহারকারীরা ইন্টারনেট ব্রাউজারে ঠিকানা লিখে ওয়েবসাইটটি খুঁজে পায়। এই দুটি উপাদান ছাড়া ওয়েবসাইট ইন্টারনেটে অ্যাক্সেস করা সম্ভব নয়। এইচটিএমএল (HyperText Markup Language) হলো ওয়েব পেজ তৈরির জন্য ব্যবহৃত একটি মার্কআপ ভাষা। এটি ওয়েব ব্রাউজারে প্রদর্শিত বিষয়বস্তু যেমন টেক্সট, ছবি এবং লিংক কাঠামোবদ্ধ করতে সাহায্য করে। উদ্দীপকে বর্ণিত X ডিগ্রি কলেজের হোম পেজ তৈরির জন্য উদ্দীপকের শর্তানুযায়ী হোম পেজ তৈরির জন্য প্রয়োজনীয় HTML কোড নিচে দেওয়া হলো:
X ডিগ্রি কলেজের ওয়েবসাইটটিকে ডায়নামিক ওয়েবসাইট বলা যায় না। এটি একটি স্ট্যাটিক ওয়েবসাইট। একটি স্ট্যাটিক ওয়েবসাইট মূলত সাধারণ HTML কোড ব্যবহার করে তৈরি করা হয়, যেখানে প্রতিটি পেজ সার্ভারে পূর্ব-নির্ধারিত অবস্থায় সংরক্ষিত থাকে এবং ব্যবহারকারীকে সবসময় একই তথ্য প্রদর্শন করে। এই ওয়েবসাইটগুলোতে সাধারণত সার্ভার-সাইড স্ক্রিপ্টিং ভাষা বা ডেটাবেসের ব্যবহার থাকে না। অন্যদিকে, একটি ডায়নামিক ওয়েবসাইট সার্ভার-সাইড স্ক্রিপ্টিং ভাষা (যেমন PHP, ASP.NET, Python) এবং ডেটাবেস (যেমন MySQL, SQL Server) ব্যবহার করে তৈরি হয়, যা ব্যবহারকারীর কার্যকলাপ বা সময় অনুযায়ী কন্টেন্ট পরিবর্তন করতে সক্ষম এবং ব্যবহারকারীর সাথে ইন্টারঅ্যাক্ট করতে পারে। উদ্দীপকে উল্লিখিত X ডিগ্রি কলেজের ওয়েবসাইটটি "শুধু এইচটিএমএল ব্যবহার করে" তৈরি করা হয়েছে এবং এতে "ভিজিটরদের মতামত প্রদানের কোনো ব্যবস্থা নেই"। এই দুটি বৈশিষ্ট্য একটি স্ট্যাটিক ওয়েবসাইটের মূল নির্দেশক। যেহেতু ওয়েবসাইটটি শুধুমাত্র HTML ব্যবহার করে নির্মিত, তাই এটি সার্ভার থেকে ব্যবহারকারীর অনুরোধ অনুযায়ী ডেটাবেস থেকে তথ্য এনে প্রদর্শন করতে পারে না বা ব্যবহারকারীর ইনপুট গ্রহণ করে প্রতিক্রিয়া জানাতে পারে না। ওয়েবসাইটের হোম পেজে একটি ছবি (ict.jpg) এবং একটি লিংকের (notice.html) উপস্থিতি এটিকে আরও স্ট্যাটিক প্রকৃতির প্রমাণ করে, কারণ এই উপাদানগুলি পূর্ব-নির্ধারিত এবং স্বয়ংক্রিয়ভাবে পরিবর্তন হয় না। যদি এটি একটি ডায়নামিক ওয়েবসাইট হতো, তবে এতে ভিজিটরদের মতামত প্রদানের ব্যবস্থা, লগইন অপশন, বা কন্টেন্ট আপডেট করার জন্য একটি অ্যাডমিন প্যানেলের মতো ফিচার্স থাকত। উদ্দীপকের তথ্য বিশ্লেষণ করে নিশ্চিতভাবে বলা যায় যে, X ডিগ্রি কলেজের ওয়েবসাইটটি কোনোভাবেই ডায়নামিক ওয়েবসাইট নয়, বরং এটি একটি স্ট্যাটিক ওয়েবসাইট। ডোমেইন নেম হলো ইন্টারনেটে একটি ওয়েবসাইটের স্বতন্ত্র পরিচয়সূচক নাম, যা সংখ্যাভিত্তিক আইপি অ্যাড্রেসের (IP Address) পরিবর্তে ব্যবহৃত হয়। এটি ব্যবহারকারীদের জন্য ওয়েবসাইট খুঁজে পাওয়া ও মনে রাখা সহজ করে তোলে, কারণ দীর্ঘ এবং জটিল আইপি অ্যাড্রেসের চেয়ে একটি সহজে স্মরণীয় শব্দভিত্তিক নাম ব্যবহারকারীদের জন্য অনেক বেশি সুবিধাজনক। ডোমেইন নেমের গুরুত্ব অপরিসীম কারণ এটি ইন্টারনেটে একটি সুনির্দিষ্ট অনলাইন ঠিকানা হিসেবে কাজ করে। এটি একটি প্রতিষ্ঠান বা ব্যক্তির অনলাইন ব্র্যান্ডিং (branding) এবং বিশ্বাসযোগ্যতা তৈরিতে অপরিহার্য ভূমিকা পালন করে। ডোমেইন নেম ছাড়া নির্দিষ্ট কোনো ওয়েবসাইটে প্রবেশ করা কঠিন হয়ে পড়ত, যা ডিজিটাল যোগাযোগ, তথ্য আদান-প্রদান ও ই-কমার্সের মতো কার্যক্রমে ব্যাপক বাধা সৃষ্টি করত। ১ ক্লিকে প্রশ্ন, শীট, সাজেশন ও শুধু প্রশ্ন সিলেক্ট করুন — প্রশ্নপত্র অটোমেটিক তৈরি! Complete Exam Learn, practice, analyse and improve ট্যাগ ব্যবহার করা হয়। এই ট্যাগ ডেটাকে সারি (row) এবং কলামে (column) সুবিন্যস্তভাবে উপস্থাপনের সুযোগ দেয়, যা তথ্যের পঠনযোগ্যতা বৃদ্ধি করে। চিত্র-১-এ একটি সারণি দেখানো হয়েছে যেখানে ক্রমিক নং এবং বিষয় নামের একটি সুসংগঠিত তালিকা রয়েছে।
,
, এবং ট্যাগ ব্যবহার করে তৈরি করা যেতে পারে। ট্যাগ সম্পূর্ণ সারণিটিকে ধারণ করে। প্রতিটি সারির জন্য
(table row) ট্যাগ ব্যবহৃত হয়। সারির শিরোনামের জন্য (table header) এবং সাধারণ ডেটার জন্য (table data) ট্যাগ ব্যবহার করা হয়। এক্ষেত্রে, "SL. No" এবং "Subject Name" হলো সারণির শিরোনাম।
চিত্র-১ :
SL. No
Subject Name
1.
Bangla
2.
English
3.
ICT
Related Question
View All
ট্যাগ ব্যবহার করা হবে। এছাড়াও, "Welcome to X Degree College" লেখাটি নীল রঙে প্রদর্শনের জন্য ট্যাগের সাথে style="color: blue;" অ্যাট্রিবিউট ব্যবহার করতে হবে।
Welcome to X Degree College
অনলাইন পরীক্ষা তৈরির সফটওয়্যার!
Related Question
Preparation
Promotion
