I web sahifani tayyorlashda qo`llanilgan texnologiyalar xaqida nazariy malumotlar

I. WEB SAHIFANI TAYYORLASHDA QO`LLANILGAN TEXNOLOGIYALAR XAQIDA NAZARIY MALUMOTLAR
1 Web sahifa dizaynini tayyorlashda ishlatilgan texnologiyalar

1. 
   HTML5 haqida ma`lumotlar
   

1-rasm HTML5
HTML (HyperText Markup Language) gipermatnni belgilash tili boʻlib, asosan Internetda hujjatlar yaratish uchun foydalaniladi. HTML oʻz faoliyatini 1990-yillarning boshida veb-sahifalar yaratish uchun birinchi til sifatida boshlagan va bugungi kunda Internetni HTMLsiz tasavvur qilish qiyin. Koʻpgina veb-saytlar HTMLdan u yoki bu tarzda foydalanadi.
2014-yilda yangi standart - HTML5 ustida ish rasman yakunlandi, u aslida inqilob qildi va HTMLga koʻplab yangi narsalarni olib keldi.
HTML5 aynan nimani olib keldi?
HTML5 DOM strukturasini yaratish uchun yangi tahlil qilish algoritmini belgilaydi.
Videoelementlar va audio hamda boshqalar yangi elementlar va teglarni qoʻshish oldindan mavjud boʻlgan.
HTML elementlarining qoidalari va semantikasini qayta belgilash.

Aslida, yangi xususiyatlar qoʻshilishi bilan HTML5 nafaqat veb-sahifalarni yaratish uchun belgilash tilining yangi versiyasi, balki aslida ilovalar yaratish platformasiga aylandi va uning koʻlami Internet veb-muhitidan ancha uzoqlashdi: HTML5 ham Android, iOS, Windows Mobile uchun mobil ilovalar yaratish va hatto oddiy kompyuterlar uchun ish stoli ilovalarini yaratishda (xususan, Windows 8/8.1/10 da) foydalaniladi.

Natijada, qoida tariqasida, HTML 5 asosan ikkita ma’noda qoʻllaniladi:
HTML 5 yangilangan gipermatn belgilash tili sifatida, HTML 4 ning oldingi versiyasining biroz ishlanmasi.
HTML 5 nafaqat gipermatn belgilash tilini, yangilangan HTMLni, balki JavaScript dasturlash tilini va CSS 3 kaskadli uslublar jadvallarini oʻz ichiga olgan veb-ilovalarni yaratish uchun kuchli platforma sifatida.
HTML5 ning rivojlanishi uchun kim javobgar? World Wide Web Consortium (qisqacha W3C - World Wide Web Consortium) HTML5 standartini spetsifikatsiyalar shaklida belgilaydigan mustaqil xalqaro tashkilotdir. Ingliz tilidagi joriy toʻliq spetsifikatsiyani https://www.w3.org/TR/html5/ saytida koʻrish mumkin. Va shuni taʻkidlash kerakki, tashkilot HTML5 ustida ishlashni davom ettirib, spetsifikatsiyaga yangilanishlarni chiqaradi.
Shuni taʻkidlash kerakki, HTML5 spetsifikatsiyasi va veb-brauzerlarda ushbu texnologiyadan foydalanish oʻrtasida har doim boʻshliq mavjud edi. Koʻpgina brauzerlar HTML5 standartlarini rasmiy nashr etilishidan oldin ham joriy qilishni boshladilar. Va hozirga kelib, brauzerning soʻnggi versiyalarining aksariyati HTML5 funksiyalarining koʻp qismini qoʻllab-quvvatlaydi (Google Chrome, Firefox, Opera,
2-jadval. Ikkinchi usul
Bu holatda natija avvalgi holatda boʻlgani kabi bir xil boʻladi.
Koʻpincha element element style ichida aniqlanadi head, lekin u HTML hujjatining boshqa qismlarida ham ishlatilishi mumkin. Element style uslublar toʻplamini oʻz ichiga oladi. Har bir uslubda avval selektor mavjud, keyin bir xil CSS xossa ta’riflari va oldingi misolda ishlatilgan jingalak qavslardagi qiymatlari.
Ikkinchi usul uslublarni html-ga qoʻyish orqali html kodini tozalaydi style. Ammo uchinchi usul ham bor, ya’ni uslublarni tashqi faylga joylashtirish.
HTML atributlari va CSS uslublari. Koʻpgina html elementlari atributlar yordamida displey uslublarini oʻrnatishga imkon beradi. Masalan, bir qator elementlarda mos ravishda elementning kengligi va balandligini belgilash uchun widthva atributlarini qoʻllashimiz mumkin. heightBiroq, bu yondashuvdan qochish kerak va inline atributlari oʻrniga CSS uslublaridan foydalanish kerak. HTML belgilash faqat html hujjatning tuzilishini ta’minlashi kerakligini va uning butun koʻrinishi, uslubi CSS uslublari bilan aniqlanishi kerakligini aniq tushunish muhimdir.CSS kodini tekshirish. CSS uslublarini yozish jarayonida uslublarni shu tarzda belgilash toʻgʻrimi, ular toʻgʻrimi, degan savollar tugʻilishi mumkin. Va bu holda, biz http://jigsaw.w3.org/css-validator/ saytida mavjud boʻlgan CSS validatoridan foydalanishimiz mumkin.
1.3JavaScript asoslari
6-rasm. JavaScript

6