23
1 Б.Золзаяа. 10/16/12 Мэдээлэл харилцааны технологийг Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь” сургалтын үйл ажиллагаанд хэрэглэх нь” 2007 2007 .07.23-29 .07.23-29 Web site Web site зохион байгуулах зохион байгуулах КМТС, Програмчлал Дидактикийн тэнхим [email protected] Б.Золзаяа

6th day web dreamweaver

Embed Size (px)

DESCRIPTION

bagsh nariin surgalt

Citation preview

Page 1: 6th day web dreamweaver

1Б.Золзаяа. 10/16/12

““Мэдээлэл харилцааны технологийг Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”сургалтын үйл ажиллагаанд хэрэглэх нь”

20072007.07.23-29.07.23-29

Web siteWeb site зохион байгуулах зохион байгуулах

КМТС, Програмчлал Дидактикийн тэнхим

[email protected] Б.Золзаяа

Page 2: 6th day web dreamweaver

10/16/12 Б.Золзаяа. 2

““Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”

Хичээлийн төлөвлөгөө

Вэб сайт зохион байгуулахMacromedia Dreamweaver

програмын ашиглан Вэб бүтээхBlackboard системийг ашиглан

Багшийн Вэб сан байгуулахДүгнэлт

Page 3: 6th day web dreamweaver

10/16/12 Б.Золзаяа. 3

““Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”

1. Вэб сайт төлөвлөх

Юуны түрүүнд Вэб сайтаа яг хэнд зориулж буйгаа нарийн тодорхойлох нь зүйтэй.

Танай Вэб хуудсыг ямар боловсролтой, ямар мэргэжил, албан тушаалтай хүмүүс үзэх вэ?

Тэд техникийн хэллэгийг ойлгох уу, үгүй юу, гоё зураг сонирхох уу эсвэл агуулгыг нь илүүтэйд үзэх үү?

Тэдэнд ямар мэдээлэл хэрэгтэй вэ?Тухайн хэрэглэгч ямархуу түвшний

компьютер хэрэглэж, Интернэтэд ямар хурдаар холбогддог вэ?

Page 4: 6th day web dreamweaver

10/16/12 Б.Золзаяа. 4

““Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”

2. Агуулга

Агуулга бол Вэб сайт цаашид оршин тогтнохын хамгийн гол үндэс суурь. Вэб хуудсан дээрээ ямар мэдээлэл тавих вэ, түүнийгээ ямар байдлаар гаргах вэ, зураг ашиглах уу, текст байдлаар гаргах уу? зэрэг асуудлыг энэ шатанд шийдвэрлэнэ.

Ямар мэдээлэл тавихаа шийдвэрлэхийн тулд та өөрийгөө танай Вэб хуудсыг үзэх хүмүүсийн байранд тавиад үзээрэй.

Page 5: 6th day web dreamweaver

10/16/12 Б.Золзаяа. 5

““Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”

3. Дизайн Дизайн гэдэг бол танай Вэб сайтыг бусдаас ялгаруулах

өвөрмөц онцлог, хүн татах гол арга. Өнгө зургийн зөв хослол, элементүүдийн байрлал, үсгийн фонт, хэмжээ зэргийг хооронд нь маш ухаалгаар зохицуулж байж та дизайны зөв шийдлийг олно. Мэдээллээр хахаж цацсан өнөөгийн нийгэмд дан ганц агуулгаар хол явахгүй нь мэдээж. Иймээс агуулга, дизайн хоёр бол нэг зоосны хоёр тал болохыг та ойлгоорой. Дизайн хийх явцдаа дараах элементүүдийг анхааралдаа зайлшгүй авахад илүүдэхгүй.

Текст Фонт Зураг Өнгө Зургийн хэмжээ

Page 6: 6th day web dreamweaver

10/16/12 Б.Золзаяа. 6

““Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”

4. Эргэх холбоо

Вэб хуудасны гол давуу тал нь хялбар аргаар хэрэглэгчидтэй эргэх холбоо тогтоодог явдал юм. Өнөө үед бизнес явуулахад хэрэглэгчдээ судлах, тэдний тухай мэдээлэл авах нь маш чухал байдаг. Тиймээс Вэб хуудсандаа зочлогчдын санал хүсэлт авах дэвтэр (guestbook) байрлуулах, төрөл бүрийн хүснэгт байрлуулж, хэрэглэгчдийн тухай мэдээлэл авах нь чухал. Та ингэж цуглуулсан мэдээллийнхээ тусламжтайгаар өөрийн бүтээгдэхүүнийг сонирхдог хүмүүсийн дунд сурталчилгаа явуулах, санал хүсэлтийг нь сонсох боломжтой болно.

Вэб сайтдаа өөрийнхөө и-мэйл хаягийг тавихаа мартаж болохгүй.

Page 7: 6th day web dreamweaver

10/16/12 Б.Золзаяа. 7

““Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”

5. Техгологи, програм хангамж сонгох

Өнөөдөр Microsoft FrontPage, Adobe Page Mill, Hotdog, Netscape Composer, Macromedia Dreamweaүer зэрэг Вэб хуудас хийдэг олон тооны програм хангамж хэрэглэгдэж байна. Та өөрт таалагдсан, ажиллахад хялбар програмыг сонгож, Вэб хуудсаа технологийн хувьд янз бүрийн шийдэлтэйгээр хийж болно. Өөрөөр хэлбэл таны Вэб аудио, видео мэдээлэлтэй байхуу, CGI болон JAҮA элемент ашиглахуу гэдгийг энд шийдвэрлэнэ.

Түүнчлэн Вэб хуудсаа хаана, ямар Вэб сервер дээр байрлуулахаа бодоорой.

Page 8: 6th day web dreamweaver

10/16/12 Б.Золзаяа. 8

““Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”

6. Вэбээ ажиллагаанд оруулах

Энд таны ажлын хамгийн гол үр дүн гаргах ёстой.

Та Вэб хуудсаа хийх гэж ихээхэн хүч хөдөлмөр зарцуулсан нь ойлгомжтой. Харин таны Вэб хуудсыг хэн ч орж, үзэхгүй танай байгууллага түүнээс ямар ч үр ашиг олохгүй байвал тун харамсалтай зүйл болно. Иймээс та Вэб хуудсаа үргэлж шинэ мэдээллээр баяжуулж, өдөр тутмын үйл ажиллагааны нэг хэсэг болгохын тулд түүнийг тодорхой хариуцах эзэнтэй болгох хэрэгтэй.

Page 9: 6th day web dreamweaver

10/16/12 Б.Золзаяа. 9

““Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”

6. Вэбээ ажиллагаанд оруулах

Үүнд:Вэб хуудсаараа дамжин ирсэн и-мэйлийг

хэн уншиж хариу бичиж байх вэ?Вэб хуудастай холбоотой мэдээллийн

санг хэн шинэчлэх вэ?Эрэлт ихтэй мэдээллийг хэн бэлтгэх вэ?Вэбэд зочилсон хүмүүсийн санал

хүсэлтийг хэн барагдуулах вэ? зэрэг асуудлаар тодорхой хүмүүст хариуцлага хүлээлгэх хэрэгтэй.

Page 10: 6th day web dreamweaver

10/16/12 Б.Золзаяа. 10

““Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”

7. Вэбээ сурталчлах

Вэб сайтдаа олон хүнийг байнга оруулж, түүгээр дамжуулан ямар нэгэн үр дүнд хүрэхийн тулд сурталчилгаа зайлшгүй чухал. Үүний тулд:

Өөрийн байгууллагаас гаргаж буй бүх сонин хэвлэн, ном товхимол, нэрийн хуудсан дээр Вэб сайтынхаа хаягийг бичээрэй.

Вэбийнхээ хаягийг Интернэтийн хайлтын системүүд дээр байрлуул. Мөн Интернэтийн лавлахуудад оруул.

Бусад Вэд сайтаас өөрийнхрүүгээ холбоос хийгээрэй.

Page 11: 6th day web dreamweaver

10/16/12 Б.Золзаяа. 11

““Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”

8. Вэб сайтаа тордох

Вэб сайтаа байнга арчилж, тордож, хобоосууд ажиллаж байгаа эсэхийг нь шалгаж, шинэ мэдээллээр тасралтгүй баяжуулж байх хэрэгтэй. Энэ чухал ажил хийгдэхгүй тохиолдолд танай Вэбийг хүмүүс ганц нэгэн удаа үзээд л уйдна.

Амжилт олохын тулд дараах зүйлсийг та анхаараарай.

Вэбийнхээ мэдээллийг тодорхой давтамжтайгаар цаг тутам, өдөр бүр, долоо хоног бүр, сар тутам гэх мэт шинэчлэх нь зүйтээ.

Хуучирсан мэдээллийг архивлах буюу Вэбээс авах хэрэгтэй.

Page 12: 6th day web dreamweaver

10/16/12 Б.Золзаяа. 12

““Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”

Macromedia Dreamweaver програмыг ашиглах нь

Page 13: 6th day web dreamweaver

10/16/12 Б.Золзаяа. 13

““Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”

Site > Manage Sites

Page 14: 6th day web dreamweaver

10/16/12 Б.Золзаяа. 14

““Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”

1

2

3

Page 15: 6th day web dreamweaver

10/16/12 Б.Золзаяа. 15

““Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”

12

34

5

Page 16: 6th day web dreamweaver

10/16/12 Б.Золзаяа. 16

““Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”

Page 17: 6th day web dreamweaver

10/16/12 Б.Золзаяа. 17

““Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”

Page 18: 6th day web dreamweaver

10/16/12 Б.Золзаяа. 18

““Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”

Page 19: 6th day web dreamweaver

10/16/12 Б.Золзаяа. 19

““Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”

Page 20: 6th day web dreamweaver

10/16/12 Б.Золзаяа. 20

““Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”

Page 21: 6th day web dreamweaver

10/16/12 Б.Золзаяа. 21

““Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”

Page 22: 6th day web dreamweaver

10/16/12 Б.Золзаяа. 22

““Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”

Page 23: 6th day web dreamweaver

10/16/12 Б.Золзаяа. 23

““Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”Мэдээлэл харилцааны технологийг сургалтын үйл ажиллагаанд хэрэглэх нь”

Анхаарал тавьсанд баярлалаа