Веб Технологи
• Вебийн тухай
• Агуулга удирдах систем
• Веб сайт хийх
WWW буюу веб
Интернетийн сүлжээнд холбогдсон үй олон
компьютерууд дээр агуулагдах, мөн өөр хоорондоо
холбогдсон асар их мэдээллийн сүлжээг WWW (World
Wide Web) буюу Веб гэдэг. Веб нь өнөөдөр хамгийн
өргөн хэрэглэгддэг мэдээллийн сүлжээ бөгөөд түүний
ачаар хүмүүс хүссэн мэдээллээ дэлхийн өнцөг
булангаас хүлээн авах, түүнчлэн түгээх боломжийг олж
авсан. Интернетэд холбогдож буй хүн бүр энэхүү
мэдээллийн сүлжээний нэг хэсэг болох учраас тохирох
програм хангамжийн тусламжтайгаар мэдээллийг
зөвхөн хүлээн авагч биш мөн түгээгч нь болж чадна.
Энэ утгаар нь WWW-г бид интернетийн тусламжтайгаар
хэрэгждэг нэгэн төрлийн үйлчилгээ гэж ойлгож болно.
• Тодорхойлолт: АУС гэдэг нь хэрэглэгч
агуулгыг удирдах үйл ажиллагаанд оролцохыг
дэмжин ажилладаг компьютерийн програм
бөгөөд текст мэдээлэл, зураг, бүх төрлийн
мультимедиа мэдээлэл гэх мэт бүх төрлийн
мэдээлэл, өгөгдлийг зохион байгуулах,
удирдах, нийтлэх боломжийг олгоно.
Агуулга удирдах систем /АУС/
Content Management System /CMS/
АУС вебийг удирдах, засахад илүү хялбар
Агуулга удирдах систем /CMS/
АУС-н төрлүүд
Байгууллагын АУС
Веб удирдах систем
Баримт удирдах систем (DMS
/Document/)
Гар утасны АУС (Mobile CMS)
Бүрэлдэхүүн хэсгийн АУС
(Component CMS)
Мэдиа АУС (Media CMS)
Your own sub headline
Templates
Blogger
Joomla
phpNuke CMS
Drupal
Wordpress
Веб сайт хийхийн өмнө дараах асуудлуудыг авч үзэх шаардлагатай. Үүнд:
 Веб сайтын зорилго юу вэ?
 Хэнд, ямар мэдээллийг, ямар аргаар түгээхийг зорьж байна вэ?
 Веб сайтын үндсэн хэрэгэгчид хэн бэ?
 Веб сайтын өгөгдөл агуулгыг ямар эх үүсвэрээс авч, хэрхэн хүргэх вэ?
 Дээрх зорилго зорилтыг хэрэгжүүлэхэд ямар веб технологи тохиромжтой вэ?
- Зорилт
- Стратеги
- Архитектур
- Бүтэц
- Зохион
байгуулалт
- Судалгаа
- Дизайн
- Технологи
- Бүтээх
- Программчлах
- Суурилуулах
- Туршилт
- Нээлт
- Мэдээлэл
- Эргэх холбоо
- Сайжруулалт
Вэб хуудсыг HTML хэлний тусламжтайгаар хийдэг. HTML
гэдэг нь Hyper Text Markup Language (Гипер Текстийн
Хэл) гэсэн англи үгний товчилсон хэлбэр юм. HTML-ийг
Basic, Pascal, С/C++ гэх мэт прораммичлалын хэлтэй адил
гэж бодож болохгүй.
HTML-ээс гадна нэмэлт CSS, Javascript, Flash зэрэг зүйлсийг
ашиглавал илүү үзэмжтэй гоё болгодог ба одооны ихэнх
веб хуудсууд эдгээрийг ашиглаж байна. Мөн Python, Ruby,
Perl, Java зэрэг программичлалын хэлээр илүү олон
үйлдэлтэй сайт хийж болно.
HTML-ээр веб хийхэд зөвхөн текст засдаг программ байхад
л болно. Харин хадгалахдаа өргөтгөлийг нь .htm, .html гэж
хадгална.
Веб хуудас өөрөө хийх
• Мөн АУС ашиглан илүү хялбар аргаар
веб мастерийн туршлага хэрэггүйгээр
мэргэжлийн түвшинд веб сайтаа хийж
болох боломжтой юм.
Веб сайт хийх программ хангамжууд
HTML
• Текст эдиторууд
• Adobe Dreamweaver
CSS
• Текст эдиторууд
• Adobe Dreamweaver
Javascript • Текст эдиторууд
Текст эдиторуудаас NotePad++ хэрэглэвэл илүү хялбар.
/Cascading Style Sheet/
HTML баримтын харагдац, гадаад өнгө үзэмжийг
тодорхойлох, вэб агуулга болон загварыг салгахад
CSS хэлийг ашигладаг. CSS-г ашигласнаар вебийнхээ
өнгө, үзэмж, харагдах байдлыг сайжруулдаг.
CSS
JavaScript бол вэб бүтээхэд илүү тохиромжтой хэл юм. Java бол
програмчлалын хэл бөгөөд программ бичхэд зориулагдсан байхад
JavaScript хэл нь вэб сайт програмчлахад илvv тохиромжтойгоор
бvтээгдсэн хэл юм. Javascript нь HTML тэй хамтран илvv
боловсронгуй ажиллагаатай вэб сайтыг бvтээж чадна. CSS & HTML
хамтран вэбийн гадаад харагдах байдалыг шийдэж байхад , HTML &
Javascript хамтран вэбийн гол ажиллагаа буюу хөдөлгvvрийг
боловсруулдаг.
Javascript
THANK YOU!!!
АНХААРАЛ ТАВЬСАН
ЯВДАЛД БАЯРЛАЛАА!!!
👍😉
Веб технологи

Веб технологи

  • 1.
    Веб Технологи • Вебийнтухай • Агуулга удирдах систем • Веб сайт хийх
  • 2.
    WWW буюу веб Интернетийнсүлжээнд холбогдсон үй олон компьютерууд дээр агуулагдах, мөн өөр хоорондоо холбогдсон асар их мэдээллийн сүлжээг WWW (World Wide Web) буюу Веб гэдэг. Веб нь өнөөдөр хамгийн өргөн хэрэглэгддэг мэдээллийн сүлжээ бөгөөд түүний ачаар хүмүүс хүссэн мэдээллээ дэлхийн өнцөг булангаас хүлээн авах, түүнчлэн түгээх боломжийг олж авсан. Интернетэд холбогдож буй хүн бүр энэхүү мэдээллийн сүлжээний нэг хэсэг болох учраас тохирох програм хангамжийн тусламжтайгаар мэдээллийг зөвхөн хүлээн авагч биш мөн түгээгч нь болж чадна. Энэ утгаар нь WWW-г бид интернетийн тусламжтайгаар хэрэгждэг нэгэн төрлийн үйлчилгээ гэж ойлгож болно.
  • 3.
    • Тодорхойлолт: АУСгэдэг нь хэрэглэгч агуулгыг удирдах үйл ажиллагаанд оролцохыг дэмжин ажилладаг компьютерийн програм бөгөөд текст мэдээлэл, зураг, бүх төрлийн мультимедиа мэдээлэл гэх мэт бүх төрлийн мэдээлэл, өгөгдлийг зохион байгуулах, удирдах, нийтлэх боломжийг олгоно. Агуулга удирдах систем /АУС/ Content Management System /CMS/
  • 4.
    АУС вебийг удирдах,засахад илүү хялбар Агуулга удирдах систем /CMS/ АУС-н төрлүүд Байгууллагын АУС Веб удирдах систем Баримт удирдах систем (DMS /Document/) Гар утасны АУС (Mobile CMS) Бүрэлдэхүүн хэсгийн АУС (Component CMS) Мэдиа АУС (Media CMS)
  • 5.
    Your own subheadline Templates
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
    Веб сайт хийхийнөмнө дараах асуудлуудыг авч үзэх шаардлагатай. Үүнд:  Веб сайтын зорилго юу вэ?  Хэнд, ямар мэдээллийг, ямар аргаар түгээхийг зорьж байна вэ?  Веб сайтын үндсэн хэрэгэгчид хэн бэ?  Веб сайтын өгөгдөл агуулгыг ямар эх үүсвэрээс авч, хэрхэн хүргэх вэ?  Дээрх зорилго зорилтыг хэрэгжүүлэхэд ямар веб технологи тохиромжтой вэ? - Зорилт - Стратеги - Архитектур - Бүтэц - Зохион байгуулалт - Судалгаа - Дизайн - Технологи - Бүтээх - Программчлах - Суурилуулах - Туршилт - Нээлт - Мэдээлэл - Эргэх холбоо - Сайжруулалт
  • 12.
    Вэб хуудсыг HTMLхэлний тусламжтайгаар хийдэг. HTML гэдэг нь Hyper Text Markup Language (Гипер Текстийн Хэл) гэсэн англи үгний товчилсон хэлбэр юм. HTML-ийг Basic, Pascal, С/C++ гэх мэт прораммичлалын хэлтэй адил гэж бодож болохгүй. HTML-ээс гадна нэмэлт CSS, Javascript, Flash зэрэг зүйлсийг ашиглавал илүү үзэмжтэй гоё болгодог ба одооны ихэнх веб хуудсууд эдгээрийг ашиглаж байна. Мөн Python, Ruby, Perl, Java зэрэг программичлалын хэлээр илүү олон үйлдэлтэй сайт хийж болно. HTML-ээр веб хийхэд зөвхөн текст засдаг программ байхад л болно. Харин хадгалахдаа өргөтгөлийг нь .htm, .html гэж хадгална. Веб хуудас өөрөө хийх
  • 13.
    • Мөн АУСашиглан илүү хялбар аргаар веб мастерийн туршлага хэрэггүйгээр мэргэжлийн түвшинд веб сайтаа хийж болох боломжтой юм.
  • 14.
    Веб сайт хийхпрограмм хангамжууд HTML • Текст эдиторууд • Adobe Dreamweaver CSS • Текст эдиторууд • Adobe Dreamweaver Javascript • Текст эдиторууд Текст эдиторуудаас NotePad++ хэрэглэвэл илүү хялбар.
  • 16.
    /Cascading Style Sheet/ HTMLбаримтын харагдац, гадаад өнгө үзэмжийг тодорхойлох, вэб агуулга болон загварыг салгахад CSS хэлийг ашигладаг. CSS-г ашигласнаар вебийнхээ өнгө, үзэмж, харагдах байдлыг сайжруулдаг.
  • 17.
  • 18.
    JavaScript бол вэббүтээхэд илүү тохиромжтой хэл юм. Java бол програмчлалын хэл бөгөөд программ бичхэд зориулагдсан байхад JavaScript хэл нь вэб сайт програмчлахад илvv тохиромжтойгоор бvтээгдсэн хэл юм. Javascript нь HTML тэй хамтран илvv боловсронгуй ажиллагаатай вэб сайтыг бvтээж чадна. CSS & HTML хамтран вэбийн гадаад харагдах байдалыг шийдэж байхад , HTML & Javascript хамтран вэбийн гол ажиллагаа буюу хөдөлгvvрийг боловсруулдаг.
  • 19.
  • 20.

Editor's Notes

  • #5 АУС үйлдлүүд Олон тооны хүн мэдээлэл солилцох боломжийг хангах Хэрэглэгч тодорхойлогдсон эрхийн дагуу мэдээлэлд хандах Мэдээллийг хялбар байдлаар хадгалах Мэдээллийн тайлан, үр дүнг хялбар гаргах Хэрэглэгч хоорондын харилцааг хялбаршуулах Төрөл бүрийн агуулгыг хялбараар хөгжүүлэх АУС нь өгөгдлөө өгөгдлийн санд хадгалдаг бөгөөд зарим тохиолдолд энгийн бичвэр эсвэл xml хэлбэрээр хдгалдаг. Өгөгдөл нь баримт, файл, дуу, видеозураг, бичвэр, хэрглэгчийн бүртгэл зэрэг агуулгыг бүрдүүлнэ.
  • #17 Та нэг элэмэнтийн єнгийг, форматыг солихын тулд бvх хэсэгтээ єєрчлєлт хийх шаардалагагvй, харин CSS бичсэн хэсэгтээ солиход л бvх элэмэнтvvд хэвжvvлэгддэг. Энэ таны вэбмастеруудын ажлыг маш их хєнгєвчилдєг.