1. LOGO
Вэбийн үндсэн
ойлголтууд
Хичээлийн нэр : Вэбийн үндэс 3кр
Хичээлийн төрөл : Лекц / 1/
№
Багшийн нэр : Г .Өсөхжаргал

2. Ерөнхий хичээлийн агуулга
HTML – Hyper Text Markup Language
CSS – Cascading Style Sheet
JS - /Java Script/
2

3. Дүгнэх хэлбэр
Ирц – 10
Идэвхи – 10
Сорил 1 – 5
Сорил 2 – 10
Бие даалт – 35
Батлах шалгалт - 30
3

4. Хичээлийн агуулга
Интернэтийн тухай
Вэбийн үндсэн ойлголтууд
Вэбийн ажиллах зарчим
4

5. Интернэтийн тухай
Интернэт гэдэг нь дэлхийн ихэнх улс орныг
холбосон олон сая компьютеруудын сүлжээ
юм.
Зорилго нь: Асар их мэдээллийг агуулахаас
гадна тулгарсан асуудлыг хамгийн бага
зардлаар хурдан шуурхай шийдвэрлэж өгдөг
5

6. Интернэтийн үүсэл хөгжил
1969 онд АНУ-ын БХЯ интернэтийг
ARPANET нэртэйгээр анх 4 компьютерийг
хооронд нь холбож үүсгэжээ. Үүний гол
зорилго нь цэргийн судалгаа шинжилгээ
хийж байсан цөөн хэдэн их дээд
сургуулиудын компьютеруудыг холбох
байв.
6

7. Интернэтийн үүсэл хөгжил
1990 оныг хүртэл интернэт үндсэндээ
текст буюу бичиж хадгалсан
мэдээллийг дамжуулах систем
байсан.
7

8. HTML – ийн тухай
Ингээд янз бүрийн зураг текст
холилдсон баримт бичгийг hyper text
гэж нэрлээд ийм hyper text –ийг файлд
график хэлбэртэй хадгалах түүнийг
интернэтээр дамжуулах, компьютер дээр
үзүүлэх, програмчлалын хэрэгсэл зохион
хэрэглэх болсон.
8

9. HTML – ийн тухай
Үүнийг HTML буюу Hyper Text Markup
Language гэж нэрлэдэг.
Hyper text дамжуулах системийг WWW
буюу Web гэж нэрлэх болжээ.
9

10. HTML – ийн тухай
WEB гэдэг нь сүлжээнд ажиллах
зориулалттай програм хангамж юм.
WWW гэдэг нь World Wide Web буюу
дэлхийн нийтийн сүлжээ гэсэн үг юм.
10

11. Вэб гэж юу вэ?
 Вэб буюу World Wide Web гэдэг нь HTML
хэмээх тусгай форматаар бичигдсэн баримт,
зураг, дуут, дүрст мэдээллүүдийг интернэт
ашиглан дамжуулах боломж олгодог интернэт
серверүүдийн систем юм
11

12. Вэб гэж юу вэ?
Вэб хуудас = Вэб сайт
?
12

13. Вэб хуудас гэж юу вэ?
HTML буюу гипертекст бэлтгэх хэл дээр
бичсэн компьютерийн файлыг веб
хуудас гэнэ
13

14. Вэб сайт гэж юу вэ?
Интернэтийн сүлжээнд байрлах хоорондоо
холбогдсон вэб хуудсуудыг вэб сайт гэнэ.
Вэб сайт нь тодорхой сэдвийн дагуу гол
хуудас /Home Page/ бүхий, түүнд
холбогдсон хэд хэдэн вэб хуудсуудаас
бүтдэг.
14

15. Гол хуудас гэж юу вэ?
Веб сайтыг дуудахад эхэлж нээгддэг
веб хуудсыг гол хуудас /Home
Page/ гэх бөгөөд тухайн вэб сайт
дахь вэб хуудсуудын гол зангилаа
юм
15

16. Гол хуудас гэж юу вэ?
Гол хуудас нь тухайн вэб сайтынхаа
агуулгыг бүрэн илэрхийлж чадах ёстой
бөгөөд бусад хуудасруугаа нэвтрэх зам
нь болж өгдөг.
16

17. Вэб хэрхэн дамждаг вэ?
Веб нь Client/Server зарчмаар
ажилладаг хэрэглэгчийн хүсэлт
/request/, серверийн хариулт
/response/-ын үндсэн систем юм.
17

18. Вэб хэрхэн дамждаг вэ?
Хэрэглэгч веб сайтыг үзэхийн тулд тухайн вэб
сайтын хаягийг вэб браузер програмын хаягийн
мөрд бичиж Enter товчлуур дээр дарснаар вэб
браузер програм нь веб сервер лүү тэрхүү
хэрэглэгчийн хүсэлтийг HTTP протоколоор
дамжуулан илгээдэг. Веб сервер хүсэлтийг нь
хүлээж аваад, хариулт болгож, вэб хуудсыг HTTP
протоколоор дамжуулан буцаадаг.
18

19. Клиент / Сервэр
Интернэтэд холбогдсон компьютерүүдийг
 Эзэмшигч /Host/
 Үйлчлүүлэгч/Client/ гэсэн хоёр бүлэгт хувааж
ангилдаг.
Интернэттэй байнгын холбоотой
байж, алсаас хэрэглэгч холбогдон,
мэдээлэл солилцох боломжтой
компьютер эзэмшигч гэнэ.
Харин эзэмшигч компьютерруу
хандаж, үйлчилгээ авч буй компьютерыг
үйлчлүүлэгч гэнэ.
19

20. Клиент / Сервэр
 Сервэр –хэрэгцээтэй мэдээллийг
хадгалж буй компьютер
 Клиент –хэрэглэгч буюу сервер дээрх
мэдээлэлд хандаж буй компьютер
Вэб сайтыг үзэхийн тулд клиентуудэд
вэб үзүүлэгч програм хэрэгтэй, вэбийг
үзүүлэхийнтулд сервэрүүдэд вэб сервэр
програм хэрэгтэй.
20

21. Вэб сервэр
Интернэтэд веб сайтуудыг хадгалаж
байдаг, хэрэглэгчийн үзэхийг хүссэн вэб
сайтыг үзүүлэх үйлчилгээгээр хангах вэб
сервэр програм бүхий компьютерийг вэб
сервэр гэнэ.
Веб сервэр дээр веб сайтаа
байрлуулахын тулд түрээсийн төлбөр
/Hosting Charge/-ийг вэб сервэрийн
эзэн/host/-д төлдөг.
21

22. Вэб үзүүлэгч програм
Веб хуудсыг үзэхэд зориулагдсан програмыг
Веб браузер /web browser/ хэмээн нэрлэдэг.
Вэб браузер нь татаж авсан веб хуудсан дахь
HTML кодыг хөрвүүлж, уг хуудсыг зохиогчынх
нь гаргахыг хүссэн өнгө, агуулга, загвараар
дэлгэцэнд гардаг.
22

23. HTML гэж юу вэ?
Hyper Text Markup Language - Hyper Text
бэлтгэх хэл юм. Энэ нь вэб хуудас харуулах
заавар бичдэг кодчилол юм. Markup Language
гэдэг нь < ба > тэмдэгтийн хооронд бүх код нь
бичигддэг хэл юм.
23

24. HTML файлыг энгийн текст
боловсруулах програм ашиглан үүсгэж
болох бөгөөд htm эсвэл html гэсэн
өргөтгөлтэй байна. HTML кодчилол
ашиглан энгийн статик вэб хуудас хийж
болно.
24

25. HTML –ийн баримт нь дараах 2
ялгаатай хэсгээс тогтоно.
 Толгой
 Бие
HTML tag-ийг 2 хэсэгт авч үздэг.
 <> - хаагддаггүй нэг хэсгээс тогтдог tag
буюу empty tag
 <> </>- хаагддаг 2 хэсгээс тогтдог tag
container tag гэнэ.
25

26. Ямар ч вэб хуудсанд дараах
үндсэн команд заавал байна.
<html> - html файлын эхлэлийг зааж байна.
<head> - вэб хуудасны толгой хэсгийн
эхлэлийг зааж байна.
<title> - вэб хуудасны гарчигийг энд зааж
өгнө
<body> - энэ хэсэгт үндсэн хэсэг буюу вэбийн
бусад бүхий л хэсэг нь энд байдаг.
26

27. Ямар ч вэб хуудасны төгсгөлд </body>
</html> гэсэн төгсгөх командууд байна.
Жишээ :
27

28. Бичээд хадгал. Нэр first.html
<html>
<head>
<title> First Example </title>
</head>
<body>
It’s my first Web Page
</body>
</html>
28

29. It’s my first
example.
I like it.
29