For HSC ICT Students of Bangladesh. Here is the 1st part of Chapter 04, web design & html. The total course is presented in several parts. for further help may visit my youtube chalnnel.

1. চতু র্থ অধ্যায়
ওয়য়ব ডিজাইন পডিডচডত ও এইচ টি এম এল
INTRODUCTION TO WEB DESIGN AND HTML
তর্য ও য াগায় াগ প্র ুডি
একাদশ দ্বাদশ যেডি
Presented by: Parvez

2. ডিয়লবািঃ

3. Todays Session Covers:
ওয়েব ডিজাইয়ের ধারণা ও এ-সংক্রান্ত কডিপে ডবষেঃ
ওয়েবয়পজ, ওয়েবসাইট, ওয়েব পপাটট াল, ওয়েব ডিয়রক্টডর,
ইন্টারয়েট, সার্ভ ার বা ওয়েব সার্ভ ার, ক্লায়েন্ট,
ইন্টারয়েট পরায়টাকল, HTTP, FTP,WWW, ওয়েব ব্রাউজার, সার্ট ইডিে।
ওয়েবয়পয়জর উপাদাে।
ওয়েবসাইয়টর সুডবধা ।


4. ওয়েব পপজ (web page):
ওয়েব পপজ হল একধরয়ণর ওয়েব িকুয়েন্ট যা হাইপার পটক্সট এ ডলডিি, ইন্টারয়েয়টর সায়ে সংযুক্ত ডবডিন্ন পদয়ের
সার্ভ ারর রডিি এবং ইন্টারয়েট বযবহারকারীয়দর বযবহায়রর জেয উম্মুক্ত।
ওয়েব পপজ হল-
-এক ধরয়ণর ওয়েব িকুয়েন্ট / ফাইল
-ইন্টারয়েট বযবহারকারীয়দর পদিার উপয়যাগী/ হাইপার পটক্সট এ ডলডিি
-ইন্টারয়েয়টর সায়ে সংযুক্ত ডবডিন্ন পদয়ের সার্ভ ারর রািা

5. ওয়েব পপজ (web page):
• (noun) webpage is a hypertext document connected to the World Wide Web.
• ইন্টারয়েট বযবহারকারীয়দর পদিার উপয়যাগী ইন্টারয়েয়টর সায়ে সংযুক্ত ডবডিন্ন পদয়ের সার্ভ ারর রািা ফাইল পক
ওয়েব পপজ বয়ল।
উদাহরণ: https://bangladesh.gov.bd/index.php
ইন্টারয়েট
সার্ভ ারর

6. ওয়েব পপজ (web page):
• (noun) webpage is a hypertext document connected to the World Wide Web.
• ইন্টারয়েট বযবহারকারীয়দর পদিার উপয়যাগী ইন্টারয়েয়টর সায়ে সংযুক্ত ডবডিন্ন পদয়ের সার্ভ ারর রািা ফাইল পক
ওয়েব পপজ বয়ল।
উদাহরণ: https://bangladesh.gov.bd/index.
ইন্টারয়েট
সার্ভ ারর

7. The Internet is a global wide area network that connects computer systems across the world.
• একটি কডিউটায়রর সায়ে আয়রকটি কডিউটায়রর পযাগায়যাগ পক পেটওোকট বয়ল। আর ডবশ্ব জুয়ে ছডেয়ে োকা অসংিয
নেটওয়ারকভ র সংয়যাগ পক ইন্টাররেট বরে।
ইন্টারয়েট(Internet):

8. • Web server is a computer where the web content is stored. Basically
web server is used to host the web sites.
সািট ার বা ওয়েব-সািট ার :
সািট ার হয়লা পকন্দ্রীেিায়ব ডেেডিি কডিউটার পযিায়ে পিটা এবং সািট ার সফটওেযার সংরডিি োয়ক এবং পেটওোয়কট র োধযয়ে নে অেযােয
কম্পিউটাররক (ক্লারয়ন্ট) ডাটা সাম্পর্ভ স ম্পিরয় থারক। সাবভক্ষম্পিক ইন্টাররেরটর সারথ সংেুক্ত এবং অে অবস্থায় থাকা এসব
কম্পিউটাররক ম্পবম্পর্ন্ন ওয়েবয়পজ সংরক্ষি করা থারক। সার্ভ ার বযাক-এন্ড ম্পিরসরব কাজ করর থারক।
ওরয়ব সার্ভ ার এক ম্পবরেষ ধররের িাডভ ওয়ার ও সফটওয়ার যা একসারথ অরেক
বযবিারকারী বা ক্লারয়ন্টরক নসবা প্রিাে কররে পারর।
ওরয়ব সার্ভ ার: ইন্টাররেরটর সারথ সংেুক্ত নে সার্ভ ারর ওরয়ব নপজ বা ওরয়বসাইট
সংরম্পক্ষে থারক োরক ওরয়ব সার্ভ ার বো িয়।
সার্ভ ার েুলি একটি কডিউটার ।

9. ক্লায়েন্ট বা ওয়েব- ক্লায়েন্ট :
নে সকে কম্পিউটার সার্ভ ারর সংরম্পক্ষে ডাটা বযবিার করর োরক ক্লারয়ন্ট
বো িয়।
এটি front-end ম্পিরসরব কাজ করর এটি ম্পকরবাডভ মম্পেটর মাউস ইেযাম্পি মাধযরম এর সারথ কাজ করর
থারক
রশ্ন: ক্লায়েন্ট সািট ার কী?
An architecture in which the user's PC (the client) is
the requesting machine and the server is the
supplying machine, both of which are connected via a
local area network (LAN) or a wide area network
(WAN) such as the Internet.
নেটওয়াকভ বা ইন্টাররেরটর এর মাধযরম সংেুক্ত ২টি
নমম্পেে (কম্পিউটার) এর মরধয নে সিকভ ,
নেখারে বযবিারকারীর ম্পপম্পস (ক্লারয়ন্ট) ি'ে
অেুররাধকারী নমম্পেে এবং সার্ভ ার ি'ে
সরবরািকারী নমম্পেে, এই সিকভ রক ক্লারয়ন্ট সার্ভ ার
বরে।

10. ইন্টারয়েট- সািট ার- ক্লায়েন্ট
personal digital assistant

11. ওয়েব সাইট (web site):
একই পিায়েইয়ের অধীয়ে (এক বা একাডধক) ওয়েব পপয়জর সমডিয়ক ওয়েব সাইট।
a set of related web pages located under a single domain name।
• উদাহরণ: bangladesh.gov.bd
ওয়েব পপাটট াল হয়ে একটি ওয়েবসাইয়টর েয়ধয ডবডিন্ন ডলংক, কয়ন্টন্ট ও সাম্পর্ভ স এর সংগ্রহ যা বযবহারকারীয়দর িেয
জাোয়োর জেয সহজপবাধয িায়ব উপস্থাপে করা হে।
• A web portal is a specially designed website that brings information from
diverse sources, like emails, online forums and search engines, together in a
uniform way.
ওয়েব পপাটট াল(web portal):

12. ‘ওয়েব পপজ হল বইয়ের পািা,
ওয়েব সাইট হল বই,
ওয়েব ডিয়রক্টডর হল লাইয়ব্ররী।’
ওয়য়ব যপজ ওয়য়ব িাইট ওয়য়ব যপাটথ াল
ইন্টারয়েট বযবহারকারীয়দর পদিার উপয়যাগী
ইন্টারয়েয়টর সায়ে সংযুক্ত ডবডিন্ন পদয়ের সার্ভ ারর রািা
ফাইল পক ওয়েব পপজ বয়ল।
উদা:
একই পিায়েইয়ের অধীয়ে (এক বা
একাডধক) ওয়েব পপয়জর সমডিয়ক ওয়েব
সাইট।
উদা: bangladesh.gov.bd
ওয়েব পপাটট াল হয়ে একটি ওয়েবসাইয়টর েয়ধয
ডবডিন্ন ডলংক, কয়ন্টন্ট ও সাম্পর্ভ স এর সংগ্রহ যা
বযবহারকারীয়দর িেয জাোয়োর জেয সহজপবাধয
িায়ব উপস্থাপে করা হে। উদা:
bangladesh.gov.bd
https://bangladesh.gov.bd/index.php
ওয়েব ডিয়রক্টডর(web directory):
Organized Web site listings put together by human reviewers
‘ওয়েব পপজ হল বইয়ের পািা, ওয়েব সাইট হল বই, ওয়েব ডিয়রক্টডর হল লাইয়ব্ররী।’

13. পরায়টাকল/ইন্টারয়েট পরায়টাকলঃ
‘A protocol is a standard set of rules that allow electronic devices
to communicate with each other.’-techterms.com
একটি ইরেকট্রম্পেক েন্ত্র নথরক অপর ইরেকট্রম্পেক েরন্ত্র নোগারোরগর ম্পেম্পিভষ্ট ম্পেয়ম-েীম্পেরক প্ররটাকে বো িয়।
ইন্টাররেরটর সারথ সংেুক্ত কম্পিউটার নথরক কম্পিউটারর কী আিাে প্রিাে করা িরব, কখে আিাে-প্রিাে
করা িরব, নকমে করর আিাে-প্রিাে করা িরব ইেযাম্পি ম্পেধভারি করা ম্পেম্পিভষ্ট ম্পেয়ম-েীম্পেরক ইন্টাররেট
প্ররটাকে বো িয়।
 IP: Internet Protocol
 TCP: Transmission Control Protocol
 HTTP: Hyper Text Transfer Protocol
 FTP: File Transfer Protocol
 SMTP: Simple Mail Transfer Protocol
 POP: Post Office Protocol
 VOIP: Voice over Internet Protocol

14. WWW: World Wide Web
ইংয়রজ পদােটডবদ টিে বােটাসট ডল ১৯৮৯ সায়লর োয়র্ট রস্তাব ডলয়িে
- হাইপারয়টক্সট ডসয়েে গুয়লার ধারণায়ক ডিডি কয়র
-১৯৯২ সায়ল সুইজারলযায়ন্ডর পজয়েিা েহয়রর সােট-এ ওোর্ল্ট ওোইি ওয়েব রডিডিি হে।
- হাইপারয়টক্সট পরায়টাকল আডবষ্কার হে ১৯৮৯ সায়ল।
‘Internet কখরোই world-wide-web এর প্রম্পেেব্দ েয়’
ইন্টাররেট িরো ম্পবশ্ববযাপী ম্পবস্তৃে আন্তজভ াম্পেক নেটওয়াকভ ।
ওরয়ব মূেে ইন্টাররেট এর উপর ম্পর্ম্পি করর গর়ে ওঠা একটা অযাম্পিরকেে।
world-wide-web পক সংয়িয়প ওরয়ব বয়ল।
ইন্টাররেট-এ রয়বে করার জেয বা ইন্টাররেট বযবহার করার জেয এটা একটা উপাে/রাস্তা।

15. ওয়েব ব্রাউজার ও সার্ট ইডিে।
ওরয়ব ব্রাউজার িরো world-wide-web ম্পররসাসভ নথরক েথয খুুঁরজ নবর করা,
এম্পিস (রয়বে) করা এবং উপস্থাপে করার একটি এম্পিরকেে সফটওয়যার।
উদাহরণ: ইন্টাররেট এিরিারার, ফায়ারফি, গুগে নরাম, সাফাম্পর, অরপরা ইিযাডদ।
First Web Browser was developed in 1990 by Tim Berners-Lee is also known as TimBL, initially, it was
called WorldWideWeb and later was renamed as Nexus.
And in 1993, Marc Andreessen was the man who created a Web Browser with a graphical user interface
called Mosaic later known as Netscape, was the world’s first popular browser with a graphical user
interface.
রশ্ন:ওয়েবয়পইয়জর সায়ে ব্রাউজায়রর সিকট বযািযা কয়রা।

16. ওয়েব ব্রাউজার ও সার্ট ইডিে।
পক্রাে/ গুগল পক্রাে ফাোর ফক্স ইন্টারয়েট এক্সয়লারার সাফাম্পর এজ (োইয়ক্রাসফট)
অরপরা/অরপরা ম্পমম্পে ইউ ম্পস ব্রাউজার ইয়ােরডি ব্রাউজার কক কক
নরাম্পময়াম
জেডরেিার ক্রে অেুসায়র(২০১৯):

17. ওয়েব ব্রাউজার ও সার্ট ইডিে।
ইন্টাররেরটর অজস্র ওরয়ব সার্ভ ার নথরক সিরজই নেরকাে েথয খুরজ নবর করার
টু েস নক সার্ভ ইম্পিে বো িয়
উদাহরণ: গুরগাে, ইয়াহু, ডবং ইিযাডদ
Duck Duck Go

18. ওয়েবয়পয়জর উপাদাে:
ছডব
(.jpg/jpeg,.png,.gif,.bmp)
ডিডিও
(.mov,.avi.mp4)
অডিও (.mp3)
ডলংক
পিটায়বজ
Text বা
পলিা
(.doc,.docx,ppt,.pdf )

19. ওয়েব সাইয়টর সুডবধাঃ
১। স্বল্প বযে, স্বল্প সেে ও িাৎিডণকিা।
২।ডবশ্বজুয়ে রকােয়যাগযিা।
৩।িয়েযর ডবডবধিা,বযপকিা ও সংরিণ পযাগযিা।
৫। গ্রাহক সংয়যাগ,পসবা ও সিকট উন্নেে।
৬। পয়েযর রর্ার, রসার ও ডবপেে।
৭। গণ সংয়যাগ ও গ্ণ সয়র্িেিা।
৮।ডেজস্ব ইয়েইল অযায়েস।
৯।উিেুিী পযাগায়যাগ।
১০। োয়কট ট ডরসার্ট ও বযবসাডেক েযটাদা।

20. Self reading
• ওয়েয়বর ডবকাে বা WWW এর ইডিহাস
• ব্রাউজার ডকিায়ব কাজ কয়র
• সার্ট ইডিে ডকিায়ব কাজ কয়র

21. রশ্ন:
কুডমল্লা যবািথ ২০১৯:
৫। টিে বােটাসট লী-র সায়ে সিকট যুক্ত-
i. www ও MIT এর অধযাপক
ii. গুগয়লর জেক ও িডেৎ রয়কৌেল
iii. HTML ও পজয়েিার সােট
পকােটি সঠিক?
ক। i ও ii ি। i ও iii
গ। ii ও iii ঘ। i, ii ও iii
মাদ্রািা যবািথ ২০১৯:
২৩। ওয়েব পপয়জ োকয়ি পায়র-
i. পটক্সট
ii. অডিও
iii. ডিডিও
ডেয়র্র পকােটি সঠিক?
ক। i ও ii ি। i ও iii
গ। ii ও iii ঘ। i, ii ও iii
কুডমল্লা যবািথ ২০১৭:
৬। ওয়েব ব্রাউজার হয়লা-
i. গুগল পক্রাে
ii. সাফাডর
iii. ইউটিউব
ডেয়র্র পকােটি সঠিক?
ক। i ও ii ি। i ও iii
গ। ii ও iii ঘ। i, ii ও iii
য়শাি যবািথ ২০১৭:
২০। HTML এর উদ্ভাবক হয়লা-
ক। টিে বােটাস লী ি। ডেি জবস
গ। োকট জুকারবাগট ঘ। ডবল পগটস
মাদ্রািা যবািথ ২০১৭:
৬। হাডসব অয়েক সেে ডেয়ে একটি োদ্রাসার ওয়েবসাইট তিডর করয়লে।
ওয়েবসাইটটিয়ি োদ্রাসার যাবিীে িেয ডবেযস্ত কয়র ছডবর জেয ‘েিু ে অযালবাে’
োয়ে একটি পপজ বাোয়লে। সাডকয়বর কাজ পক কী বলা হে?
ক। ওয়েব ডিজাইডেং ি। ওয়েব পহাডেং
গ। ওয়েব ডলংডকং ঘ। ওয়েব পাবডলডেং

22. রশ্ন:
ঢাকা যবািথ 2019:
ক। FTP ( এফ টি ডপ) ডক?
ি। ওয়েবসাইট ও ওয়েব পপইজ এক েে -বযািযা কয়রা।
িাজশাহী যবািথ 2017,2019, চট্টগ্রাম যবািথ 2017
ক। ওয়েবসাইট কী?
কুডমল্লা যবািথ ২০১৯
ক। সার্ট ইডিে কী?
চট্টগ্রাম যবািথ 2019:
ি। ‘ওয়েব ব্রাউজার ও সার্ট ইডিে এক েে’-বযািযা কয়রা।
য়শাি যবািথ 2019
ক। ব্রাউজার কী?
ঢাকা, ডদ নাজপুি, য়শাি, ডিয়লট যবািথ ২০১৮:
ক। ওয়েব পপাটট াল কী?
িাজশাহী, কুডমল্লা, চট্টগ্রাম,বডিশাল যবািথ ২০১৮ :
ক। HTTP কী?
ি। অয়েবয়পইয়জর সায়ে ব্রাউজায়রর সিকট বযািযা কয়রা। (বডরোল পবািট 2017)
ডদনাজপুি যবািথ 2017
ক। ব্রাউজার কী?
য়শাি যবািথ 2017
ক। ওয়েবয়পজ কী?
মাদ্রািা যবািথ 2017
ক। ক্লায়েন্ট সািট ার কী?