15-variant havolalar bilan ishlash teglari. Izohlang va misollar keltirin

Muhammad al-Xorazmiy nomidagi Toshkentaxborot texnologiyalari universiteti“Mul`timedia texnologiyalari kafedrasi”

“Web dasturlashga kirish”

15-VARIANT

1. Havolalar bilan ishlash teglari. Izohlang va misollar keltiring.

2. JavaScriptda hujjatning ob'ektli modeli (DOM) ni izohlang. DOMningimkoniyatlari.

3. PHP da COOKIE bilan ishlash. Izohlang va misollar keltiring.

JAVOBLAR:

1. 
   HTMLDA nom
   

Joriy faylning biror qismini ochish uchun yakorlardan foydalaniladi:

n – chi qism

…

n – chi qism

Boshqa bir faylning qismini ochish uchun:

kitob.html faylining n-qismi

Internet adresini ochish:

Sahifaga kirish

Electron pochta:

nom

Havolalar css propertilari bilan o'zgartirilishi mumkin(masalan font-family, background va boshqalar bilan)

Namuna:

a {

color: hotpink;

}

Havolalar yana qanday holatda ekanligiga qarab ham turli ravishda o'zgartirilishi mumkin.

Havolalarning 4 ta holati:

a:link - oddiy holat

a:visited - foydalanuvchi tashrif buyurgan holat

a:hover - sichqoncha havolaning ustida turgan holat

a:active - havola bosilgan paytdagi holat

Namuna:

/* oddiy holat*/

a:link {

color: red;

}

/* foydalanuvchi tashrif buyurgan havola */

a:visited {

color: green;

}

/* sichqoncha havolaning ustida turgan holat */

a:hover {

color: hotpink;

}

/* havola bosilgan paytdagi holat */

a:active {

color: blue;

}

Havolarning o'zgarishi quyidagi qoidalarga rioya qilishi shart:

a:hover a:link va a:visited dan keyin kelishi shart

a:active a:hover dan keyin kelishi shart

Matnni o'zgartirish

text-decoration propertisi asosan havolalarning tagidagi chiziqni olib tashlash uchun ishlatiladi

Namuna:

a:link {

text-decoration: none;

}

a:visited {

text-decoration: none;

}

a:hover {

text-decoration: underline;

}

a:active {

text-decoration: underline;

}

Fon rangi

background-color propertisi halalarning foni rangini o'zgartirish uchun ishlatiladi:

Namuna:

a:link {

background-color: yellow;

}

a:visited {

background-color: cyan;

}

a:hover {

background-color: lightgreen;

}

a:active {

background-color: hotpink;

}

Havola tugmalari

Quyidagi misolda havola CSS propertilari majmui bilan o'zgartirilib tugma ko'rinishida tasvirlangan:

Namuna:

a:link, a:visited {

background-color: #f44336;

color: white;

padding: 14px 25px;

text-align: center;

text-decoration: none;

display: inline-block;

}

a:hover, a:active {

background-color: red;

}

2. 
   Har bir veb-sahifa brauzer oynasida ob'ekt sifatida ko'rib chiqilishi mumkin.
   

Hujjat ob'ekti o'sha oynada ko'rsatiladigan HTML-hujjatni anglatadi. Hujjat ob'ekti hujjat tarkibiga kirish va o'zgartirishga imkon beradigan boshqa ob'ektlarga murojaat qiladigan turli xil xususiyatlarga ega.

Hujjat tarkibiga kirish va o'zgartirish usuli Document Object Model yoki DOM deb nomlanadi. Ob'ektlar ierarxiyada tashkil etilgan. Ushbu ierarxik struktura veb-hujjatdagi ob'ektlarni tashkil qilish uchun qo'llaniladi.

Oyna ob'ekti - ierarxiyaning yuqori qismi. Bu ob'ekt ierarxiyasining eng so'nggi elementidir.

Hujjat ob'ekti - Oynaga yuklangan har bir HTML hujjat hujjat ob'ekti bo'ladi. Hujjat sahifaning tarkibini o'z ichiga oladi.

Form ob'ekti -

...

teglariga kiritilgan hamma narsa shakl ob'ektini o'rnatadi.

Formani boshqarish elementlari - Forma ob'ekti ushbu ob'ekt uchun belgilangan barcha elementlarni o'z ichiga oladi, masalan, matn maydonlari, tugmalar, radio tugmachalari va katakchalar.

Mana bir nechta muhim ob'ektlarning oddiy ierarxiyasi –

Bir nechta DOM mavjud. Quyidagi bo'limlar ushbu DOMlarning har birini batafsil tushuntiradi va ularni hujjatlar tarkibiga kirish va o'zgartirish uchun qanday foydalanishingiz mumkinligini tavsiflaydi.

Legacy DOM - bu JavaScript tilining dastlabki versiyalarida taqdim etilgan model. Bu barcha brauzerlar tomonidan yaxshi qo'llab-quvvatlanadi, lekin faqat hujjatlar, masalan, shakllar, shakl elementlari va rasmlarning asosiy qismlariga kirishga imkon beradi.

W3C DOM - Ushbu hujjat ob'ekti modeli barcha hujjatlar tarkibiga kirish va o'zgartirishga imkon beradi va Umumjahon Internet Konsortsiumi (W3C) tomonidan standartlashtiriladi. Ushbu model deyarli barcha zamonaviy brauzerlar tomonidan qo'llab-quvvatlanadi.

IE4 DOM - Ushbu hujjat ob'ekti modeli Microsoft Internet Explorer brauzerining 4-versiyasida kiritilgan. IE 5 va undan keyingi versiyalari W3C DOM-ning asosiy funktsiyalarini qo'llab-quvvatlashni o'z ichiga oladi.

DOM muvofiqligi

Agar siz mavjudligiga qarab W3C DOM yoki IE 4 DOM-dan foydalanish uchun moslashuvchanlik bilan skript yozmoqchi bo'lsangiz, unda siz qobiliyat-sinov usulidan foydalanishingiz mumkin, bu avval brauzerda mavjudligini yoki yo'qligini aniqlash uchun usul yoki xususiyat mavjudligini tekshiradi. siz xohlagan qobiliyat. Masalan –

if (document.getElementById) {

// If the W3C method exists, use it

} else if (document.all) {

// If the all[] array exists, use it

} else {

// Otherwise use the legacy DOM

}

3. 
   PHP-da cookie fayllari
   

Salom bolalar, ushbu maqolada biz kukilar bilan qanday ishlashni o'rganamiz; avvalo "cookie" ning ma'nosi nima? "

Cookie bu foydalanuvchini kompyuteri yordamida aniqlash uchun ishlatiladigan ob'ektdir. Cookie-fayllar veb-server tomonidan yaratilgan, ammo mijozda saqlanadigan ma'lumotlarning kichik satridir. Ismlar va qadriyatlarga ega bo'lishdan tashqari, cookie fayllari muddati tugaydi. Cookie fayllari ko'pincha foydalanuvchi ma'lumotlarini kuzatish uchun ishlatiladi.

"Yoki"

Cookie ko'pincha foydalanuvchini aniqlash uchun ishlatiladi. Cookie - bu server foydalanuvchining kompyuteriga joylashtiradigan kichik fayl. Har safar bir xil kompyuter brauzer bilan sahifani talab qilganda, u cookie-faylni ham yuboradi.

Buning uchun siz XAMPP serverini o'rnatishingiz kerak.

Birinchi PHP cookie faylini yaratish

PHP-da birinchi cookie fayllarini yaratish uchun biz setcookie () funktsiyasidan foydalandik. Bu php ichida o'rnatilgan funksiya.

Sintaksis

setkookies (nomi, qiymati, muddati)

Endi biz ushbu dalillarning ma'nosini tushunamiz, nomi, qiymati va muddati haqida tushuntirish quyida keltirilgan:

name: cookie faylingizning nomi. Keyinchalik cookie faylini olish uchun siz ushbu ismdan foydalanasiz, shuning uchun uni unutmang.

qiymati: cookie-faylingizda saqlanadigan qiymat. Umumiy qiymatlar - foydalanuvchi nomi (satr) va oxirgi tashrif (sana).

Muddati: cookie-faylning muddati tugaydi va o'chiriladi. Agar siz ushbu amal qilish muddatini belgilamasangiz, u seans cookie-si sifatida ko'rib chiqiladi va brauzer qayta ishga tushirilganda o'chiriladi.

Ushbu foydalanuvchi uchun cookie fayllarini sozlash uchun PHP skript:

< head>> < title>> PHP cookies info< / title> >

< / head>>

Setting up cookies< / h3> > < hr>>


setcookie('lastVisit', date("G:i - m/d/y"), $oneMonth) < / p> > < br>>

< p> > with in php scripting< hr>>

//Calculate 30 days in the future< br>>

//seconds * minutes * hours * days + current time < br>>

$oneMonth = 60 * 60 * 24 * 30 + time(); < br>>

setcookie('lastVisit', date("G:i - m/d/y"), $oneMonth);< hr>>< /


>


Cookies enabled............




$oneMonth = 60 * 60 * 24 * 30 + time();

setcookie('lastVisit', date("G:i - m/d/y"), $oneMonth);

?> >

< / center>>

< / body>>

< / html>