একটি ওয়েবসাইট যেন সবাই ব্রাউজ করতে পারে, সেজন্য ওয়েবসাইটটি পাবলিশ করতে হয়- বুঝিয়ে লিখ।
উত্তর: ওয়েবসাইট পাবলিশিং বলতে তৈরিকৃত ওয়েবসাইট কোন ওয়েব হোস্টিং সেবার মাধ্যমে ইন্টারনেটে প্রকাশ করা বুঝায়। অর্থাৎ ওয়েবপেইজ তৈরি করার পর ওয়েব সার্ভারে হোস্টিং প্রক্রিয়াকে ওয়েব সাইট পাবলিশিং বলা হয়। দ্রুততম সময়ে মানুষের কাছে তথ্য পৌঁছে দেওয়ার জন্য সবচেয়ে কার্যকর মাধ্যম ওয়েবসাইট। ওয়েবসাইট পাবলিশিং এর মাধ্যমে যে কোনো ওয়েব পেইজকে ইন্টারনেটের মাধ্যমে বিশ্বব্যাপী ছড়িয়ে দেওয়া হয়। ফলে ওয়েবসাইটটি যে কেউ, যে কোনো স্থান থেকে যেকোনো সময় ব্রাউজ করতে পারে।
HSC ICT Chapter 4 : ওয়েব ডিজাইন পরিচিতি এবং HTML CQ — Prosthuti প্রশ্নব্যাংক
HSC · ICT · Chapter 4 : ওয়েব ডিজাইন পরিচিতি এবং HTML · সৃজনশীল
একটি ওয়েবসাইট যেন সবাই ব্রাউজ করতে পারে, সেজন্য ওয়েবসাইটটি পাবলিশ ক…
উদ্দীপক
দৃশ্যপট-১ : দুই বন্ধু HTML Tag নিয়ে আলোচনা করার সময় < P >, < SUB > এবং < BR > Tag এর কাজ ও বৈশিষ্ট্য খাতায় লিখে নিলো।
দৃশ্যপট-২:
নটরডেম কলেজ · 2025
উত্তর
যেসব ডেভেলপার ফ্রন্ট-এন্ড ও ব্যাক-এন্ড উভয়ের কাজই জানেন তাদেরকে সাধারণত ফুলস্ট্যাক ডেভেলপার বলা হয়।
উত্তর
ওয়েবসাইট পাবলিশিং বলতে তৈরিকৃত ওয়েবসাইট কোন ওয়েব হোস্টিং সেবার মাধ্যমে ইন্টারনেটে প্রকাশ করা বুঝায়। অর্থাৎ ওয়েবপেইজ তৈরি করার পর ওয়েব সার্ভারে হোস্টিং প্রক্রিয়াকে ওয়েব সাইট পাবলিশিং বলা হয়। দ্রুততম সময়ে মানুষের কাছে তথ্য পৌঁছে দেওয়ার জন্য সবচেয়ে কার্যকর মাধ্যম ওয়েবসাইট। ওয়েবসাইট পাবলিশিং এর মাধ্যমে যে কোনো ওয়েব পেইজকে ইন্টারনেটের মাধ্যমে বিশ্বব্যাপী ছড়িয়ে দেওয়া হয়। ফলে ওয়েবসাইটটি যে কেউ, যে কোনো স্থান থেকে যেকোনো সময় ব্রাউজ করতে পারে।
উত্তর
দৃশ্যপট-১ এ দুই বন্ধু HTML Tag নিয়ে আলোচনা করার সময় < P >, < SUB > এবং
Tag এর কাজ ও বৈশিষ্ট্য খাতায় লিখে নিলো। তাদের আলোচ্য ট্যাগগুলোর কাজ ও বৈশিষ্ট্য নিন্মরূপ:
< P > ট্যাগ:
কাজ: একটি প্যারাগ্রাফ বা অনুচ্ছেদকে নির্দেশ করে।
বৈশিষ্ট্য:
১. ব্রাউজার স্বয়ংক্রিয়ভাবে একটি প্যারাগ্রাফের আগে ও পরে কিছু স্পেস (মার্জিন) যোগ করে।
২. সাধারণত একটি নতুন প্যারাগ্রাফ নতুন লাইনে শুরু হয়।
৩. এর ক্লোজিং ট্যাগ এবং কনটেন্ট থাকে।
< SUB > ট্যাগ:
কাজ : লেখার একটি অংশকে নিচে সূচক (subscript) হিসেবে প্রদর্শন করে।
বৈশিষ্ট্য:
১. সাধারণত গাণিতিক সূত্র বা রাসায়নিক সূত্রে ব্যবহৃত হয়।
২. লেখার আকার সাধারণ লেখার চেয়ে ছোট হয়।
৩. এর ক্লোজিং ট্যাগ এবং কনটেন্ট থাকে।
ট্যাগ:
কাজ: একটি লাইন ব্রেক তৈরি করে। অর্থাৎ, টেক্সটকে পরের লাইনে নিয়ে যায়'।
বৈশিষ্ট্য:
১. একটি এম্পটি ট্যাগ, এর কোনো ক্লোজিং ট্যাগ নেই।
২. প্যারাগ্রাফের মধ্যে নতুন লাইন শুরু করতে ব্যবহৃত হয়।
উত্তর
দৃশ্যপট-২ এর HTML কোড নিচে দেওয়া হলো-
< !DOCTYPE html >
< html >
< body >
< table border = "1" cellspacing = "0" >
< tr >
< th > Group < /th >
< th colspan="3" > Section < /th >
< td rowspan = "3" valign="top" >
< b > < u > Club < /u > < /b >
Science
ICT
< /td >
< tr >
< td > Science < /td >
< td colspan="3" >
< ol >
< li >Sciencel
< li > Science2
< /ol >
< /td >
< tr >
< td > Arts < /td >
< td valign = "top" align="center" > H < sub > 1 < /sub > < /td >
< td valign="top" align="center" > B < /td >
< td valign = "top" align="center" > C < /td >
< /table >
< /body >
< /html >
বিশ্লেষণ: কোডটিতে টেবিলের অনুরূপ কাঠামো তৈরি করার জন্য উপযুক্ত স্থানে rowspan এবং colspan ব্যবহার করা হয়েছে। টেবিলের cell content গুলোকে উপযুক্ত স্থানে প্রদর্শনের জন্য align ও valign ব্যবহার করা হয়েছে।