🗊Презентация Верстка web-страниц. Задание цвета, единицы измерения

Нажмите для полного просмотра!
Верстка web-страниц. Задание цвета, единицы измерения, слайд №1Верстка web-страниц. Задание цвета, единицы измерения, слайд №2Верстка web-страниц. Задание цвета, единицы измерения, слайд №3Верстка web-страниц. Задание цвета, единицы измерения, слайд №4Верстка web-страниц. Задание цвета, единицы измерения, слайд №5Верстка web-страниц. Задание цвета, единицы измерения, слайд №6Верстка web-страниц. Задание цвета, единицы измерения, слайд №7Верстка web-страниц. Задание цвета, единицы измерения, слайд №8Верстка web-страниц. Задание цвета, единицы измерения, слайд №9Верстка web-страниц. Задание цвета, единицы измерения, слайд №10Верстка web-страниц. Задание цвета, единицы измерения, слайд №11Верстка web-страниц. Задание цвета, единицы измерения, слайд №12Верстка web-страниц. Задание цвета, единицы измерения, слайд №13Верстка web-страниц. Задание цвета, единицы измерения, слайд №14Верстка web-страниц. Задание цвета, единицы измерения, слайд №15Верстка web-страниц. Задание цвета, единицы измерения, слайд №16Верстка web-страниц. Задание цвета, единицы измерения, слайд №17Верстка web-страниц. Задание цвета, единицы измерения, слайд №18Верстка web-страниц. Задание цвета, единицы измерения, слайд №19Верстка web-страниц. Задание цвета, единицы измерения, слайд №20Верстка web-страниц. Задание цвета, единицы измерения, слайд №21Верстка web-страниц. Задание цвета, единицы измерения, слайд №22Верстка web-страниц. Задание цвета, единицы измерения, слайд №23Верстка web-страниц. Задание цвета, единицы измерения, слайд №24Верстка web-страниц. Задание цвета, единицы измерения, слайд №25Верстка web-страниц. Задание цвета, единицы измерения, слайд №26Верстка web-страниц. Задание цвета, единицы измерения, слайд №27Верстка web-страниц. Задание цвета, единицы измерения, слайд №28Верстка web-страниц. Задание цвета, единицы измерения, слайд №29Верстка web-страниц. Задание цвета, единицы измерения, слайд №30Верстка web-страниц. Задание цвета, единицы измерения, слайд №31Верстка web-страниц. Задание цвета, единицы измерения, слайд №32Верстка web-страниц. Задание цвета, единицы измерения, слайд №33Верстка web-страниц. Задание цвета, единицы измерения, слайд №34

Вы можете ознакомиться и скачать презентацию на тему Верстка web-страниц. Задание цвета, единицы измерения. Доклад-сообщение содержит 34 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

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


Слайд 1





Верстка web-страниц
Описание слайда:
Верстка web-страниц

Слайд 2





Содержание
Способы задания цвета
Модель RGB
Задание цветовых параметров для отдельных элементов
Единицы измерения
Описание слайда:
Содержание Способы задания цвета Модель RGB Задание цветовых параметров для отдельных элементов Единицы измерения

Слайд 3





Задание цвета
Описание слайда:
Задание цвета

Слайд 4





Задание цвета
Описание слайда:
Задание цвета

Слайд 5





Задание цвета
Описание слайда:
Задание цвета

Слайд 6





Задание цвета
Описание слайда:
Задание цвета

Слайд 7





Задание цвета
Описание слайда:
Задание цвета

Слайд 8





Задание цвета
Описание слайда:
Задание цвета

Слайд 9





Задание цвета
Описание слайда:
Задание цвета

Слайд 10





Задание цвета
Описание слайда:
Задание цвета

Слайд 11





Задание цвета
Описание слайда:
Задание цвета

Слайд 12





Задание цвета
Описание слайда:
Задание цвета

Слайд 13





Задание цвета
Описание слайда:
Задание цвета

Слайд 14





Задание цвета
Описание слайда:
Задание цвета

Слайд 15





Задание цвета
Описание слайда:
Задание цвета

Слайд 16





RGB
RGB - (аббревиатура английских слов Red, Green, Blue — красный, зелёный, синий) — аддитивная цветовая модель, как правило, описывающая способ синтеза цвета для цветовоспроизведения.
Отношение между соотношением смешиваемых цветов (красного, зеленого, синего) выражается в шаблоне:
#****** 
- где первые две ** принимают значения от 0 до f (по 16-ричному коду) и являются показателем красной составляющей; 
- вторые две ** - синяя составляющая
- последние две ** - зеленая составляющая.
Описание слайда:
RGB RGB - (аббревиатура английских слов Red, Green, Blue — красный, зелёный, синий) — аддитивная цветовая модель, как правило, описывающая способ синтеза цвета для цветовоспроизведения. Отношение между соотношением смешиваемых цветов (красного, зеленого, синего) выражается в шаблоне: #****** - где первые две ** принимают значения от 0 до f (по 16-ричному коду) и являются показателем красной составляющей; - вторые две ** - синяя составляющая - последние две ** - зеленая составляющая.

Слайд 17





Примеры RGB
Описание слайда:
Примеры RGB

Слайд 18





RGB
Описание слайда:
RGB

Слайд 19





Задание фона
Задание цвета фона страницы через стили
body
{
background-color:#2b93a6;	 - задает цвет фона
}
Может использоваться совместно с изображением: если изображение меньше нужной области, то часть блока, не закрытая изображением, будет закрашиваться указанным цветом.
Описание слайда:
Задание фона Задание цвета фона страницы через стили body { background-color:#2b93a6; - задает цвет фона } Может использоваться совместно с изображением: если изображение меньше нужной области, то часть блока, не закрытая изображением, будет закрашиваться указанным цветом.

Слайд 20





Задание фона
Фон страницы через изображение (с помощью стилей)
body
{
background-image:url(“image.png”);	- какое изображение 							использовать
background-repeat:no-repeat;		- не повторять 	изображение 						несколько раз
background-color:#e5e5e5;		- цвет фона (где нет 							изображения)
background-position:left top;		- ориентировать положение 						изображения слева сверху
}
Описание слайда:
Задание фона Фон страницы через изображение (с помощью стилей) body { background-image:url(“image.png”); - какое изображение использовать background-repeat:no-repeat; - не повторять изображение несколько раз background-color:#e5e5e5; - цвет фона (где нет изображения) background-position:left top; - ориентировать положение изображения слева сверху }

Слайд 21





Типы адресов
Путь к файлу используемой картинки задается через функцию url; ее параметры:
“img_1.jpg” (html-файл и изображение лежат в одной папке)
“images/img_1.jpg” (изображение лежит в отдельной папке, которая хранится на одном уровне с  html-файлом )
“../images/img_1.jpg” (отдельная папка лежит на уровень выше html-файла)
Описание слайда:
Типы адресов Путь к файлу используемой картинки задается через функцию url; ее параметры: “img_1.jpg” (html-файл и изображение лежат в одной папке) “images/img_1.jpg” (изображение лежит в отдельной папке, которая хранится на одном уровне с html-файлом ) “../images/img_1.jpg” (отдельная папка лежит на уровень выше html-файла)

Слайд 22





Цвет текста
При задании через стили:
у всех параграфов на странице шрифт будет указанного цвета
p
{
color:#515151;
}
Описание слайда:
Цвет текста При задании через стили: у всех параграфов на странице шрифт будет указанного цвета p { color:#515151; }

Слайд 23





Цвет  ссылки
Описание через стили.
У всех ссылок на странице будет указанный цвет, имеющий в модели RGB код #515151:
a
{
color:#515151;
}
Описание слайда:
Цвет ссылки Описание через стили. У всех ссылок на странице будет указанный цвет, имеющий в модели RGB код #515151: a { color:#515151; }

Слайд 24





Цвет  ссылки
Описание слайда:
Цвет ссылки

Слайд 25





Например
Описание слайда:
Например

Слайд 26





Единицы измерения
Описание слайда:
Единицы измерения

Слайд 27





Единицы измерения
Описание слайда:
Единицы измерения

Слайд 28





Единицы измерения
Описание слайда:
Единицы измерения

Слайд 29





Единицы измерения
Описание слайда:
Единицы измерения

Слайд 30





Единицы измерения
Описание слайда:
Единицы измерения

Слайд 31





Единицы измерения
Описание слайда:
Единицы измерения

Слайд 32





Единицы измерения
Описание слайда:
Единицы измерения

Слайд 33





Примеры
Описание слайда:
Примеры

Слайд 34





Спасибо за внимание
Описание слайда:
Спасибо за внимание



Похожие презентации
Mypresentation.ru
Загрузить презентацию