Sayt dizayni bilan ishlash

Информация о документе

Цена	3000UZS
Размер	5.0MB
Покупки	0
Дата загрузки	28 Июль 2023
Расширение	ppt
Раздел	Презентации
Предмет	Информатика и ИТ

Sayt dizayni bilan ishlash

Купить

• Режа: 1. CSS kodlar veb sahifa 2. A {text-decoration:none; } 3. CSS. Пример 4. Селекторы

3CSS – bu stillar bilan ishlay oladigan kaskadli stillar majmuasidir. Web sahifalarga har xil stillar berish uchun ishlatiladi. HTML xujjat ichida teglar bilan birga foydalaniladi. CSS kodlarini kompilyastiya qilish uchun qandaydir kompillyatorlar, qandaydir dasturlar, va bu kod tushuna oladigan qandaydir redaktorlar kerak bo’lmaydi. Bu kodlarni HTML singari web brauzerning o’zi kompilyastiya qiladi va natijani chiqarib beradi. Bu stillar jadvali(CSS) to’liq holatda 1997 yilda tashkil topib, “WWW Consorcium” ida qo’llab quvvatlangan va foydalanishga taqdim etilgan. O’sha paytlarda HTML ning 3 versiyasi ommabop edi. CSS ni dastlab Netscape Navigator 4.0 va Internet Explorer 4.0 brouzerlarida ko’rish mumkin bo’lgan. Hozirda barcha brouzerlar css da yozilgan kodlarni tushuna oladi. B

1. Web sahifada ishlatiladigan CSS kodlari orqali hosil qilinadigan stillarni hammasini bitta faylga yozib, uni serverda saqlaymiz. So’ng, sahifadan, serverdagi saqlab qo’yilgan faylga murojaat qilib, kerakli stilni olamiz. Bu usul katta hajmdagi web sahifalar yaratishda foydali hisoblanadi. Faylga murojaat, <head> tegi ichida amalga oshiriladi va quyidagi ko’rinishga ega bo’ladi. <LINK REL=STYLESHEET TYPE=»text/css» HREF=»URL»> <link> tegi sahifa biror faylga murojaatni amalga oshirmoqda degani, REL – fayl qandaydir stillardan iborat degani, TYPE — stillar css kodlaridan iborat va fayl joylashgan manzil yoziladi.

52. CSS kodlar veb sahifa ichidagi <head> tegi orasida beriladi. Bunda yaratilgan stillar shu sahifaga tegishli bo’ladi, bu degani faqat shu sahifada ishlatilish mumkindir. <head>< STYLE TYPE=»text/css»> <!— A {text-decoration:none; } — > </—STYLE></head>

63. Navbatdagi turi, bu har bir element uchun alohida teg ichida stil berib chiqishdan iborat. Misol uchun, “p” tegi ichida biror matn yozilsa, shu matn uchun teg ichida alohida stil beriladi va bu stil shu teg uchun xususiy bo’ladi. Bu usuldan foydalanishni maslahat bermiman, chunki bu usul kodlarni chalkash va tushunarsiz bo’lishiga olib keladi. Shoshilinch vaziyatlarda yoki stil qay tartibda namoyon bo’lishni ko’rib olish uchun bu usuldan foydalanishni maslahat beraman. Undan tashqari <style> tegi orqali css faylni import qilish mumkin bo’ladi. @import: url(mystyles.css);

Клиентская часть 7Серве рКлиент CSSHTMLВерстка, структура Оформление форматирова ние Интерактивно сть, «общение» с сервером Javascript

Пример.Шрифт 12h1 { font-family : Georgia , serif ; }

Пример. Размер 13h1 { font-size: 60px; }

Селекторы 14• название тега • класс тега – class (.) • идентификатор тега – id (#) • атрибут тега – [] • * все элементы страницы

$Конфликт селекторов? 26HTML: <div class="hello_class" id="hello_id">Привет, мир</div> CSS: div { font-size: 11pt; font-weight: bold; } #hello_id { font-size: 27pt; text-decoration: underline; } .hello_class { font-size: 14pt; font-style: italic; }$