মঙ্গলবার, ১১ মে ২০২১, ০৮:৩২ অপরাহ্ন

নিউজ অনলাইন বিডি:
নিউজ অনলাইন বিডি পোর্টালে স্বাগতম। আপনার আশেপাশে ঘটে যাওয়া ঘটনার ছবি ও খবর আমাদেরকে মেইল করুন। দেশ ও জাতির কল্যাণে আমাদের সাথেই থাকুন।
ভার্সিটি ভর্তিতে আইসিটি (অধ্যায়-৪)

ভার্সিটি ভর্তিতে আইসিটি (অধ্যায়-৪)

অধ্যায়-৪; মৌলিক অংশ

১) ওয়েবপেইজ
ইন্টারনেটে সংযুক্ত সার্ভারে রক্ষিত তথ্য সম্বলিত পেইজকে ওয়েবপেইজ বলে।
২) ওয়েবসাইট (ঢা-১৬, চ,রা-১৭, রা-১৯)
একই ডোমেন নেইমের আওতায় কতগুলো ওয়েবপেইজের সমষ্টিকে ওয়েবসাইট বলে।
৩) হোম পেইজ (কু-১৬)
ওয়েবসাইটে প্রবেশ করলে প্রথমে যে পেইজ দেখা যায় তাকে হোমপেজ বলে।
৪) ওয়েব ব্রাউজার (দি-১৭,য-১৯)যে সফটওয়্যার দ্বারা ইন্টারনেটে প্রবেশ করা যায় বা যে সফটওয়্যার দ্বারা ওয়েব পেইজ দেখা যায় তাকে ওয়েব ব্রাউজার বলে।
৫) ওয়েব পোর্টাল (স-১৮)
ইহা হচ্ছে কতগুলো ওয়েবসাইটের সমষ্টি যেখানে বিবিধ সার্ভিস দেয়া হয়।
৬) ওয়েবহোস্টিং= ভাড়ার বিনিময় সার্ভারে ওয়েবসাইট স্থাপন করাকে হোস্টিং বলে।
৭) ওয়েব ডিজাইনঃ ওয়েবসাইট তৈরির কার্যক্রমকে ওয়েবডিজাইন বলে।
৮) ওয়েব সার্ভার; ওয়েব সাইট যে কম্পিউটারে সেট করা হয় ৯) ওয়েব সাইট পাবলিশিং = ওয়েব সাইট ডিজাইন করার পর ডোমেইন নেম ও হোস্টিং ক্রয় করে সাইট চালু করাকে ওয়েব সাইট পাবলিশিং বলে।
১০) ওয়েব এড্রেস; ওয়েব সাইটের হোমপেইজে পৌছার ইউনিক লিংক
১১) ডোমেইন নেম (সি-১৬, য-১৭) ওয়েবসাইটেরইউনিক নামকে ডোমেননেইম বলে।
১২) আইপি অ্যাড্রেস (দি-১৬, ব,সি-১৭, চ-১৯)
ওয়েব অ্যাড্রেসের সাংখ্যিক মানকে আইপি অ্যাড্রেস বলে।
১৩) URL (চ-১৬)Uniform Resources Locator: ওয়েবে রক্ষিত প্রতিটি পেইজ ও ফাইলের ইউনিক লোকেশন লিংককে URL বলে।
১৪) হাইপারলিংক/ Hyperlink(ব-১৭, উ-১৮, ব,দি-১৯)
ওয়েবসাইটের এক পেইজর সাথে অন্য পেইজের লিংককে হাইপারলিংক বলে।
১৫) http/ প্রটোকল (স-১৮) Hyper Text Transfer Protocol
যে প্রক্রিয়ায় সার্ভার ও ব্রাউজারের মধ্যে ডেটা আদান-প্রদান করা হয়।
১৬) HTML = Hyper Text Markup Language:
ইহা ওয়েব ডিজাইনের জন্য বিখ্যাত মার্কআপ ভাষা।
১৭) HTML Tag (ব,রা-১৬, দি-১৭, স-১৮)
কৌণিক ব্রাকেটের সাহায্যে লিখিত html নির্দেশকে ট্যাগ বলে।
১৮) HTMLSyntax (ঢা-১৭)html ডকুমেন্ট তৈরিতে যে সব ট্যাগ, এট্রিবিউট, এলিমেন্ট ব্যবহারের নিয়ম রয়েছে তাকে HTMLSyntaxবলে।
১৯) HTMLElement= ওপেনিং ট্যাগ ও ক্লোজিং ট্যাগের মধ্যবর্তী অংশকে HTMLElement/ Content বলে।
২০) HTML Attribute
ওপেনিং ট্যাগে যে বাড়তি তথ্য থাকে তাকে HTML Attribute বলে।
২১) কন্টেইনার ট্যাগ; যে ট্যাগের ওপেনিং, ক্লোজিং ও কন্টেন্ট আছে
২২) এম্পটি ট্যাগ; যে ট্যাগের ওপেনিং আছে, কিন্তু ক্লোজিং ও কন্টেন্ট নেই
২৩) হেডিং ট্যাগঃ প্যারাগ্রাফের শিরোনাম দেয়ার ৬টি ট্যাগকে হেডিং ট্যাগ বলে।
২৪) FTP (ঢা-১৯)= File Transfer Protocol
২৫)


কী? (সি-১৯)
২৬) www= World Wide Web বিশ্বজুড়ে উন্মুক্ত ওয়েবসাইটের সমষ্টি
২৭) Search Engine (য-১৬, কু-১৯)
যে ওয়েবসাইটের মাধ্যমে ইন্টারনেটে তথ্য খুঁজে বের করা হয় তাকে সার্চ ইঞ্জিন বলে।
২৮) ইন্টারনেট: বিশ্বের ছোট বড় সকল নেটওয়ার্কের সমষ্টিকে ইন্টারনেট বলে।
২৯) স্ট্যাটিক ওয়েবসাইটঃ যে ওয়েবসাইট চালু করার পর আপডেট বা পরিবর্তন করা যায় না তাকে স্ট্যাটিক ওয়েবসাইট বলে।
৩০) ডায়নামিক ওয়েবসাইটঃ যে ওয়েবসাইট চালু করার পর আপডেট বা পরিবর্তন করা যায় তাকে ডায়নামিক ওয়েবসাইট বলে।
৩১) ফরম্যাটিং= লেখাকে সুন্দর করে ডিজাইন করাই হচ্ছে ফরম্যাটিং।
৩২) নোটপ্যাড/ Notepad= HTMLলেখার ফ্রি টেক্সটএডিটর হচ্ছে নোটপ্যাড।
৩৩) কম্বিনেশন স্টাকচার/ হাইব্রিড কাঠামো একাধিক ওয়েব কাঠামো মিলে যে নতুন কাঠামো তৈরি হয় তাকে হাইব্রিড স্টাকচার বলে।
৩৪) হায়ারার্কিক্যাল স্টাকচার/ট্রি কাঠামো= যে কাঠামোতে পেইজগুলো তিন স্তরে সাজানো থাকে তাকে হায়ারার্কিক্যালকাঠামো বলে।
৩৫) নেটওয়ার্ক স্ট্রাকচার/ কাঠামো = যে কাঠামোতে পেইজগুলোর প্রত্যেকটির সাথে প্রত্যেকটির সংযোগ থাকে তাকে নেটওয়ার্ক কাঠামো বলে।
৩৬) লিনিয়ার স্ট্রাকচার/ কাঠামোঃ যে কাঠামোতে পেইজগুলো ক্রমানুসারে বা সিকুয়েন্সে সাজানো থাকে তাকে লিনিয়ারকাঠামো বলে।
৩৭) ডাউনলোড ; দূরবর্তী সিস্টেম থেকে স্থানীয় ডিভাইসে কোন কিছু সেইভ করা
৩৮) আপলোড; স্থানীয় ডিভাইস থেকে দূরবর্তী সিস্টেমে কোন কিছু সেইভ করা
৩৯) ICANN= International Corporation for Assigned Names and Numbers, এ প্রতিষ্ঠান ডোমেন নেম রেজিস্ট্রেশন করে।

অধ্যায়-৪; বিবরণ অংশ

@ ইন্টারনেটে যুক্ত ডিজিটাল পেইজকে ওয়েব পেইজ বলে।
@ওয়েব পেইজ তৈরি করেন- টিম বার্নার্স লী, ব্রিটিশ পদার্থ ও কম্পিউটার বিজ্ঞানী।
টিম বার্নার্স লী ১৯৯০ সালে মোজাইক ব্রাউজারে WWWএর প্রয়োগ করেন।
তিনি WWWর জনক, W3C এর পরিচালক, CERN এ কর্মরত ছিলেন।
@WWW =world wide web =উন্মুক্তওয়েবসাইটগুলোরসমষ্টি
Hypertext = ইন্টারনেটে প্রেরিত টেক্সট
Hyperlink = হাইপারটেক্সট যে লিংকে পাওয়া যায়
Hypermedia= টেক্সট ছাড়াও ছবি, অডিও, ভিডিও ইত্যাদি প্রেরণ
@ওয়েব পেইজ তৈরি করার প্রসিদ্ধ ভাষা হচ্ছে- HTML, CSS, PHP, Java
সফ্টওয়্যার হচ্ছেNotepad, Adobe Dreamweaver, Adobe Flash, Adobe Photoshop, etc.
@website: কতগুলো ওয়েবপেইজের সমষ্টিকে ওয়েবসাইট বলে।
একই ডোমেন নেইমের আওতায় কতগুলো ওয়েবপেইজের সমষ্টিকে ওয়েবসাইট বলে।
ওয়েবসাইটের ২টি অংশ থাকে; সার্ভার ও ক্লায়েন্ট
হার করে
@আপডেটের ভিত্তিতে ওয়েবসাইট ২প্রকার
Static= স্থির বা অপরিবর্তনশীল
Dynamic= গতিশীল না পরিবর্তনশীল
Static Website Dynamic Website
আপডেট বা হালনাগাদ করা যায় না আপডেট বা হালনাগাদ করা যায়
অপরিবর্তনশীল পরিবর্তনশীল
তৈরির ভাষা HTML, CSS PHP, ASP,JSP, Java,Net
খরচ কম খরচ বেশি
ইউজারের ইনপুট গ্রহণ করেনা ইউজারের ইনপুট গ্রহণ করে
ছোট আকারের সাইট বড় ও বহুমুখী সাইট
ডেটাবেজ সংযোগ থাকেনা ডেটাবেজ সংযোগ থাকে
একমুখী যোগাযোগ ব্যবস্থা দ্বিমুখী যোগাযোগ ব্যবস্থা
কন্টেন্ট বা উপাদান নির্দিষ্ট থাকে কন্টেন্ট বা উপাদান নির্দিষ্ট থাকে না
ওয়েবসাইটের পেইজগুলো সাজানোর পদ্ধতিই হলো কাঠামো।
কাঠামো (Structure) হিসেবে ওয়েবসাইট ৪প্রকার;
১) Hierarchical/Tree; গাছের মত, হোম পেইজভিত্তিক ওয়েবসাইট
২) Linear পেইজগুলো ক্রমানুসারে সাজানো থাকে, এক পেইজ হতে অন্য পেইজে যেতে next, previous, first, last ক্লিক করে যেতে হয়।
৩) Network সাইটের প্রতেক পেইজের সাথে অন্য পেইজের সংযোগ থাকবে।
যেকোন পেইজ থেকে যেকোন পেইজে যাওয়া যায়, হোমপেজে যেতে হয় না।
৪) Combination/ Hybridউপরের একাধিক পদ্ধতির সমন্বয়।
Hierarchical/Tree ওয়েবসাইটের কাঠামোর স্তর৩টি;
১)হোমপেইজ -Home page–কোনো ওয়েবসাইটের প্রথম পেইজকে হোম পেইজ বলে। এটা এক ধরনের সূচীপত্র। হোমপেইজে মূল সেকশনের লিংক থাকে।
২)প্রধান ধারা – Main sections – হোম পেইজে যে বিভিন্ন মেনু থাকে তাই মেইন সেকশন। সাইটের প্রধান তথ্য এখানেই থাকে।
৩)উপধারা পেজ- Sub sections- মূল সেকশনের লিংকসমুহে ক্লিক করলে যে পেজ আসে তাই সাব সেকশন।
এডিটিং সফটওয়্যার (Notepad) ও ব্রাউজার (Opera) দরকার হয়।
ওয়েবসাইট ইন্টারনেটে যুক্ত করাকে ওয়েবসাইট পাবলিশিংবলে।
ওয়েবসাইট পাবলিশের ধাপসমূহ
১) ওয়েবপেইজডিজাইন করা;
২) ডোমেইন ক্রয়; ডিজাইন করা সাইটটির জন্য ICANN নামক প্রতিষ্ঠান থেকে অর্থের বিনিময় একটি ইউনিক নাম বা ডোমেন নেম রেজিস্ট্রেশন করা।
৩) হোস্টিং ক্রয়; ওয়েবসাইট চালু করার জন্য একটি সার্ভারে মেমোরি ভাড়া করতে হবে। অর্থের বিনিময় সার্ভারে যায়গা নেয়াই হচ্ছে ওয়েব হোস্টিং ক্রয় করা
৪) সাইট আপলোড; এফটিপি সফটওয়ারের দ্বারা ভাড়া করা সার্ভারে আপলোড
৫) সার্চইঞ্জিনে যুক্ত করা;
ডোমেইননেমঃ ওয়েব সাইটের স্বতন্ত্র বা ইউনিক নামকে ডোমেইননেম বলে।
ওয়েব অ্যাড্রেসের শেষের ডট যুক্ত বর্ধিত অংশকে টপ লেবেল ডোমেইন বলে।
@১৯টি টপ লেবেল ডোমেইন আছে, বেশি প্রচলিত হচ্ছে;
.com =কোম্পানি/ বাণিজ্যিক; www.facebook.com
.gov =সরকারিপ্রতিষ্ঠান www.bgmc.gov.bd
.edu =শিক্ষাপ্রতিষ্ঠানwww.bargunagovcollege.edu.bd
HTML= Hyper Text Markup Language
HTML ফাইল.htm বা .html এক্সটেনশন দিয়ে সেভ করতে হয়।
@HTMLএর দুটি অংশ থাকে, Head ও Body
Head অংশে title, style, script, meta, ওয়েব পেইজের ধারনা থাকে।
Body অংশে যাবতীয় দৃশ্যমান তথ্য লেখা, ছবি, অডিও, ভিডিও, টেবিল থাকে।
@কৌণিক ব্রাকেটের সাহায্যে লিখিত HTML নির্দেশকে Tag বলে।
এইচটিএমএলকে ট্যাগের ভাষা বলা হয় কারণ ট্যাগ ছাড়া এইচটিএমএল হয় না।
ট্যাগ ২ অংশ; Opening Tag & Closing Tag
Opening Tag=Book=Closing Tag
@ট্যাগ ২ প্রকারঃ ১) Empty Tag=যার ওপেনিং আছে, ক্লোজিং নেই।
যেমন,


২) Container Tagযার ওপেনিং ও ক্লোজিং আছে।

@ HTML ফাইল শুরু হয় দিয়ে এবং শেষ হয় দিয়ে।
@HTML এলিমেন্টঃ ওপেনিং ও ক্লোজিং ট্যাগের মাঝখানের অংশ।
২ট্যাগের মাঝখানে লেখাটুকুকে element/ content/ উপাদান বলে।
যেমন,

Barguna

(এখানে Barguna হচ্ছে এলিমেন্ট)
@HTMLঅ্যাট্রিবিউটঃ ওপেনিং ট্যাগে বর্ণিত উপাদান সম্পর্কে তথ্যদাতা নির্দেশকে অ্যাট্রিবিউট বলে।যেমন

লেখা লাল রঙ দিতে; Barguna (এখানেহচ্ছেক্লোজিংট্যাগ)
৪.১- ফরমেটিং
@সুন্দরভাবে উপস্থাপন করতে লেখার বিভিন্ন আকৃতি দেয়াকে ফরম্যাটিং বলা হয়।
* HTMLপ্যারাগ্রাফের শিরোনাম দেয়ার জন্য ৬টিহেডিং ট্যাগ আছে;

*বড় অক্ষরে শিরোনাম দিতে

*ছোট অক্ষরে শিরোনাম দিতে

১)

প্যারাগ্রাফের শুরু ও শেষ বুঝায়

২) লেখা বোল্ড বা মোটা করতে
৩) লেখা ইটালিক বা হেলানো করতে
৪) লেখা আন্ডারলাইন করতে
৫) লেখার ফন্ট নির্ধারণ করতে
৬) বেজ বা সাবস্ক্রিপ্ট দিতে
৭) পাওয়ার দিতে
৮) লেখায় কাটা দাগ দিতে
৯) লেখা বড় করতে
১০) লেখা হাইলাইটেড করতে
১১)
লাইন ব্রেক করে নতুন লাইনে যেতে
১২)


আড়াআড়ি রেখা টানতে
* এর ৩টি Attributeআছে;
1) face= কোন ফন্ট ব্যবহার করা হবে, যেমন সুতনীএমজে
2) size= কত সাইজের ফন্ট দেয়া হবে3) color= কোন কালার দেয়া হবে;
Pen
*বাংলা ফন্ট ব্যবহার করতে ইউনিকোডে সরাসরি টাইপ করা যায়।
অনেক কম্পিউটারে বাংলা সঠিকভাবে দেখা যেতে নাও পারে
তাই শুরুতে ও টাইটেল ট্যাগের পর
বা anchor ট্যাগ।
* হাইপারলিংকএর অ্যাট্রিবিউট হচ্ছে href=hyperlink reference
গঠন link text
যেমন, ICT লেখার সাথে www.fb.com/ict লিঙ্ক যুক্ত করতে
ICT (এতে পেইজে ICT শব্দটি দেখা যাবে যাতে ক্লিক করলে উক্ত লিংকড পেইজ আসবে)
একই উইন্ডোতে পেইজ খুলতে শেষে target= “_self” এট্রিবিউট দিতে হবে
ভিন্ন উইন্ডোতে পেইজ খুলতে শেষে target= “_blank” হবে

ট্যাগের অনেক এট্রিবিউট আছে; আবশ্যক এট্রিবিউট হচ্ছে src যার দ্বারা ছবির অবস্থান নির্দিষ্ট করা হয়। src=source
@img ট্যাগের গঠন হচ্ছে;
যেমন image ফোল্ডারে cover নামে একটি ছবি আছে,
তাহলে ট্যাগ হবে=
তবে একই ফোল্ডারে cover নামে একটি ছবি থাকলে,
তাহলে ট্যাগ হবে=
img ট্যাগের অন্যান্যAttribute নিচে গঠন দেখানো হচ্ছে
“--”
ছবির ফরমেটঃ jpg, jpeg, png, bmp, gif

২.৩.৪- টেবিল
টেবিল তৈরির বহুল ব্যবহৃত কিছু ট্যাগ;
১)

টেবিল শুরু করতে

২)

টেবিলে রো যোগ করতে যত রো তত জোড়া

৩)

রোতে ডেটা যোগ করতে, যত সেল/ডেটা তত জোড়া ট্যাগ

৪)

টেবিলের ১ম রো মোটা অক্ষরে করতে এই ট্যাগ হবে

৫)

টেবিলের পূর্বে শিরোনাম দিতে @টেবিল তৈরির জন্য আবশ্যক এট্রিবিউট হচ্ছে border=“1”
অন্যান্য

List বা তালিকা করার কোডিং
List / তালিকা ২ ধরনের
১) Order List বা ক্রমানুবর্তী তালিকা
(যখন তালিকায় ক্রমিক নম্বর দেয়া থাকে) এর ট্যাগ হচ্ছে

    ২) Unorder List বা অক্রমানুবর্তী তালিকা
    (যখন তালিকায় ক্রমিক নম্বর দেয়া থাকেনা) এর ট্যাগ হচ্ছে

৯০. পুরো টেবিলে রেখার জন্য= border সেলের দূরত্ব=cellspacing
লেখা ও সেল দূরত্ব = cellpadding টেবিলের অবস্থান = align
৯১.

ট্যাগের Attribute = align rowspan colspan
৯২. টেবিলের সেল খালি রাখার জন্য
ট্যাগ
৯৩. front-end development = ওয়েব পেইজের ডিজাইন
back-end development = ওয়েবে ডেটাবেজ ও ফিচার সংযোগ
full-stack development = নতুন করে ডিজাইন
৯৪. ডোমেইন নেম হলো =ওয়েবসাইটের স্বতন্ত্র নাম
৯৫. ওয়েব ব্রাউজার হচ্ছে(দি-১৬)
i.GoogleChrome ii.Opera iii.Mozilla Firefox
৯৬. সার্চ ইঞ্জিন হচ্ছে/ search engine হচ্ছে
i. Google ii.Bing iii.Yahoo
৯৭. ওয়েবসাইটকে ইন্টারনেট-এ যে কমপিউটারে রাখা হয় =সার্ভার
৯৮. ওয়েবসাইটকে অর্থের বিনিময়ে অন্যের সার্ভারে রাখা =হোস্টিং
৯৯. প্রতিটি ওয়েবসাইটের স্বতন্ত্র নাম =ডোমেইন নেম
১০০. ডোমেইন নাম/ web address ব্যবহার না করে ওয়েবসাইটে যাওয়া যায় =আইপি অ্যাড্রেস ব্যবহার করে
১০১. Domain Name এর প্রধান বৈশিষ্ট্য = ইউনিক
১০২. ইমেল অ্যাড্রেসে @র আগের অংশ ডোমেইন নেম, পরের অংশ ইউজার নেম
১০৩. নিচের কোনটি প্রতিটি ওয়েব ঠিকানার শুরুতে থাকে= http
১০৪. সার্ভার ও ক্লায়েন্টের মধ্যে ডেটা আদান প্রদান করে কোন প্রোটোকল =http
১০৫. http =Hyper Text Transfer Protocol
১০৬. https:// এর s = Security
১০৭. ইন্টারনেট সেবাদানকারী প্রতিষ্ঠান =ISP
১০৮. ইন্টারনেট IP/TCP প্রটোকলে কাজ করে
১০৯. পূর্ণরূপ সঠিক
ISP= Internet Service Provider
FTP= File Transfer Protocol
TCP= Transmission Control Protocol
DNS= Domain Name System
১১০. ডোমেইন নেমকে সংখ্যায় প্রকাশ করলে আইপি এড্রেস হয়
১১১. ডোমেন নেইম রেজিস্ট্রেশন করা হয় যে প্রতিষ্ঠান থেকে = ICANN
১১২. 010.128.001.002-এটি =আইপি এড্রেস
১১৩. আইপি অ্যাড্রেস ৪ সংখ্যা বা অক্টেটে হয়
১১৪. আইপি অ্যাড্রেস (IPV4) ৩২ বিটে হয়
১১৫. আইপি অ্যাড্রেস (IPV6) ৬৪ বিটে হয়
১১৬. কান্ট্রি ডোমেইন = .uk .in .bd .us
১১৭. Top Level Domain বা TLD =ওয়েবসাইটের ধরণ নির্দেশক
১১৮. Top Level Domain বা TLD ১৯ টি
১১৯. www.yahoo.com শেষের অংশের নাম TLD বা ডোমেন প্রকৃতি
১২০. http://www.moedu.gov.bd/home এখানে TLD কোনটি?
১২১. TLD শিক্ষা প্রতিষ্ঠান= .edu বাণিজ্যিক/ কোম্পানি = .com
সরকারি=.gov নেটওয়ার্ক সার্ভিস=.net, অলাভজনক প্রতিষ্ঠান .org
১২২. www.google.com কোন প্রকার ওয়েবসাইট?
১২৩. http://www.google.com এরক্ষেত্রে
http=প্রোটোকল www= সার্ভার নেম/ হোস্ট নেম
google= ডোমেইন নেম Com = টপলেভেল ডোমেইন

শেয়ার করুন

Leave a Reply

Your email address will not be published. Required fields are marked *




themesba-zoom1715152249
প্রকাশকঃ আরিফ জামান, সম্পাদকঃ সাইফ হাসান, বার্তা সম্পদকঃ মাহবুবা রেহমান ©নিউজ অনলাইন বিডি, সর্বসত্ব সংরক্ষিত।
ডিজাইন ও ডেভেলপে Host R Web