Kommunikatsiyalarini rivojlantirish vazirligi muhammad al- xorazmiy nomidagi toshkent axborot texnologiyalari universiteti

Sana	03.06.2020
Hajmi	0,97 Mb.
	#113787

Bog'liq
WEB024-Ural-Rashidov-38

O’ZBEKISTON RESPUBLIKASI AXBOROT TEXNOLOGIYALARI VA

KOMMUNIKATSIYALARINI RIVOJLANTIRISH VAZIRLIGI

MUHAMMAD AL- XORAZMIY NOMIDAGI TOSHKENT AXBOROT

TEXNOLOGIYALARI UNIVERSITETI

Web dasturlash fanidan

Yakuniy nazorat ishi

Bajardi: WEB024-guruh talabasi

Rashidov Ural

Toshkent 2020

Rashidov Ural Utkir o’g’li WEB024-guruh talabasi 38-variant

Variant №38

1. HTML теглари ва уларнинг турлари. Изоҳланг ва мисоллар келтиринг.

2. CSS ранг хусусиятлари. Орқа фон, матн, чегарага ранг бериш. Изоҳланг

ва мисоллар келтиринг.

3. YII2 фреймворк структураси.

1. HTML теглари ва уларнинг турлари. Изоҳланг ва мисоллар келтиринг.

Teglar 3 turga ajratiladi:

•

Juft teglar (Yopiq teglar)

•

Juft bo’lmagan teglar (Ochiq teglar)

•

Maxsus teglar

atribut1="value1“

atribut2="value2">

Content text

Juft teglar ochilganidan keyin doim yopilishi shart;

Juft teg ochilganda ko’rinishda, yopilganda esa

ko’rinishida bo’ladi.

Masalan:



Juft bo’lmagan teglarda yopuvchi teg bo’lmaydi.

Masalan:

Maxsus teglar ASCII maxsus belgilarini ifodalashga xizmat qiladi. Ularni ifodalash

& belgisi bilan boshlanadi:

&nomi; // bu yerda maxsus belgi nomi yoziladi

&#raqami; // bu yerda belgining 16 lik yoki 10 lik sanoq tizimidagi kodi

yoziladi.

Yuqoridagi fikrlarga asoslangan holda Web-sahifada ishtirok etishi zarur bo’lgan

quyidagi to’rtta asosiy teglarni tavsiflashga harakat qilamiz.



va teglari

Bu teglar brauzerlarga ular orasidagi matnni xuddi HTML matni kabi sharhlash

(izohlash) zarurligi to’g’risida xabar beradi, chunki HTML-hujjatlari faqat matnlidir.

teg esa, faylning gipermatn bog’lanish tilida yozilganligini bildirib turadi.



va teglari

Bu teglar Web-sahifalar nomlarini belgilaydi. Buning uchun va

teglar orasida Web-sahifa nomi kiritiladi. Ya`ni HEAD bo’limi sarlavha hisoblanadi

va u majburiy teg emas, biroq mukammal tuzilgan sarlavha juda ham foydali bo’lishi

mumkin. Sarlavha qismining maqsadi hujjatni tarjima qilayotgan dastur uchun mos

axborotni etkazib berishdan iborat. Hujjat nomini ko’rsatuvchi tegidan tashqari bu bo’limning qolgan barcha teglari ekranda aks ettirilmaydi. Odatda <HEAD> tegi darhol <HTML> tegidan keyin keladi. <TITLE> tegi sarlavhaning tegidir, va hujjatga nom berish uchun hizmat kiladi. Hujjat nomi <TITLE> va teglar orasidagi matn qatoridan iborat. Bu nom barauzer oynasining

sarlavhasida paydo bo’ladi (bunda sarlavha nomi 60 belgidan ko’p bo’lmasligi

lozim). O’zgartirilmagan holda bu matn hujjatga «zakladka» (bookmark) berilganda

ishlatiladi. Hujjat nomi uning tarkibini qisqacha ta'riflashi lozim. Bunda umumiy

ma'noga ega bo’lgan nomlar (masalan, Homepage, Index va boshqalar) ni

ishlatmaslik lozim. Hujjat ochilayotganda birinchi bo’lib uning nomi aks ettirilishi,

so’ngra esa hujjat asosiy tarkibi ko’p vaqt olib, kengayib ketishi mumkin bo’lgan

formatlash bilan birga yuklanishini hisobga olgan holda, foydalanuvchi xech

bulmaganda ushbu axborot qatorini o’qiy olishi uchun hujjatning nomi berilishi

lozim.

*. Har bir HTML hujjat faqatgina bitta nomga (sarlavhaga) ega bo’ladi. So’ngra

uning oldi va orqa tomonlarini va teglari bilan belgilang.

U, odatda brauzer darchasi sarlavhasida ko’rsatiladi. Konteyner tegini hujjat faylining nomi bilan adashtirmaslik kerak. Aksincha u fayl nomi va manziliga butunlay bog’liq bo’lmagan matn satridir. Fayl nomi kompyuterning operatsion tizimi (OT) orqali qat'iy ravishda aniqlanadi. Shu bilan birga, hujjatlar nomi (teg <TITLE> bilan birga) ni hujjat ichidagi ko’pincha <H> teglari bilan joylashadigan sarlavhalardan farqlash kerak bo’ladi.  <body> va va teglari egallab olgan matn hujjatning asosiy qismi hisoblanadi. Matnning katta qismi va boshqa axborotlar ham uning tarkibiga kiritiladi. Quyida <body> tegining bir qator parametrlarini keltiramiz. <BODY> tegi parametrlari: АLINK – faol murojaat (ссылка) ning rangini belgilaydi. BACKGROUND – fondagi tasvir sifatida foydalaniluvchi tasvirni belgilaydi. URL - manzilini belgilaydi. BOTTOMMARGIN – hujjatning quyi chegaralarini piksellarda belgilaydi. BGCOLOR – hujjat fonining ranglarini belgilaydi. BGPROPERTIES –agar FIXED qiymati o’rnatilmagan bo’lsa, fon tasviri aylantirilmaydi. LEFTMARGIN – chap chegaralarni piksellarda belgilaydi. LINK – xali ko’rib chiqilmagan ssilkaning ranggini belgilaydi. RIGHTMARGIN – hujjat o’ng chegarasini piksellarda o’rnatadi. </div> <style type="text/css"> </style> <div id="page6-div" > SCROOL – brauzer darchalari xarakatlantirish (prokrutka) yo’laklarini o’rnatadi. TEXT – matn rangini aniqlaydi. TOPMARGIN – yuqori chegarasini piksellarda o’rnatadi. VLINK – ishlatilgan murojaat rangini belgilaydi. BOTTOMMARGIN, LEFTMARGIN, RIGHTMARGIN va TOPMARGIN pametrlari matn chegarasi va darcha chetlari orasidagi masofani piksellarda belgilaydi. Misol teglarga </div> <style type="text/css"> </style> <div id="page7-div" > 2. CSS ранг хусусиятлари. Орқа фон, матн, чегарага ранг бериш. Изоҳланг ва мисоллар келтиринг. CSS / HTML 140 standart rang nomlarini qo'llab- quvvatlaydi. CSS orqali biz veb-sahifamizdagi orqa fonlarga, matnlarga, chegaralarga rang berishimiz mumkin. CSS orqa fon rangi Siz HTML elementlari uchun fon rangini o'rnatishingiz mumkin: Sintaksis: < h1 style ="background-color:DodgerBlue;"> Hello World < /h1 > < p style ="background-color:Tomato;"> Lorem ipsum... < /p > </div> <style type="text/css"> </style> <div id="page8-div" > CSS matn rangi Matn rangini o'rnatishingiz mumkin: Sintaksis: < h1 style ="color:Tomato;"> Hello World < /h1 > < p style ="color:DodgerBlue;"> Lorem ipsum... < /p > < p style ="color:MediumSeaGreen;"> Ut wisi enim... < /p CSS chegara rangi Siz chegara rangini o'rnatishingiz mumkin: Sintaksis: < h1 style ="border:2px solid Tomato;"> Hello World < /h1 > < h1 style ="border:2px solid DodgerBlue;"> Hello World < /h1 > < h1 style ="border:2px solid Violet;"> Hello World < /h1 > </div> <style type="text/css"> </style> <div id="page9-div" > CSS rang qiymatlari CSS-da RGB qiymatlari, HEX qiymatlari, HSL qiymatlari, RGBA qiymatlari va HSLA qiymatlari yordamida ranglar ham belgilanishi mumkin: Masalan: < h1 style ="background-color:rgb(255, 99, 71);"> ... < /h1 > < h1 style ="background-color:#ff6347;"> ... < /h1 > < h1 style ="background-color:hsl(9, 100%, 64%);"> ... < /h1 > "Tomato" rang qiymati, ammo 50% shaffof: < h1 style ="background-color:rgba(255, 99, 71, 0.5);"> ... < /h1 > < h1 style ="background-color:hsla(9, 100%, 64%, 0.5);"> ... < /h1 > </div> <style type="text/css"> </style> <div id="page10-div" > RGB rang xususiyati CSS-da, bu formuladan foydalanib, rangni RGB qiymati sifatida ko'rsatish mumkin: rgb (red, green, blue) Har bir parametr (red, green, blue) rangning intensivligini 0 dan 255 gacha aniqlaydi. Masalan, rgb (255, 0, 0) qizil rang bilan ko'rsatiladi, chunki qizil eng yuqori qiymatiga (255), qolganlari 0 ga o'rnatiladi. Qora rangni ko'rsatish uchun barcha rang parametrlarini 0 ga qo'ying, masalan: rgb (0, 0, 0). Oqni ko'rsatish uchun barcha rang parametrlarini 255 ga o'rnating, masalan: rgb (255, 255, 255). Quyidagi RGB qiymatlarini aralashtirish orqali tajriba keltirilgan: RGBA rang xususiyati RGBA rang qiymatlari alfa-kanal bilan RGB rang qiymatlarining kengaytmasi bo'lib, bu rangning shaffofligini belgilaydi. RGBA rang qiymati quyidagicha belgilanadi: </div> <style type="text/css"> </style> <div id="page11-div" > rgba (red, green, blue) Alfa parametr - bu 0.0 (to'liq shaffof) va 1.0 (umuman shaffof emas) orasidagi raqam: Quyidagi RGBA qiymatlarini aralashtirish orqali tajriba keltirilgan: Misol uchun. </div> <style type="text/css"> </style> <div id="page12-div" >  3. YII2 фреймворк структураси. kirish skriptlari : bu PHP skriptlar bo'lib, ularga oxirgi foydalanuvchilar to'g'ridan-to'g'ri kirishlari mumkin. Ular so'rovlarni ko'rib chiqish tsiklini boshlash uchun javobgardir.  ilovalar : ular ilova tarkibiy qismlarini boshqaradigan va so'rovlarni bajarish uchun ularni muvofiqlashtiradigan global darajadagi ob'ektlardir.  ilova komponentlari : ular ilovalar bilan ro'yxatdan o'tgan va so'rovlarni bajarish uchun turli xil xizmatlarni taqdim etadigan ob'ektlardir.  modullar : ular o'z-o'zidan to'liq MVCni o'z ichiga olgan o'z-o'zidan ishlab chiqarilgan paketlar. Ilovani bir nechta modullar nuqtai nazaridan tashkil qilish mumkin.  filtrlar : ular nazoratchilar tomonidan har bir so'rovni ko'rib chiqishdan oldin va keyin bajarilishi kerak bo'lgan kodni anglatadi.  widgets : ular ko'milgan bo'lishi mumkin ob'ektlar bor fikr . Ular kontroller mantig'ini o'z ichiga olishi mumkin va turli xil ko'rinishlarda qayta ishlatilishi mumkin. </div> <style type="text/css"> </style> <div id="page13-div" > Quyidagi diagrammada dasturning statik tuzilishi ko'rsatilgan: </div> <style type="text/css"> </style> <div id="page14-div" > </div> <style type="text/css"> </style> <div id="page15-div" > </div> </body></body></h>

Download 0,97 Mb.

Do'stlaringiz bilan baham: