Css kodlaridan foydalanish 1-usul

13-mavzu: CSS qo`llagan holda web-sayt yaratish


REJA:

1. 
   CSS asoslari. CSS kodlarini HTML hujjatida qo`llash.
   
2. 
   Tashqi css-faylni yaratish.
   
3. 
   Sahifa elementlariga css qo‘llash.
   

Tayanch so’z va iboralar: Nuqtali va vektorli tasvirlar, GIF, JPEG, Rollover, GIF-animatsiya, Image Map, Pointer Hotspot, Color tegi, font tegi, idеntifikatsiya paramеtrlari class va id, shaklli bеzash paramеtri style, tеkislash (tеnglash) parmеtri align, “left, right, center va justify” qiymatlari.
CSS, kaskad stillar jadvali, link, still, selector, klass, identifikator, sinf.
1. CSS asoslari. CSS kodlarini HTML hujjatida qo`llash.


CSS asoslari
CSS(Cascading Style Sheets) - bu turdagi kodlar ham, HTML kabi, web sahifani umumiy ko'rinishini belgilab beruvchi kodlardir. Hozirgi kunda barcha web sahifalar shu kodlar yordamida yaratilgan. Savol tug'iladi, HTML hujjatni umumiy ko'rinishini belgilab bersa,CSS ni nima keragi bor?
Gap shundaki, murakkab dizayni HTML kodlari yordamida yaratish juda qiyin, ko'p xollardaHTML imko'niyati etarli emas. Sababi HTMLda faqat jadval asosida dizayn yaratish mumkin, yana shuni aytish kerakki qattlamlar bilan ishlashga imkon yoq, faqatgina orqa va asosiy plan mavjud.
CSS ham jadvalli dizayn yaratadi, faqat bu ko'dlar asosida yaratilgan jadval o'zgacha. Web sahifani murakab ko'rinishni yaratishga qatlamlar imko'n beradi, CSSda esa ko'plab qatlamlar tashkil etsa bo'ladi, photoshop bilan ishlashni bilganlar, nima xaqida gap bo'rayotganligini tshunishdi.
CSS kodlarini takror va takror kritib o'tirish kerak emas, bitta kodni web saytning barcha sahifalariga qo'llasa bo'ladi, buni biz keyinroq ko'rib chiqamiz. Bu imkoniyat HTMLdan ancha ustunligidir, HTMLda umumiy ko'rinish kodlarini barcha sahifalarga takro'ran yoziladi, CSSda esa yo'q.

Bu bizga nima beradi? Avvalam bo'r sahifalardagi matn(teg matnlari) qisqaradi. Uzundan uzun varoq qisqaradi. Buni farqi sahifa yaratayotganda bilasiz. Xullas CSS haqida gapirsa qap ko'p, bu ko'dlarni xam ko'rib o'rganib chiqing va sayt yaratishning yana bir bo'sqichini o'zlashtirgan bo'lasiz. CSSni o'rganishingiz uchun ko'p vaqt va katta kuch kerak bo'lmaydi,html kabi onson.


CSS kodlarini HTML hujjatda qo`llash
CSS kodlarni HTML hujjatida qo'llashning uchta metod bo'r:

1. 
   CSS kodini HTML hujjatning HTML tegi bilan qo'shib yozish
   
2. 
   CSS kodini HTML hujjatning header - sarlavhada tegni ichida yozish
   
3. 
   CSS kodini alohida faylga yozib, barcha HTML hujjatlarni CSS fayliga bog'lash.
   

Birinchi usulni misolda ko'rib chiqamiz.
Misol №1

>Fon qizil, tekst yashil

Fon qizil

Fon qizil

Rang va fon

fixed

fixed

fixed

fixed

fixed

fixed

fixed

fixed

fixed

fixed

fixed

fixed

fixed

fixed

fixed

fixed

fixed

fixed

fixed

fixed

fixed

fixed

fixed

fixed

fixed

Position