Html, css, java script
•Download as PPTX, PDF•
0 likes•751 views
Html, css, java script
Recommended
More Related Content
Similar to Html, css, java script
Similar to Html, css, java script (20)
More from Batzorigt Rentsen
Html, css, java script
- 1. HTML, CSS, Java Script 2015.03.07 Batzorigt Rentsen
- 2. HTML: Hypertext Markup Language • Hyper: Хэтийдсэн, ер бусын эрч хүчтэй • Text: Үсэгт (цагаан толгойн үсэг, тоо, тусгай тэмдэгт) мэдээлэл, бичвэр • Hypertext: Жирийн нэг бичвэр бус түүнээс ч илүү чадвартай гэсэн санаа • Markup: тэмдэглэгээ, дүрслэл, дэлгэцэнд хэрхэн харагдахыг заах • Хүчлэн орчуулбал: Хаипер текстээр дүрсэлдэг хэл
- 3. HTML • Internet Browser буюу Интернэт хөтөч дээр мэдээллийг дэлгэцэнд дүрслэн үзүүлэх, мэдээлэл оруулах, илгээх боломжийг олгодог хэл - Web хуудас хийхэд зориулсан хэл • HTML-ээр дүрслэгдсэн мэдээллийг HTTP (Hyper Text Transfer Protocol)-р вэб сервер-браузерын хооронд дамжуулна • W3C-c гаргадаг стандарт * World Wide Web Consortium: WWW-н одоогийн стандарт, ирээдүйн чиг хандлагыг тодорхойлдог байгууллага
- 4. HTML-н боломж • Дэлгэцэнд мэдээллийг харуулах • Дэлгэцнээс өгөгдөл оруулах • Оруулсан өгөгдлийг сервэр рүү илгээх • Дэлгэцний харагдах байдал, төлвийг өөрчлөх тохиргоог css (cascading style sheet) фаилаас авах • Хэрэглэгч тал буюу браузер дээр боловсруулалт хийх Java Script програмыг зааж өгөх боломж • Өөр html хуудас рүү холбогдох/шилжих • Дуу, дүрс тоглуулах, үзүүлэх
- 5. HTML бол стандарт • Бүх браузерийн ойлгодог цорын ганц хэл • HTML code браузер дээр ажиллана. • Браузер өөрийн html parser буюу хөрвүүлэгчийн тусламжтайгаар html code-д анализ хийгээд дэлгэцэнд хэрхэн гаргахыг шийднэ. • Одоогоор HTML 5 өргөн хэрэглэгдэж байна. • HTML: Web хуудас ямар бүтэцтэй яаж харагдахыг браузерт хэлж өгдөг стандарт юм. * Гэхдээ браузер бүр тусдаа хөрвүүлэгчтэй байдаг, W3C- ээс гаргасан стандартыг мөрдөхдөө харилцан адилгүй аргаар хэрэгжүүлдэгээс болоод нэг ижил html браузер бүр дээр өөрөөр ажиллах явдал бий!
- 6. HTML-н бүтэц • HTML хуудас tag гэж нэрлэгдэх элементээс бүрднэ. • <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> </body> </html>
- 8. CSS • Cascading Style Sheets-Үгчилбэл угсруулан залгаж болох загварын хуудас[нууд] • Cascading: Угсруулан залгах – Угсруулан залгаад шинэ боломж үүсгэх гэсэн санаа • Markup (html , xhtml, xul, svg, xml) хэл дээр бичигдсэн документын харагдах байдал, хэв маяг (font, хэмжээ, өнгө, зураг, эффект г.м)-ийг өөрчлөх, зааж өгөхөд ашигладаг. Гол хэрэглээ: вэб хуудасны загварыг тодорхойлох. • W3C-c гаргадаг стандарт
- 9. CSS-н ашигтай тал • Дэлгэцийн агуулга, харагдах байдлыг хооронд нь тусгаарлан, хамааралгүй болгох • web application-ий загварыг хялбархан өөрчлөх боломжийг олгоно. • Хөдөлмөр хөнгөвчилнө.
- 11. Java Script • Албан ёсны нэр: ECMA Script • Aнх браузерт (client side Java Script: standard api, jquery.js, angular.js, embler.js, …) зориулж хийсэн боловч хөгжлийн явцад сервер тал дээр ч ажиллах (server side Java Script: node.js-V8compiler, Nashorn-Java8, Vert.x, Rhino, etc.) боломжтой болсон. • 3D application (webgl: three.js, babylon.js), гар утасны аппликэшн (titanium, phonegap) хүртэл Java Script-ээр хийж болно. • Гол хэрэглээ: html хуудасны агуулга, харагдах байдлыг динамикаар өөрчлөх, интерактив web app (AJAX, Comet, Websocket) хийх, web server рүү хүсэлт илгээх-хүлээн авах, offline (gmail, google doc, chat app, fb like app) app хийх
- 12. AJAX • Asynchronous JavaScript and XML • Хэрэглээ: Дэлгэцийг бүхэлд нь шинэчлэлгүйгээр хэсэгчлэн шинэчлэх, хэрэглэгчид анзаарагдалгүйгээр сервертэй харилцах • Сул тал: Программын логик дотор харагдах байдал, дэлгэцтэй хамаатай код холилдох, программ нүсэр, хэцүү болох * Гэхдээ эдгээр асуудлыг хялбаршуулсан шийдлүүд зөндөө байдаг. • Дамжуулах өгөгдлийн хэмжээг багасгахын тулд сүүлийн үед XML-н оронд илүү хялбар JSON (Java Script Object Notation)-г түлхүү ашигладаг.
- 13. Comet (Reverse Ajax, Ajax Push,…) • Ajax нь хэрэглэгч => сервер гэсэн ганцхан чиглэлтэй (half duplex) бол comet нь хэрэглэгч <=> сервер 2 чиглэлд (full duplex) мэдээлэл солилцох боломжтой. • Серверээс браузер руу мэдээлэл дамжуулах, серверийн ачааллыг бууруулах зорилгоор (push notification, mail alert, state sharing, count of users who logged in) ашиглана.
- 14. Web Socket • Comet-н сул талыг (browser connection timeout г.м) нөхөж гарч ирсэн технологи • W3C-с албан ёсоор стандартчилах гэж байгаа.
- 15. DOM: Document Object Model • HTML, XHTML, XML гэх мэтийн марк ап хэл дээр бичигдсэн документын доторх объёктыг дүрслэх, түүнтэй харилцах үед ашигладаг платформ, хэлнээс үл хамаарах ойлголт - API. • Документын дотор зангилаа (node) нь мод бүтэцтэй байх агаад түүнийг DOM Tree гэнэ. • Хамгийн гадна талын зангилааг DOM object гэдэг. • Хэрэглээ: Жишээлбэл браузер html хуудсыг дэлгэцэнд гаргах үед энэ загварыг ашиглана.
Editor's Notes
- Microsoft Outlook Web Access 2000