sayt dizayni bilan ishlash

PPT 6,0 МБ Бесплатная загрузка

Предварительный просмотр (5 стр.)

Прокрутите вниз 👇
1
1690544066.ppt слайд 1 sayt dizayni bilan ishlash * * режа: css kodlar veb sahifa a {text-decoration:none; } css. пример селекторы * css – 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. bu stillarga oid dasturlash tilini o’rganish sodda bo’lib, yangi stillar qo’shilishi natijasida kengayib bormoqda. web sahifada ishlatiladigan css kodlari orqali hosil qilinadigan stillarni hammasini …
2
uldan 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 tegi orqali css faylni import qilish mumkin bo’ladi. @import: url(mystyles.css); клиентская часть * сервер клиент css html верстка, структура оформление форматирование интерактивность, «общение» с сервером javascript на данном слайде показать, какое место занимают клиентские технологии в веб-программировании css * таблицы стилей css css. пример * синтаксис * синтаксис * пример.шрифт * h1 { font-family: georgia, serif; } один из наиболее эффективных способов улучшить дизайн веб-сайта – изменить его шрифт. в css шрифт задается с помощью свойства font-family в данном примере новый шрифт georgia устанавливается для селектора h1. также сразу устанавливается дополнительный (запасной шрифт serif, если georgia не будет успешно работать на компьютере пользователя. можно включать и более одного дополнительного значения для шрифта. пример. размер * h1 { font-size: …
3
фикатор {color:red}). селекторы идентификаторов * селекторы классов * данный вид селекторов позволяет выбирать для оформления не единственный элемент, а группу элементов. с помощью атрибута class можно задать, что элемент относится к группе ( текст ). для того, чтобы затем оформить эту группу необходимо в таблицах стилей обратится к имени группы добавив перед ней символ "." (.имя_группы {color:red}). селекторы классов * селекторы атрибутов * селекторы атрибутов * комбинирование селекторов * для более точного выбора элементов в css может использоваться комбинирование селекторов. например, вы можете комбинировать селекторы тэгов с селекторами class: комбинирование селекторов * для более точного выбора элементов в css может использоваться комбинирование селекторов. например, вы можете комбинировать селекторы тэгов с селекторами class: группировка селекторов * для более точного выбора элементов в css может использоваться комбинирование селекторов. например, вы можете комбинировать селекторы тэгов с селекторами class: конфликт селекторов? * html: привет, мир css: div { font-size: 11pt; font-weight: bold; } #hello_id …
4
ширины тегов. поэтому указывать строку doctype следует осознанно. но поскольку мы с вами только начали изучение языка html, намостается лишь выбрать doctype последней версии html и учиться верстать для данной версии. если вы не укажете строку doctype или сделаете это неверно, различные браузеры будут вести себя по-разному. браузер opera будет считать, что вы верстаете в самой новой версии html, а браузеры internet explorer и mozilla, наоборот, — что для самой старой версии. соответственно, ваша веб-страница будет по-разному выглядеть в разных браузерах, что категорически недопустимо. если ваша html-страница должна работать в кодировке utf-8, то и html-документ нужно сохранить в этой кодировке. для этого в блокноте выберите пункт меню файлсохранить как и в раскрывающемся списке кодировка диалога сохранить как укажите пункт utf-8. псевдоклассы и псевдоэлементы * :active :link :focus :hover :visited :first-child :lang :after :before :first-letter :first-line селектор : псевдокласс селектор : псевдоэлемент каждый html-документ должен начинаться со строки doctype. она говорит …
5
на работать в кодировке utf-8, то и html-документ нужно сохранить в этой кодировке. для этого в блокноте выберите пункт меню файлсохранить как и в раскрывающемся списке кодировка диалога сохранить как укажите пункт utf-8. текст. цвет * p {color:green;} p {color:rgb(0,255,0);} p {color:#00ff00;} color текст. выравнивание * p.ta1 {text-align:center;} (по центру) p.ta2 {text-align:left;} (слева) p.ta3 {text-align:right;} (справа) p.ta4 {text-align:justify;} (по ширине) text-align каждый html-документ должен начинаться со строки doctype. она говорит браузеру, какую версию html вы планируете использовать при создании html-страницы. подготавливаем шаблон 18 глава 1. htmlэто очень важный момент, поскольку строка doctype влияет на большое количество мелочей: от поведения различных тегов до размера границ, расстояния по умолчанию, высоты и ширины тегов. поэтому указывать строку doctype следует осознанно. но поскольку мы с вами только начали изучение языка html, намостается лишь выбрать doctype последней версии html и учиться верстать для данной версии. если вы не укажете строку doctype или сделаете это неверно, …

Хотите читать дальше?

Скачайте полный файл бесплатно через Telegram.

Скачать полный файл

О "sayt dizayni bilan ishlash"

1690544066.ppt слайд 1 sayt dizayni bilan ishlash * * режа: css kodlar veb sahifa a {text-decoration:none; } css. пример селекторы * css – 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 inte...

Формат PPT, 6,0 МБ. Чтобы скачать "sayt dizayni bilan ishlash", нажмите кнопку Telegram слева.

Теги: sayt dizayni bilan ishlash PPT Бесплатная загрузка Telegram