Веб зохиомж

1. 1
“ВЕБ ЗОХИОМЖ” ХИЧЭЭЛИЙН ХӨТӨЛБӨР
Индекс: SE205
Кредит: 3/лекц-2 кр, семинар-1 кр./
Судлах улирал: Хавар
Өмнө нь судалсан байх хичээл: Байхгүй
Хичээл заах багш: Програм хангамжийн мэргэжлээр төгссөн магистр болон түүнээс дээш
зэрэгтэй байна. Мэргэжлийн суурь болон мэрэгшүүлэх хичээл заах мэдлэг чадвартай байх
шаардлагатай.
Хичээл заах багшийн хаяг: ОУУБИС–ийнХолбоо, мэдээллийн технологийн тэнхим
Хөтөлбөрийн агуулга:
1. Хичээлийн танилцуулга
2. Хичээлийн зорилго
3. Хичээлийн үр дүн
4. Хичээлийн сэдэв, мэргэжлийн хөтөлбөрийн уялдаа
5. Сургалтын арга зүй
6. Оюутны мэдлэг, чадварынүнэлгээ
7. Ашиглах сургалтынматериал
8. Хичээлийн мэдээлэл авах цахим хаяг
НЭГ. ХИЧЭЭЛИЙН ТАНИЛЦУУЛГА
Оюутан энэхүү хичээлээр Интернет, веб хуудасны талаар болон түүний судлах зүйл, энгийн
статик веб хуудсыг HTML хэл ашиглан хэрхэн хийх талаар судлах зорилготой энэ хичээлийг
мэдээллийн технологийн бүх салбарын оюутнуудад заахаар хөтөлбөрт оруулахаар багтаасан
болно.
ХОЁР. ХИЧЭЭЛИЙН ЗОРИЛГО
Вебийн үндэс хичээлээр оюутануудад HTML хэл, Интернет, веб хуудасны тухай үндсэн
ойлголтууд, тэр дундаа статик веб хуудас хэрхэн хийх талаар суралцагчдад мэдлэг, чадвар,
дадал олгоно. Өөрөөр хэлбэл ямар ч веб хуудсыг хийхэд HTML кодчилол ашиглана. Ингэхэд
дараа ямар нэг байдлаар тухайн хийж буй хуудсанд маань HTML кодчилолын алдаа гарахад
тэрийг олж харж засах чадвартайболгоход энэ хичээлийн зорилго оршино.
ГУРАВ. ХИЧЭЭЛИЙН ҮР ДҮН
3.1. Хичээлээр эзэмшүүлэх мэдлэг
sk.1. Интернетийн тухай мөн HTML хуудсанд заавал бичигдэх үндсэн кодчилолууд,
жагсаалтүүсгэх
sk.2. HTML хуудсыг зурагтай хэрхэн холбох, нэг хуудаснаас нөгөөд шилжилхэд
хэрэглэгдэх кодчилол, хүснэгтийг ямар кодчилол ашиглан ямар дарааллаар үүсгэх болон
тухай кодчилолын шинжчанарууд
sk.3. JS, CSS –ийн тухай болон түүний шинж чанарууд ашиглагдах байдлын талаарх
мэдлэгийголжавна.
3.2. Хичээлээр эзэмшүүлэх чадвар
ss.1. HTML кодчилолуудыг алдаагүй зөв ашиглажсурсан байна
ss.2. Хүснэгт үүсгэх, холболт хийх, гаралтын болон жагсаалт үүсгэх кодчилолууд (tag) –
ыг өөрийн болгож ашиглажсурсан байх
ss.3. HTML файл JS, CSS файлуудыг холбож сурсан байна.

2. 2
3.3. Хичээлээр эзэмшүүлэх хувь хүний ур чадвар, хандлага
sb.1. Цаашид HTML код бичихэд дээрх кодчилолуудыг өөрийн хийх гэж буй зүйлдээ
тохируулан ашигладаг болсон байна.
sb.2. CMS ашиглаж сурах. Мөн өөрсдийн хийж буй веб хуудсыг дуу болон видео дүрстэй
холбож сурсан байх ба өөрийн гэсэн шинэ хэлбэржүүлэлтийг үүсгэж түүнийгээ
ашигладаг болсон байна.
3.4. Хөтөлбөрийн болон хичээлээр эзэмшүүлэх мэдлэг, чадвар, хандлагын харилцан
хамаарал
Хичээлээр эзэмшүүлэх мэдлэг, чадвар, хадлага нь хөтөлбөрийн k.9.1-k.9.3 мэдлэг, s.2.3
чадвар эзэмшүүлэхэд чиглэнэ.
ДӨРӨВ. ХИЧЭЭЛИЙН СЭДЭВ, ҮР ДҮНГИЙН УЯЛДАА
4. 1. Лекцийн хичээлийн сэдэвчилсэн төлөвлөгөө
Хүснэгт 1. Лекцийн хичээлийн төлөвлөгөө
Сэдвийн
код
Сэдэв Цаг Ашиглах эх сурвалж
Л1
Интернет, Веб, HTML -ийн тухай Текст
хэлбэржүүлэх кодчилол
2 СМ1: бүлэг 1
Л2
Жагсаалт үүсгэх, Холболт үүсгэх, Толгойн
кодчилолууд
2 СМ2,3: Creating link, heading
Л3-4
Хүснэгт үүсгэх, Объект хөдөлгөөнд оруулах
кодчилол
4 СМ1,2,3: Table, marquee
Л5 Формын тухай, форм үүсгэх кодчилол 2 СМ2,3: Form
Л6-7 Div кодчилол ашиглах 4 СМ2: Div
Л8
Frame үүсгэх, хэд хэдэн хуудсыг нэг хуудсанд
харуулах
2 СМ1,2,3: Framset tag
Л9
CSS кодчилол, гадаад дотоод хэлбэрийн хуудас
үүсгэх холбох
2 СМ2,3: Creating CSS
Л10 CSS кодчилол үргэлжлэл 2 СМ1,2,3: CSS
Л11 Java script хуудсандаа холбож ашиглах 2 СМ1,2,3: Javascript
Л12 JS нөхцөл шалгах, давталтын операторууд 2 СМ2: JS
Л13 Агуулга удирдах системийн тухай 2 СМ4: WP
Л14 Wordpress ашиглах 2 СМ4: WP
Л15 Динамик вэб хуудас боловсруулах 2 СМ2: PHP, MySQL
Нийт цаг 30
4. 2. Лабораторийн хичээлийн сэдэвчилсэн төлөвлөгөө
Хүснэгт 2. Лабораторийн хичээлийн төлөвлөгөө
Сэдвийн
код
Сэдэв Цаг Ашиглах эх сурвалж1
ЛАБ1 Интернет, веб,HTML –ийн тухай 2 СМ1
ЛАБ2
Текст хэлбэржүүлэх кодчилол, Жагсаалт
үүсгэх
2
СМ1,2: Шаардлагатайнэмэлт
мэдээлэл авах бол СМ3,4-ийг
ашиглах боломжтой
ЛАБ3 Тусгай тэмдэгтүүд,холболт үүсгэх 2
ЛАБ4 Хүснэгт үүсгэх, Объектыг хөдөлгөөнд 2
1Эх сурвалжуудын жагсаалтыг доор зүйл 7 –д үз.

3. 3
оруулах
ЛАБ5
Image map үүсгэх, Хүснэгт, зураг таслах,
хөдөлгөх
2
ЛАБ6 Форм үүсгэх 2
ЛАБ7 Div tag ашиглан хуваалт хийх 2
ЛАБ8 Frameset үүсгэх 2
ЛАБ9 CSS үүсгэх 2
ЛАБ10 CSS class үүсгэх 2
ЛАБ11 Javascript ашиглах 2
ЛАБ12 JS функцүүд 2
СМ3,4: СМ2-ийн мэдээлэл
бага учир шаардлагатай
холбоосыг ашиглана
ЛАБ13 WP ашиглан веб хуудас үүсгэх 2
ЛАБ14 WP ашиглан веб хуудас үүсгэх 2
ЛАБ15 PHP хэлний тухай 2
Нийт цаг 30
4.3. Хичээлийн сэдэв, олгох мэдлэг, чадвар, хандлагын уялдаа
Сэдэв2
Хичээлээр олгох мэдлэг болон чадвар
sк.1 sк.2 sк.3 ss.1 ss.2 ss.3 sb.1 sb.2
Л1 +
Л2 + +
Л3-4 +
Л5 + +
Л6-7 + +
Л8 +
Л9 + +
Л10 + +
Л11 +
Л12 +
Л13 +
Л14 +
Л15 + + +
ТАВ. СУРГАЛТЫН АРГА ЗҮЙ
5.1. Хичээлд хэрэглэх сургалтын аргууд
p.1. Нөхцөлд суурилсан сургалт
5.2. Хичээл заах хэлбэрүүд
d.2. Багаар хамтранажиллах
d.7. Лекц
2Сэдвүүдийн агуулгыг дээр 4–р зүйлд үз.

4. 4
Хүснэгт 4. Лекцийн хичээлийн сэдвүүдийн арга зүй, заах хэлбэр
Сэдвийн
код
Сургалтын
арга
Заах хэлбэр Материал хэрэглэгдэхүүн
Л1 p.1.
d.7. Үзүүлэх (displaying), чанга яригч
төхөөрөмжөөр тоноглосон танхим, компьютер
Л2 p.1.
d.7. Үзүүлэх (displaying), чанга яригч
төхөөрөмжөөр тоноглосон танхим, компьютер
Л3-4 p.1.
d.7. Үзүүлэх (displaying), чанга яригч
төхөөрөмжөөр тоноглосон танхим, компьютер
Л5 p.1.
d.7. Үзүүлэх (displaying), чанга яригч
төхөөрөмжөөр тоноглосон танхим, компьютер
Л6-7 p.1.
d.7. Үзүүлэх (displaying), чанга яригч
төхөөрөмжөөр тоноглосон танхим, компьютер
Л8 p.1.
d.7. Үзүүлэх (displaying), чанга яригч
төхөөрөмжөөр тоноглосон танхим, компьютер
Л9 p.1.
d.7. Үзүүлэх (displaying), чанга яригч
төхөөрөмжөөр тоноглосон танхим, компьютер
Л10 p.1.
d.7. Үзүүлэх (displaying), чанга яригч
төхөөрөмжөөр тоноглосон танхим, компьютер
Л11 p.1.
d.7. Үзүүлэх (displaying), чанга яригч
төхөөрөмжөөр тоноглосон танхим, компьютер
Л12 p.1.
d.7. Үзүүлэх (displaying), чанга яригч
төхөөрөмжөөр тоноглосон танхим, компьютер
Л13 p.1.
d.7. Үзүүлэх (displaying), чанга яригч
төхөөрөмжөөр тоноглосон танхим, компьютер
Л14-15 p.1.
d.7. Үзүүлэх (displaying), чанга яригч
төхөөрөмжөөр тоноглосон танхим, компьютер
Хүснэгт 5. Лабораторийн хичээлийн сэдвүүдийн арга зүй, заах хэлбэр
Сэдвийн код
Сургалтын
арга
Заах хэлбэр Материал, хэрэглэгдэхүүн
ЛАБ1 p.1. d.7, d.2 Л1
ЛАБ2 p.1. d.7, d.2 Л2
ЛАБ3 p.1. d.7, d.2 Л3
ЛАБ4 p.1. d.7, d.2 Л4
ЛАБ5 p.1. d.7, d.2 Л5
ЛАБ6 p.1. d.7, d.2 Л6
ЛАБ7 p.1. d.7, d.2 Л7
ЛАБ8 p.1. d.7, d.2 Л8
ЛАБ9 p.1. d.7, d.2 Л9
ЛАБ10 p.1. d.7, d.2 Л10
ЛАБ11 p.1. d.7, d.2 Л11
ЛАБ12 p.1. d.7, d.2 Л12
ЛАБ13 p.1. d.7, d.2 Л13
ЛАБ14 p.1. d.7, d.2 Л14
ЛАБ15 p.1. d.7, d.2 Л15

5. 5
ЗУРГАА. ОЮУТНЫ МЭДЛЭГ, ЧАДВАРЫН ҮНЭЛГЭЭ
6.1. Оюутны мэдлэг, чадварыг үнэлэхэд хэрэглэх аргууд
x.1. Багцаар үнэлэх
x.9. Мэргэжлийн хэлэлцүүлэг
x.12. Нээлттэй шалгалт/тест
6.2. Хичээлээр эзэмшүүлэх мэдлэг, чадвар, хандлагуудба тэдгээрийг үнэлэхэд хэрэглэх
аргуудын төлөвлөгөө
Хичээлд хэрэглэх
үнэлгээний аргууд
Хичээлээр эзэмшүүлэх мэдлэг, чадвар болон хандлага
sk.1 sk.2 sk.3 ss.1 ss.2 ss.3 sb.1 sb.2
x.1 + + +
x.9 + + + + + + + +
x.12 + + +
6.3. Энэ хичээлээр оюутны мэдлэг, чадварыг нийт 100 оноогоор дараах байдлаар
хувиарлан үнэлнэ:
Ирц-идэвх (15оноо): Оюутны ирцийг лекц, дадлагын хичээл тус бүрт минутаар тооцон
бүртгэж 10 хүртэлх оноогоор, дадлагын хичээлд оролцсон идэвхийг 5 хүртэлх оноогоор дүгнэж
төгсгөлд нь хувилж үнэлгээг гаргана.
Хичээлийн даалгавар (10оноо): Лабораторын хичээл бүрийн төгсгөлд даалгавар бодлого
өгч, түүнийгээ дараагийн лабораторын хичээл дээр шалгуулах замаар бүгд 10 хүртлэх оноог
авна.
Бие даалтын ажил (35 оноо): Багшийн өгсөн нэг бие даалтын ажлыг графикын дагуу 3
жижиг хэсгүүдэд хуваанхийж гүйцэтгэж заасанхугацаанд шалгуулна.
Явцын шалгалтын үнэлгээ (10оноо): Улирлын явцад тухайн үед судалсан байгаа
сэдвүүдийн хүрээнд боловсруулсан 10 оноотой шалгалтыг 1 удаа авна.
Улирлын шалтгалт (30оноо): Улирлын эцэст хичээлийн нийт агуулгыг багтаасан
шалгалт авч улирлын эцсийн шалгалтын үнэлгээг гаргана. Энэ шалгалтыг дахиж авах
боломжгүй учраас оюутанбүр заасанхугацаанд шалгалтыг өгөх шаардлагатай.
6.4. Үнэлгээнд баримтлах зарчим
Оюутан бүрийн хувьд дээр дурдсан “идэвхи”, “бие даалтын ажил”, “явцын шалгалт”, “улирлын
шалгалт” гэсэн гурван хэсгийн үнэлгээг гаргахдаа “харьцангуй үнэлгээ” -ний зарчим буюу
ангийн бусад оюутны оноотой (үнэлгээтэй) харьцуулж дүгнэх зарчмыг баримтална.
ДОЛОО. АШИГЛАХСУРГАЛТЫН МАТЕРИАЛ
СМ1. “Веб дизайн”, Ц.Уранбилэг, 2003 он, УБ
СМ2. www.w3schools.com
СМ3. www.google.com
СМ4. Wordpress,Ө.Бямбажаргал 2012
НАЙМ. МЭДЭЭЛЭЛ АВАХЦАХИМ ХАЯГ: www.ubuse06.blogspot.com
Боловсруулсан багш: /Г.Өсөхжаргал/
Шинэчилсэн багш:
Шинэчилсэн огноо: 2018.06.11
Хянасан тэнхимийн эрхлэгч: /дэд.проф Х.Алтанцэцэг/