5.1 web

5,540 views
5,300 views

Published on

0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,540
On SlideShare
0
From Embeds
0
Number of Embeds
164
Actions
Shares
0
Downloads
255
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide

5.1 web

  1. 1. Бага ангийн багш нарын МХТ-ийн ахисан түвшний сургалт<br />Сэдэв: Сургалтын цахим материал ашиглах<br />Багш: Б.Золзаяа<br />Багш: Э.Эрдэнэсүх<br />(2009 оны 08 сарын 03-07)<br />Модуль-5<br />
  2. 2. Зорилго:<br />Microsoft Word програмын тусламжтайгаар сургалтын вэб сайт хийх, зохион байгуулах арга зүйтэй танилцах.<br />Эзэмших чадвар:<br />Сургалтын цахим материалыг бие даан сургалтанд ашиглах, дадлагажих,<br />Боловсруулсан материалаа ашиглан хялбар вэб боловсруулах,<br />Хэрэглээний програмын файлуудыг вэбийн төрөлд хөрвүүлэх,<br />Сургалтын хэрэглэгдэхүүн бэлтгэхэд шаардлагатай мэдээллийн санг бүрдүүлж, вэб сайт зохион байгуулж, төлөвлөж сурах,<br />Холбоос үүсгэх, вэб браузертай ажиллах,<br />Вэб сайт зохион байгуулах аргачлал, төлөвлөлтийг сурах.<br />Бид юу хийж сурах вэ?<br />8/1/2009<br />2<br />
  3. 3. 5.1 Вэб технологи гэж юу вэ?<br />Дасгал 1. Вэб хийхэдшаардлагатай өгөгдөл мэдээллийг бүрдүүлэх, нүүр хуудас үүсгэх.<br />5.2. Холбоос хийх төрлүүд<br />Дадлага. “Монгол хувцас” сэдэвтэй вэб хийх.<br />8/1/2009<br />3<br />Сэдвийн агуулга<br />
  4. 4. Тодорхой сэдвийн дагуу бэлтгэсэн текст, зураг, дуу авиа, хөдөлгөөнт дүрс, холбоостой төрөл бүрийн мэдээлэл бүхий хуудас байдлаар хадгалагдсан цахим баримт бичгийг вэб хуудас (Web Page) гэдэг.<br />Тодорхой нэг сэдвийн дагуух өөр хоорондоо гипертекстээр холбогдсон вэб хуудсуудын цуглуулгыг вэб сайт (Web Site) гэж нэрлэдэг.<br />Вэб сайтыг дуудахад хамгийн түрүүнд нээгдэх хуудсыг вэб сайтын нүүр хуудас (Home Page) гэж нэрлэдэг. <br />Вэб сайт нь http://www........ бүтэц бүхий вэбийн URL (Uniform Resource Locator) хаягтай байдаг.<br />8/1/2009<br />4<br />Вэб технологи гэж юу вэ?<br />
  5. 5. Нэг баримтан дотор байгаа онцолсон үг буюу зурган дээр дарахад задраад нэмэлт мэдээлэл гардаг бүтэцтэй баримтыг гипертекcтэн баримт гэж нэрлэдэг. <br />Гипертекстэн баримт нь вэб сервер дээрээ бүтцээсээ хамааран HTML (*.html, *.htm, *.php) форматтай байна. HTML нь Hyper Text Markup Language буюу гипертекст бүрдүүлэх хэл гэсэн үг.<br />Холбоос дээр хулганы заагуурыг байрлуулахад атгасан гарын хэлбэртэй () болж түүнд харгалзах нэмэлт мэдээллийн хаяг нь вэб браузер програмын төлөвийн мөрөнд (Status bar) харагдана.<br />8/1/2009<br />5<br />Гипертекстэн баримт, түүний формат (өргөтгөл)<br />
  6. 6. Алхам 1. Вэб хуудас хийх бэлтгэл ажил.<br />Вэб хийхийн тулд эхлээд төлөвлөх хэрэгтэй. Жишээ нь Процент бүлэг сэдвээр вэб хийхээр зорьсон бол түүний ерөнхий бүдүүвч, хар зураг гаргаж, түүнийхээ дагуу материалуудаа цуглуулна. Яг байшин барихтай адил үйл ажиллагаа явагдана. Өөрөөр хэлбэл хэнд зориулж барих, хэдэн давхар барих, яаж барих, юу ашиглах, хаана барих зэрэг нарийн технологийн дагуу хийгддэгтэй яг адил юм. <br />8/1/2009<br />6<br />Дасгал 1. Вэб хийх мэдээллийг бүрдүүлэх, нүүр хуудас үүсгэх<br />
  7. 7. Хэнд: Хүүхдэд? Багшид?<br />Хэдэн давхар: Хэр олон хуудастай байх?<br />Яаж: Статик? Динамик?<br />Юу ашиглах: Програм? Агуулга? Дизайн?<br />Хаана: Монголд? Гадны сервер?<br />Ямар:http://www.нэр.mn<br />Арчилгаа: Хэн? <br />Сурталчилгаа: Яаж?<br />8/1/2009<br />7<br />Төлөвлөлт<br />
  8. 8. Алхам 2. Багшид зориулсан вэб хийцгээе. moduli5 хавтсанд web math дэд хавтас үүсгэнэ. Уг хавтсанд вэбэд орох бүх файлууд байх тул бүтцээсээ хамааран төлөвлөлтийн дагуу дэд хавтсууд үүсгэх шаардлагатай. Жишээ нь:<br />images: байрлуулах бүх зургууд (*.jpg, *.gif)<br />hutulbur: бүлэг сэдвийн болон ээлжит хичээлийн хөтөлбөрүүд<br />hicheeluud:диаграмм, процент, хольц, масштаб<br />hereglegdehuun: үзүүлэн, ТАРААЖ ӨГӨХ МАТЕРИАЛ<br />unelgee/jishig daalgavar:дүн, тест, шалгалтын материал зэрэг файлуудыг хадгална.<br />8/1/2009<br />8<br />Дасгал 1. Вэб хийх мэдээллийг бүрдүүлэх, нүүр хуудас үүсгэх<br />
  9. 9. 8/1/2009<br />9<br />Үүсгэх хавтаснууд<br />Moduli5хавтсанд<br />Web math<br />dun<br />Test-shalgalt<br />daalgavar<br />hicheeluud<br />hutulbur<br />hereglegdehuun<br />unelgee<br />images<br />
  10. 10. Алхам 2. Хавтас бүрд тохирох файлуудыг хуулна.<br />hutulbur: hutulbur-math.doc, hutulbur-mongol hel.doc<br />hicheeluud:<br />hereglegdehuun: dasgal1.ppt-dasgal4.ppt, moviemaker-ийн файл<br />unelgee: daalgavar.doc, unelgee.doc<br />Алхам 3. Нүүр хуудсыг үүсгэнэ.<br />Нүүр хуудсан дээр мэдээллийг загварын дагуу оруулна.<br />Толгойн хэсэгтвэб хуудасны нэр, лого, үндсэн цэс байрлуулна. Үндсэн цэсийг зураг болон бичвэр хэлбэрээр хуудасны дээд тал болон зүүн талд босоо багана хэлбэрээр байрлуулна. <br />Үндсэн хэсэгтнүүр хуудсанд байрлах мэдээллийг оруулна.<br />Хөл хэсэгт харилцах хаяг, утасны дугаар, факс оруулна. <br />8/1/2009<br />10<br />
  11. 11. 8/1/2009<br />11<br />Нүүр хуудасны загвар<br />Толгойн хэсэг<br />Үндсэн хэсэг(их бие)<br />Хөл хэсэг<br />
  12. 12. 8/1/2009<br />12<br />
  13. 13. Алхам 4. Файлыг вэб форматаар хадгална.<br />Эхний файл нүүр хуудас байх бөгөөд түүний нэрийг index.htm нэрээр хадгална. Үүний тулд:<br />Office Button товчийг дарж, нээгдэх жагсаалтаас Save As…командыг сонгоно.<br />Нээгдэх Save as цонхныSave as type:талбараас Web pageтөрлийг сонгоно.<br />Save in: талбарт вэб хадгалах хавтсыг заана. (Манай жишээн дээр moduli5хавтсанд web дэд хавтас үүсгэсэн байна)<br />File name:талбарт файлын нэрийг indexгэж оруулаад Save товчийг дарна.<br />8/1/2009<br />13<br />Файлыг вэб форматаар хадгална.<br />
  14. 14. 8/1/2009<br />14<br />Бусад файлыг үүсгэе.<br />Алхам 5. Бусад файлыг үүсгэхийн тулд index файлын хөл, толгойн хэсгийн мэдээллийг ашиглаад зөвхөн их биеийн хэсгийг өөрчилнө. Үүний тулд index файлын нэрийг өөрчилж хадгалаад засвараа хийнэ.<br />indexфайлыг нээж Save As…команд сонгоно. <br />hutulburхавтсанд curriculumнэрээрхадгалая. Хавтас файл 2-ыг ялгахын тулд ингэж нэр өгснийг анхаар.<br /><br /><br />
  15. 15. Алхам 5. Файлыг дараах хэлбэртэй болгоод хадгал. Хөтөлбөр цэсийн өмнө |Нүүр|цэс нэмж оруулна. Босоо | зураасыг оруулахын тулд гарыг англи болгоод Back Space-ийн урд/доод талд байрлах босоо зураасыг бичнэ.<br />8/1/2009<br />15<br /><br /><br />
  16. 16. 8/1/2009<br />16<br />Алхам 6. Бусад файлыг энэ дарааллаар оруулна.<br />hicheeluud хавтсанд hicheel,<br />hereglegdehuun хавтсанд hereglegdehuun,<br />unelgee хавтсанд unelgee файлуудыг тус тус үүсгэ.<br />
  17. 17. 8/1/2009<br />17<br />Холбоос хийх төрлүүд<br />1. Нэг файлаас нөгөө файл руу шилжих холбоос.<br />indexфайлыг нээж Хөтөлбөр цэсийг идэвхжүүлнэ. <br />Insert/Hyperlinkкоманд сонгоно.<br />товчийг дарна. <br /><br /><br /><br />
  18. 18. Insert Hyperlink цонхны Existing File or Web Pageхэсгийн сонгоод Current Folderхэсгийн Look in талбарт холбоос хийх замыг зааж өгнө. hutulbur.htm файлыг заана. ОК дарна.<br />8/1/2009<br />18<br /><br /><br /><br /><br />
  19. 19. 8/1/2009<br />19<br />Бүх холбоосыг хийсний дараа:<br />
  20. 20. Вэб сайт руу шилжих холбоос.<br />Харилцах хаяганд байрлах интернэтийн хаягийг сонгоод Insert Hyperlink цонхны Address талбарт вэб сайтын хаягийг http://www.itc.mn, http://www.msue.edu.mn, http://www.mycomputer.mn гэх зэргээр бүтнээр нь бичиж өгнө. <br />Цахим шуудангийн хаяганд хийх холбоос.<br />Хаягийн идэвхжүүлээд Insert Hyperlink цонхны Address талбарт mailto:info@msue.edu.mn, mailto:info@intec.mn гэх зэргээр хаягийг оруулаад ОК товчийг дарна. <br />8/1/2009<br />20<br />
  21. 21. Зурганд хийх холбоос.<br />Зургийг идэвхжүүлээд Insert Hyperlink цонхны Look in талбарт images хавтсыг сонгоод холбоос хийгдэх зургийн файлыг сонгоно. <br />Хийсэн вэб хуудсыг браузер програм дээр дуудаж холбоос болон бусад мэдээллийг шалгана. Үүний тулд:<br />Internet Explorer програмыг нээнэ.<br />File/Open командаар Lesson хавтсанд буй index.htm файлыг нээнэ.<br />Бусад хичээлийн хуудсуудыг хийж бэлэн болгоод холбоосыг гүйцэтгэнэ.<br />8/1/2009<br />21<br />
  22. 22. 8/1/2009<br />22<br />Вэбийг ажиллуулах<br />Холбоосуудыг хийж дуусгаад вэб браузер дээр ажиллуулж шалгана. Үүнийг preview хийх гэнэ.<br /><br /><br /><br /><br />
  23. 23. Монгол хувцас сэдвээр вэб хийнэ үү. Үүнд:<br />moduli5-dadlaga хавтсанд байгаа mongolhuvtsas хавтасны файлуудыг ашиглаарай.<br />8/1/2009<br />23<br />Дадлага<br />
  24. 24. 8/1/2009<br />24<br />Веб сервер суулгах<br />Start/Control Panel/Add or Remove Programs<br />(Windows XP-н CD шаардлагатай)<br />
  25. 25. Start/Settings/Control Panel/Administrative Tools<br />8/1/2009<br />25<br />Веб сервер тохируулах<br />
  26. 26. Default Web Site/Properties<br />8/1/2009<br />26<br />Веб сервер тохируулах<br />
  27. 27. Home Directory-г тохируулж өгнө<br />(fti-surtalt/module5/math web)<br />8/1/2009<br />27<br />Веб сервер тохируулах<br />
  28. 28. Internet Explorer нээгээд дараах хаягыг бичнэ. http://localhost<br />8/1/2009<br />28<br />Шалгаж үзэх<br />
  29. 29. 8/1/2009<br />29<br />

×