মোঃ ফজলুল হক
প্রভাষক
০২ ফেব্রুয়ারি , ২০২৩ ১১:২১ পূর্বাহ্ণ
পরীক্ষণ: বিভিন্ন ধরনের টেক্সট ফরম্যাটিং এর ব্যবহার।
ধরন: সাধারণ শিক্ষা
শ্রেণি: দ্বাদশ
বিষয়: তথ্য ও যোগাযোগ প্রযুক্তি
অধ্যায়: চতুর্থ অধ্যায়
তত্ত্ব / পরীক্ষণের
বর্ণনাঃ
টেক্সটকে সঠিক আকৃতি প্রদান
করে সুন্দরভাবে উপস্থাপন করে একটি ওয়েব পেইজে ফুটিয়ে তোলার পদ্ধতিকে ফরম্যাটিং বলে। বিভিন্ন ধরনের হেডিং, ফন্ট, সাইজ প্রভৃতির উপর কাজ করা হয়।
যন্ত্রপাতির
ব্যবহারঃ
ক) হার্ডওয়ার:
একটি কম্পিউটার।
খ) সফ্টওয়ার: অপারেটিং সিস্টেম : Windows 7 / Windows 10
এডিটিং সফট্ওয়্যর : নোটপ্যাড
ব্রাউজিং সফট্ওয়ার : গুগল ক্রোম
/ মজিলা ফায়ারফক্স / অপেরা / সাফারি / মাইক্রোসফট এজ
গ) ব্যবহার:
উল্লিখিত পরীক্ষণটি সম্পন্ন করতে যন্ত্রপাতি ব্যবহারের ক্ষেত্রে নিচের পদ্ধতি
অনুসরণ করি-
Ø
কাজের শুরুতে কম্পিউটারে
বিদ্যুতিক সংযোগ দিতে হবে।
Ø কম্পিউটারের পাওয়ার সুইচ অন করে কম্পিউটারটি চালু করতে হবে।
Ø উল্লিখিত সফটওয়্যারগুলো কম্পিউটারে ইনস্টল আছে কি না তা
দেখে নিতে হবে।
Ø
বর্ণিত পরীক্ষণটি হলে
চালুকৃত প্রোগ্রামসমূহ বন্ধ করতে হবে এবং নিয়মানুযায়ী কম্পিউটারটি বন্ধ/ শাট ডাউন করতে হবে। প্রয়োজনে বিদ্যুতিক সুইচ বন্ধ করে বিদ্যুৎ সংযোগ
বিচ্ছিন্ন করতে হবে।
ফলাফল
উপস্থাপনঃ
ক) প্রক্রিয়া অনুসরণ:
ওয়েব পেইজ তৈরির
পরীক্ষণটি সম্পন্ন করার জন্য HTML ভাষা
ব্যবহার করলে সহজে ও সুন্দরভাবে পরীক্ষণটি সম্পন্ন করা যায়। নিচে পরীক্ষণটি সম্মপ্ন করার বিভিন্ন প্রক্রিয়া
বর্ণনা করা হলো-
Ø
পরীক্ষণ বিশ্লেষণ: আলোচ্য পরীক্ষণটি একটি ওয়েব পেইজ তৈরির মাধ্যমে সম্পন্ন
করতে হবে সেখানে ফরম্যাটিং ট্যাগ দ্বারা ওয়েব
পেইজে ফুটিয়ে তোলার হয়েছে সেটা দেখা যাবে।
Ø ওয়েব পেইজ ডিজাইনিং: HTML ভাষা ব্যবহার করে ওয়েব পেইজ তৈরির
পূর্বে ওয়েব পেইজটির একটি লে-আউট বা নকশা করতে হবে অর্থাৎ পেইজের বিভিন্ন ডকুমেন্ট
কোথায় কিভাবে প্রদর্শিত হবে তা ঠিক করে নিতে হবে।
I.
ওয়েব পেইজটির নাম Formate.html
II.
পেইজের টাইটেল বারে Using formatting
Tag দেখা যাবে।
III.
পেইজে formatting Tag ব্যবহার নিচের মত
|
Ø HTML কোডিং: এডিটিং সফট্ওয়ার
নোটপ্যাড ব্যবহার করে ধাপে ধাপে ওয়েব পেইজটির কোডিং করা করতে হবে।
ধাপ-১: কম্পিউটারের Start – Programs /All Programs – Accessories – Notepad এ ক্লিক করে এডিটিং সফট্ওয়ার নোটপ্যাড চালু করলে নিচের চিত্রের মত Untitled নামে উইন্ডোটি দেখা যাবে।
ধাপ- ২: Notepad প্রোগ্রামের ফাইল মেনুর সাবমেনু থেকে Save as এ ক্লিক করলে Save as ডায়ালগ উইন্ডো পাওয়া যাবে। Save as ডায়ালগ উইন্ডোর ঋরষব File name: টেক্সট বক্সে Formate.html টাইপ করে Save বাটন ক্লিক করে
ফাইল টি Save করি।
ধাপ ৩: Formate.html পেইজে নিম্নের HTML কোড ও ডকুমেন্ট
টেক্সট টাইপ করি।
<html>
<head>
<title>Using
formatting Tag</title>
</head>
<body>
<p>
Bold:
<b>Information and</b> <strong>Communication Technology -
ICT</strong><br>
Italic:
<i>Information and </i><em>Communication Technology - ICT</em><br>
Underline:
<u>Information and </u><ins>Communication Technology -
ICT</ins><br>
Cross
Something: <del>Information</del> and
<s>Communication</s>
<strike>Technology</strike><br>
Small
Text: <small>Information and Communication Technology - ICT</small><br>
Big
Text: <big>Information and Communication Technology -
ICT</big><br>
Superscripted
Text:
(a+b)<sup>2</sup>=a<sup>2</sup>+2ab+b<sup>2</sup><br>
Subscripted
Text: H<sub>2</sub>O, CO<sub>2</sub>
</p>
</body>
</html>
ধাপ৪: Notepad - এর মেনু ক্লিক করে
সাবমেনু Save বাটন ক্লিক করে কোডগুলো Save করি।
Ø
পর্যবেক্ষণ ও সংশোধন: প্রোগ্রামটি তৈরির পর ব্রাউজিং সফ্টওয়ার মজিলা ফায়ারফক্স
দ্বারা লোড বা রান করে দেখি। ওয়েব পেইজটিতে যে যে ডকুমেন্ট যেভাবে থাকার কথা তা
ঐভাবে আছে কিনা তা পর্যবেক্ষণ করি। প্রোগ্রামটিতে যদি কোন ভুল থাকে, তবে এডিটিং সফট্ওয়ার নোটপ্যাড দিয়ে খুলে ভুলগুলো সংশোধন করে
পুনবায় ফাইলটি Save করি এবং আবারো ব্রাউজিং সফট্ওয়ার দিয়ে
রিলোড করে দেখি ওয়েব পেইজটি যথাযথ হয়েছে কিনা।
ফলাফলঃ
যেকোন ব্রাউজারে Formate.html লোড করলে তৈরিকৃত ওয়েব পেইজটি প্রদর্শিত হবে। উল্লেখ্য Formate.html নামের ফাইলটির উপর কার্সর রেখে ডাবল
ক্লিক করলে তা ব্রাউজার এবং ফলাফল প্রদর্শিত হবে।
ব্যাখ্যাঃ
HTML ভাষা দিয়ে ওয়েব পেইজটি তৈরি করা হয়েছে। এখানে
বিভিন্ন এলিমেন্টস্ HTML কোড ও ডকুমেন্ট টেক্সট দিয়ে ওয়েব পেইজ সংযোজন করা হয়েছে। এই
ওয়েব পেইজটি তৈরিতে ব্যবহৃত বিভিন্ন HTML কোডের
ব্যাখ্যা নিন্মে দেয়া হলো-
Ø
Head সেকশনে < title >......</title > ট্যাগের মধ্যে পেইজের নাম লেখা হয়েছে।
Ø
Body সেকশনে সকল ফরম্যাটিং ট্যাগ গুলো সাজানো থাকবে।
Ø
<p>…. </p> Tag দ্বারা প্যারাগ্রাফ বর্ণনা করে।
Ø
<b>…. </b> Tag and
<strong>…. </strong> Tag দ্বারা Bold Text নির্দেশ করে।
Ø
<i>…. </i> Tag and
<em>…. </em> Tag দ্বারা Italic Text নির্দেশ করে।
Ø
<u>…. </u> Tag and
<ins>…. </ins> Tag দ্বারা Underline Text নির্দেশ করে।
Ø
<del>…. </del> Tag,
<s>…. </s> Tag and <strike>…. </strike> Tag দ্বারা Cross Something Text নির্দেশ করে।
Ø
<small>…. </small> Tag দ্বারা Small Text নির্দেশ করে।
Ø
<big>…. </big> Tag দ্বারা Big Text নির্দেশ করে।
Ø
<sup>…. </sup> Tag দ্বারা Superscripted Text নির্দেশ করে।
Ø
<sub>…. </sub> Tag দ্বারা Subscripted Text নির্দেশ করে।
