TheSlide.ru

Использование стилей при создании сайта

Содержание

1. Использование стилей при создании сайта
2. Использование стилей при создании сайта Подключение к
3. Метод связывания Link - Внешние таблицы стилей
4. Импорт CSS (IE)В глобальную таблицу стилей: @import
5. Типы носителейall aural braille handheld print projection screen tv
6. Media screen and print в коде@media screen
7. Media screen and print в браузере
8. Добавление связанных таблиц по Media
9. Лабораторная работаИспользование стилей
10. Свойства курсораcursor: autocrosshair default pointer movetextwaite-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize url("изображение")
11. Практика: как выровнять колонку по центру?
12. Практика: верстаем стилямиБаннеры(130px)СодержаниеМеню(140px)Заголовок(640px)Логотип
13. ИтогиСтили могут автоматически переопределяться при использовании дизайна
14. Скачать презентанцию

Использование стилей при создании сайта Подключение к страницам сайта путем импорта Разработка стилевого дизайна с учетом модели представления информации (media type) Использование программы TopStyle для редактирования стилейПриемы макетирования web-страницы с использованием

Главная
Разное
Использование стилей при создании сайта

Слайды и текст этой презентации

Слайд 1Использование стилей при создании сайта

Использование стилей при создании сайта

Слайд 2Использование стилей при создании сайта
Подключение к страницам сайта путем

импорта
Разработка стилевого дизайна с учетом модели представления информации (media

type)
Использование программы TopStyle для редактирования стилей
Приемы макетирования web-страницы с использованием стилей

Использование стилей при создании сайта Подключение к страницам сайта путем импорта Разработка стилевого дизайна с учетом модели

Слайд 3Метод связывания Link - Внешние таблицы стилей

Метод связывания Link - Внешние таблицы стилей

Слайд 4Импорт CSS (IE)
В глобальную таблицу стилей:
@import url("/style/header.css"); H1 { font-size:

120%;}

В таблицу связанных стилей:
@import "/style/print.css" print; @import "/style/palm.css" handheld;
H1

{ font-size: 120%;}

@import url("имя файла") типы носителей;
@import "имя файла" типы носителей;

Импорт CSS (IE)В глобальную таблицу стилей: @import url(

Слайд 5Типы носителей
all
aural
braille
handheld
print
projection
screen
tv

Типы носителейall aural braille handheld print projection screen tv

Слайд 6Media screen and print в коде
@media screen {
BODY {color:

navy}
H1 { border: 2px dashed maroon; color: sienna;

padding: 7px } }
@media print {
BODY, H1 {color: black}
}

Media screen and print в коде@media screen { BODY {color: navy} H1 { border: 2px

Слайд 7Media screen and print в браузере

Media screen and print в браузере

Слайд 8Добавление связанных таблиц по Media

rel="stylesheet" href="/main.css" type="text/css">

Добавление связанных таблиц по Media

Слайд 9Лабораторная работа
Использование стилей

Лабораторная работаИспользование стилей

Слайд 10Свойства курсора
cursor: auto
crosshair
default
pointer
move
text
wait
e-resize, ne-resize, nw-resize, n-resize, se-resize,

sw-resize, s-resize, w-resize
url("изображение")

Свойства курсораcursor: autocrosshair default pointer movetextwaite-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize url(

Слайд 11Практика: как выровнять колонку по центру?

Практика: как выровнять колонку по центру?

Слайд 12Практика: верстаем стилями

Баннеры
(130px)

Содержание

Меню
(140px)

Заголовок(640px)
Логотип

Практика: верстаем стилямиБаннеры(130px)СодержаниеМеню(140px)Заголовок(640px)Логотип

Слайд 13Итоги
Стили могут автоматически переопределяться при использовании дизайна с учетом модели

представления информации (media type)
Некоторые стили поддерживаются только один конкретным

браузером
С помощью стилей достигается легкость в манипулировании HTML элементов при макетировании HTML документа

ИтогиСтили могут автоматически переопределяться при использовании дизайна с учетом модели представления информации (media type) Некоторые стили поддерживаются

Скачать презентацию

Обратная связь

Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть

Что такое TheSlide.ru?

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно хранить и делиться своими презентациями с другими пользователями.

Для правообладателей