চতুর্থ অধ্যায় : ওয়েব ডিজাইন পরিচিতি এবং HTML, একাদশ-দ্বাদশ শ্রেণি: আসসালামু আলাইকুম, আমি জানি আপনারা “চতুর্থ অধ্যায় : ওয়েব ডিজাইন পরিচিতি এবং HTML, একাদশ-দ্বাদশ শ্রেণি” বিষয়ে ধারণা নিতে অনলাইনে সার্চ করছেন।
এখানে আপনি এই বিষয় সম্পর্কে সব জানতে পারবেন। তো আসুন আমরা জেনে নিই।
চতুর্থ অধ্যায় : ওয়েব ডিজাইন পরিচিতি এবং HTML, একাদশ-দ্বাদশ শ্রেণি
প্রশ্ন-১. কোনটি ডকুমেন্টের প্রাণ?
উত্তর : ফন্ট হচ্ছে ডকুমেন্টের প্রাণ।
প্রশ্ন-২. লিংক Tag-এর সিনট্যাক্স লেখ।
উত্তর : <a href = "milto: E-mail address">
প্রশ্ন-৩. আইপি অ্যাড্রেসের অনুবাদ কোনটি?
উত্তর : আইপি অ্যাড্রেসের অনুবাদই হচ্ছে ডোমেইন নেম।
প্রশ্ন-৪. স্ট্যাটিক ওয়েবসাইট কী?
উত্তর : যে সকল ওয়েবসাইটের ডেটার মান ওয়েব পেইজ লোডিং বা চালু করার পর পরিবর্তন করা যায় না তাকে স্ট্যাটিক ওয়েবসাইট বলে।
প্রশ্ন-৫. Tag এর দুইটি ধরন কী কী?
উত্তর : ১. Empty tag এবং ২. Container Tag
প্রশ্ন-৬. ওয়েব ডিজাইন কী?
উত্তর : একটি ওয়েবসাইট দেখতে কেমন হবে তার ডিজাইনকে ওয়েব ডিজাইন বলে।
প্রশ্ন-৭. Tag কী?
উত্তর : Tag হলো HTML এর কিছু symbols বা unit make up যা দ্বারা ওয়েব ডকুমেন্ট বিভিন্ন ধরনের ফরম্যাট এবং লিংক সম্পন্ন হয়ে থাকে।
প্রশ্ন-৮. স্টোরি বোডিং কি?
উত্তর : ওয়েব ডেভেলপের ক্ষেত্রে ওয়েব প্রেজেন্টেশনটি দেখতে কেমন হবে সেটি স্টোরি বোডিং এর মাধ্যমে ধারণা পাওয়া যায়।
প্রশ্ন-৯. হায়ারার্কিস কাকে বলে?
উত্তর : স্ট্রাকচার পদ্ধতিতে মূল মেনু এর টপিক বা সাবটপিক্সের মধ্যে যে সম্পর্ক তৈরি হয় তাকে হায়ারার্কিস বলে।
প্রশ্ন-১০. WWW দ্বারা কী বুঝায়?
উত্তর : WWW দ্বারা World Wide Web বুঝায়।
প্রশ্ন-১১. HTTP এর অর্থ কী?
উত্তর : HTTP এর অর্থ হলো Hyper Text Transfer Protocol.
প্রশ্ন-১২. HTML এ টেক্সটকে আন্ডারলাইন করার জন্য কোন এলিমেন্ট ব্যবহৃত হয়?
উত্তর : HTML এ টেক্সটকে আন্ডারলাইন করার জন্য U এলিমেন্ট ব্যবহৃত হয়।
প্রশ্ন-১৩. HTML ডকুমেন্টে DD এলিমেন্টটি কোন প্রকার কাজের জন্য ব্যবহার করা হয়?
উত্তর : ডেফিনিশন ডেসক্রিপশন এর জন্য DD এলিমেন্টটি ব্যবহার করা হয়।
প্রশ্ন-১৪. ওয়েবপেজ ডিজাইনের প্রথম সাধারণ পদ্ধতি কোনটি?
উত্তর : ওয়েবপেজ ডিজাইনের প্রথম সাধারণ পদ্ধতি হচ্ছে Logical structure.
প্রশ্ন-১৫. আনঅর্ডার লিস্টকে চিহ্নিত করার উপায় কোনটি?
উত্তর : আনঅর্ডার লিস্টকে মূলত চিহ্নিত করা হয় বুলেট তথা ছোটো ছোটো বৃত্ত দ্বারা।
প্রশ্ন-১৬. আনঅর্ডার লিস্টের ক্ষেত্রে প্রতিটি লিস্ট আইটেম শুরু হয় কোন ট্যাগ দিয়ে?
উত্তর : আনঅর্ডার লিস্টের ক্ষেত্রে প্রতিটি লিস্ট আইটেম শুরু হয় <li> ট্যাগ দিয়ে।
প্রশ্ন-১৭. লিংক এর প্রধান ভাগ দুটি কী?
উত্তর : (i) Internal link (2) External link
প্রশ্ন-১৯. অ্যাবসলুট পাথ এর একটি উদাহরণ লেখ।
উত্তর : অ্যাবসলুট পাথ এর একটি উদাহরণ হলো: href = "/C/Kamal/ATC.html".
প্রশ্ন-২০. HTML পেইজ, ইমেজ, সাউন্ড, ফাইল, মুভি ইত্যাদি রিসোর্সকে কীসের সাহায্যে নির্দেশ করা হয়?
উত্তর : হাইপারলিংক এর সাহায্যে।
প্রশ্ন-২১. যে চারটি মূলনীতির ওপর ওয়েব ডিজাইনের সফলতা নির্ভর করে সেগুলো কী?
উত্তর : ১. যৌক্তিকতা, ২. সহজবোধ্যতা, ৩. কম্প্যাটিবল এবং ৪. এক্সেসিবল।
প্রশ্ন-২২. SGML এর পূর্ণরূপ কী?
উত্তর : SGML এর পূর্ণরূপ হচ্ছে- Standardized General Markup Language.
প্রশ্ন-২৩. HTML ডকুমেন্টে OL এলিমেন্টটি কোন ধরনের এলিমেন্ট টাইপ?
উত্তর : OL এলিমেন্টটি মূলত Container এলিমেন্ট টাইপ।
প্রশ্ন-২৪. ফন্ট পরিবর্তন করতে হবে কীভাবে?
উত্তর : Font tag ব্যবহার করে এবং style attribute-এর Font family ব্যবহার করে ফন্ট পরিবর্তন করা যায়।
নেটওয়ার্ক ওয়েব স্ট্রাকচার বলতে কী বোঝ?
উত্তর : নেটওয়ার্ক ওয়েব স্ট্রাকচারে সবগুলো ওয়েবপেইজের সাথেই সবগুলোর লিংক থাকে, অর্থাৎ একটি মেইন পেইজের সাথে যেমন অন্যান্য পেইজের লিংক থাকে তেমনি প্রতিটি পেইজের তাদের নিজেদের সাথে ও মেইন পেইজের সাথে লিংক থাকে। ফ্রেম ব্যবহার করে তৈরি করা ওয়েবপেজইগুলোকেই এই নেটওয়ার্কের মাধ্যমে লিংক করা হয়ে থাকে যাতে একটি ছোটো ফ্রেমের মধ্যে অন্যান্য পেইজের লিংকগুলো মেনু আকারে রাখা যায়। এই ফ্রেমটি সাধারণত স্থির থাকে এবং কোনো একটি লিংক নির্বাচন করলে ঐ পেইজটি একটি অপেক্ষাকৃত বড় ফ্রেমের মধ্যে দেখায়।
রিমোট ওয়েবপেজ (Remote webpage) কাকে বলে?
উত্তর : দূরবর্তী কোন কম্পিউটারে সংরক্ষিত ওয়েব পেইজগুলোকে রিমোট ওয়েবপেজ (Remote webpage) বলে। রিমোট ওয়েবপেজ ডাউনলোড করার জন্য ইন্টারনেট সংযোগের প্রয়োজন হয়। এ ধরনের ওয়েবপেজ ব্রাউজিং-এর জন্য ওয়েব অ্যাড্রেস জানার প্রয়োজন হয়। এরূপ অ্যাড্রেস URL (Universal Resource Locator) বলা হয়।
html এলিমেন্ট সিনট্যাক্স বলতে কী বোঝায়?
উত্তর : Syntax এর সমার্থক শব্দ হলো Grammar বা নিয়ম। অর্থাৎ যে নিয়মের আওতায় HTML এর ট্যাগ তৈরি করা হয় অথবা ব্যবহার করা হয় তা হলো HTML Syntax। যেমন- Container ট্যাগের ক্ষেত্রে শুরু ও শেষ tag থাকতে হয়। উদাহরণ ......... < b> .......... </b>। আর শুরু ও শেষ ট্যাগের মধ্যস্থিত যা কিছু রয়েছে সবকিছু মিলে HTML এলিমেন্ট গঠিত হয়।
স্ট্যাটিক ওয়েব পেইজ বলতে কী বোঝ?
উত্তর : স্ট্যাটিক ওয়েব পেইজ পূর্ব থেকে তথ্য প্রদর্শন করার জন্য তৈরি করা হয় তবে ওয়েব ডেভেলপার মূল ফাইলের তথ্য পরিবর্তন করতে পারেন। যদি ফাইলের বর্ধিতাংশে "htm" অথবা "html" হয় তবে তা স্ট্যাটিক ওয়েব পেইজ নির্দেশ করে।
HTML এর সুবিধা কি?
উত্তর : নিচে HTML এর সুবিধাগুলো তুলে ধরা হলো–
- যেকোন ওয়েবপেইজের টেমপ্লেট তৈরি করা যায়।
- অধিকাংশ ব্রাউজার সাপোর্ট করে।
- ওয়েবপেইজের সাইজ কম হওয়াতে হোস্টিং স্পেস কম লাগে, অর্থাৎ খরচ কম হয়।
- HTML কোন কেস সেনসিটিভ ভাষা নয়।
- Syntax সহজ তাই HTML শেখা সহজ।
- এটি একটি ইউজার ফ্রেন্ডলি।
- যেকোনো টেক্সট এডিটরে কোড লেখা যায়।
HTML কিভাবে কাজ করে?
উত্তর : HTML হলো একটি ফরম্যাট যাতে বিভিন্ন প্রকারের ফর্ম্যাটিং ও হাইপারলিংক ব্যবহার করা যায়। ওয়েব সাইটে HTML সবচেয়ে বেশি ব্যবহার করা হয়। এতে বিভিন্ন ট্যাগ ব্যবহার করে বিভিন্ন ফরম্যাটিং, অবজেক্ট ও লিংক প্রকাশ করা হয়। HTML প্রোগ্রাম করার ভাষা নয়। এটি ডেটার মধ্যে নির্দেশাবলি সংযুক্ত করে ডিসপ্লে প্রোগ্রাম সৃষ্টি করে। এর মধ্যে টেক্সটকে সুন্দর ও সুবিন্যস্তভাবে সাজানো অনেক নিয়ন্ত্রক সংকেত অন্তর্ভুক্ত।
এইচটিএমএল (HTML) এ প্রোগ্রাম লিখার পদ্ধতি ব্যাখ্যা করো।
উত্তর : যেকোনো প্রোগ্রাম লেখার জন্য কোনো এডিটর ব্যবহার করে কোডিং করতে হয়। HTML এ প্রোগ্রাম লেখার জন্য প্রাথমিকভাবে নোটপেড ব্যবহার করা যেতে পারে। তবে, বাড়তি সুবিধা পাওয়ার জন্য Adobe Dreamweaver, Micresoft Expression Web, Coffee Cup HTML Editor ব্যবহার করা যায়। নিচে একটি এইচটিএমএল (HTML) প্রোগ্রাম লেখার ধাপগুলো বর্ণনা করা হলোঃ
ধাপ - ১: প্রথমে Start → All Program → Accessoriesy → Noteped এ ক্লিক করে নোটপেড ওপেন করতে হবে।
ধাপ - ২: নোটপেডে প্রয়োজনীয় HTML কোড লেখতে হবে।
ধাপ - ৩: ফাইল মেনু থেকে Save as এ ক্লিক করতে হবে।
ধাপ - ৪: ফাইলের একটি নাম দিয়ে .html এক্সটেনশন করে Save করতে হবে।
ধাপ - ৫: Save হয়ে গেলে ফাইলের উপর ডাবল ক্লিক করলেই যেকোনো ওয়েব ব্রাউজার দ্বারা ওয়েব পেজটি দেখা যাবে।