Оцените презентацию от 1 до 5 баллов!
Тип файла:
ppt / pptx (powerpoint)
Всего слайдов:
34 слайда
Для класса:
1,2,3,4,5,6,7,8,9,10,11
Размер файла:
381.92 kB
Просмотров:
57
Скачиваний:
0
Автор:
неизвестен
Слайды и текст к этой презентации:
№1 слайд![Верстка web-страниц](/documents_6/95f19759878bbd55505035e15d6190d5/img0.jpg)
Содержание слайда: Верстка web-страниц
№2 слайд![Содержание Способы задания](/documents_6/95f19759878bbd55505035e15d6190d5/img1.jpg)
Содержание слайда: Содержание
Способы задания цвета
Модель RGB
Задание цветовых параметров для отдельных элементов
Единицы измерения
№3 слайд![Задание цвета](/documents_6/95f19759878bbd55505035e15d6190d5/img2.jpg)
Содержание слайда: Задание цвета
№4 слайд![Задание цвета](/documents_6/95f19759878bbd55505035e15d6190d5/img3.jpg)
Содержание слайда: Задание цвета
№5 слайд![Задание цвета](/documents_6/95f19759878bbd55505035e15d6190d5/img4.jpg)
Содержание слайда: Задание цвета
№6 слайд![Задание цвета](/documents_6/95f19759878bbd55505035e15d6190d5/img5.jpg)
Содержание слайда: Задание цвета
№7 слайд![Задание цвета](/documents_6/95f19759878bbd55505035e15d6190d5/img6.jpg)
Содержание слайда: Задание цвета
№8 слайд![Задание цвета](/documents_6/95f19759878bbd55505035e15d6190d5/img7.jpg)
Содержание слайда: Задание цвета
№9 слайд![Задание цвета](/documents_6/95f19759878bbd55505035e15d6190d5/img8.jpg)
Содержание слайда: Задание цвета
№10 слайд![Задание цвета](/documents_6/95f19759878bbd55505035e15d6190d5/img9.jpg)
Содержание слайда: Задание цвета
№11 слайд![Задание цвета](/documents_6/95f19759878bbd55505035e15d6190d5/img10.jpg)
Содержание слайда: Задание цвета
№12 слайд![Задание цвета](/documents_6/95f19759878bbd55505035e15d6190d5/img11.jpg)
Содержание слайда: Задание цвета
№13 слайд![Задание цвета](/documents_6/95f19759878bbd55505035e15d6190d5/img12.jpg)
Содержание слайда: Задание цвета
№14 слайд![Задание цвета](/documents_6/95f19759878bbd55505035e15d6190d5/img13.jpg)
Содержание слайда: Задание цвета
№15 слайд![Задание цвета](/documents_6/95f19759878bbd55505035e15d6190d5/img14.jpg)
Содержание слайда: Задание цвета
№16 слайд![RGB RGB - аббревиатура](/documents_6/95f19759878bbd55505035e15d6190d5/img15.jpg)
Содержание слайда: RGB
RGB - (аббревиатура английских слов Red, Green, Blue — красный, зелёный, синий) — аддитивная цветовая модель, как правило, описывающая способ синтеза цвета для цветовоспроизведения.
Отношение между соотношением смешиваемых цветов (красного, зеленого, синего) выражается в шаблоне:
#******
- где первые две ** принимают значения от 0 до f (по 16-ричному коду) и являются показателем красной составляющей;
- вторые две ** - синяя составляющая
- последние две ** - зеленая составляющая.
№17 слайд![Примеры RGB](/documents_6/95f19759878bbd55505035e15d6190d5/img16.jpg)
Содержание слайда: Примеры RGB
№18 слайд![RGB](/documents_6/95f19759878bbd55505035e15d6190d5/img17.jpg)
№19 слайд![Задание фона Задание цвета](/documents_6/95f19759878bbd55505035e15d6190d5/img18.jpg)
Содержание слайда: Задание фона
Задание цвета фона страницы через стили
body
{
background-color:#2b93a6; - задает цвет фона
}
Может использоваться совместно с изображением: если изображение меньше нужной области, то часть блока, не закрытая изображением, будет закрашиваться указанным цветом.
№20 слайд![Задание фона Фон страницы](/documents_6/95f19759878bbd55505035e15d6190d5/img19.jpg)
Содержание слайда: Задание фона
Фон страницы через изображение (с помощью стилей)
body
{
background-image:url(“image.png”); - какое изображение использовать
background-repeat:no-repeat; - не повторять изображение несколько раз
background-color:#e5e5e5; - цвет фона (где нет изображения)
background-position:left top; - ориентировать положение изображения слева сверху
}
№21 слайд![Типы адресов Путь к файлу](/documents_6/95f19759878bbd55505035e15d6190d5/img20.jpg)
Содержание слайда: Типы адресов
Путь к файлу используемой картинки задается через функцию url; ее параметры:
“img_1.jpg” (html-файл и изображение лежат в одной папке)
“images/img_1.jpg” (изображение лежит в отдельной папке, которая хранится на одном уровне с html-файлом )
“../images/img_1.jpg” (отдельная папка лежит на уровень выше html-файла)
№22 слайд![Цвет текста При задании через](/documents_6/95f19759878bbd55505035e15d6190d5/img21.jpg)
Содержание слайда: Цвет текста
При задании через стили:
у всех параграфов на странице шрифт будет указанного цвета
p
{
color:#515151;
}
№23 слайд![Цвет ссылки Описание через](/documents_6/95f19759878bbd55505035e15d6190d5/img22.jpg)
Содержание слайда: Цвет ссылки
Описание через стили.
У всех ссылок на странице будет указанный цвет, имеющий в модели RGB код #515151:
a
{
color:#515151;
}
№24 слайд![Цвет ссылки](/documents_6/95f19759878bbd55505035e15d6190d5/img23.jpg)
Содержание слайда: Цвет ссылки
№25 слайд![Например](/documents_6/95f19759878bbd55505035e15d6190d5/img24.jpg)
Содержание слайда: Например
№26 слайд![Единицы измерения](/documents_6/95f19759878bbd55505035e15d6190d5/img25.jpg)
Содержание слайда: Единицы измерения
№27 слайд![Единицы измерения](/documents_6/95f19759878bbd55505035e15d6190d5/img26.jpg)
Содержание слайда: Единицы измерения
№28 слайд![Единицы измерения](/documents_6/95f19759878bbd55505035e15d6190d5/img27.jpg)
Содержание слайда: Единицы измерения
№29 слайд![Единицы измерения](/documents_6/95f19759878bbd55505035e15d6190d5/img28.jpg)
Содержание слайда: Единицы измерения
№30 слайд![Единицы измерения](/documents_6/95f19759878bbd55505035e15d6190d5/img29.jpg)
Содержание слайда: Единицы измерения
№31 слайд![Единицы измерения](/documents_6/95f19759878bbd55505035e15d6190d5/img30.jpg)
Содержание слайда: Единицы измерения
№32 слайд![Единицы измерения](/documents_6/95f19759878bbd55505035e15d6190d5/img31.jpg)
Содержание слайда: Единицы измерения
№33 слайд![Примеры](/documents_6/95f19759878bbd55505035e15d6190d5/img32.jpg)
Содержание слайда: Примеры
№34 слайд![Спасибо за внимание](/documents_6/95f19759878bbd55505035e15d6190d5/img33.jpg)
Содержание слайда: Спасибо за внимание