Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


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

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

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

Яндекс.Метрика

Презентация на тему Использование стилей при создании сайта

Использование стилей при создании сайта Подключение к страницам сайта путем импорта Разработка стилевого дизайна с учетом модели представления информации (media type) Использование программы TopStyle для редактирования стилейПриемы макетирования web-страницы с использованием стилей
Использование стилей при создании сайта Использование стилей при создании сайта Подключение к страницам сайта путем импорта Разработка Метод связывания Link - Внешние таблицы стилей Импорт CSS (IE)В глобальную таблицу стилей:	 	@import url( Типы носителейall aural braille handheld print projection screen tv Media screen and print в коде@media screen {  BODY {color: navy} Media screen and print в браузере Добавление связанных таблиц по Media   Лабораторная работаИспользование стилей Свойства курсораcursor: autocrosshair default pointer movetextwaite-resize, ne-resize, nw-resize,  n-resize, se-resize, sw-resize,  s-resize, w-resize url( Практика: как выровнять колонку по центру? Практика: верстаем стилямиБаннеры(130px)СодержаниеМеню(140px)Заголовок(640px)Логотип ИтогиСтили могут автоматически переопределяться при использовании дизайна с учетом модели представления информации
Слайды презентации

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

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

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

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

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

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

type="text/css" href="/style.css" >


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

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

{ font-size: 120%;}

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

handheld;
H1 { font-size: 120%;}

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



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

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


tv


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

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

BODY {color: navy}
H1 { border: 2px dashed

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

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

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

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

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

type="text/css">  


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

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

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

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

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


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

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

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

Баннеры
(130px)

Содержание

Меню
(140px)

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

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

  • Имя файла: ispolzovanie-stiley-pri-sozdanii-sayta.pptx
  • Количество просмотров: 65
  • Количество скачиваний: 0