Цель работы: научиться правильно подбирать цвета в палитру сайта.
Оборудование: ПК с предустановленной ОS WINDOWS
Задание: "Создать цветовую палитру для сайта"
Ход работы
1. Входной контроль:
§ Что такое код цвета? Как понять RGB кодировку?
2. Выполнение работы:
· Получить индивидуальную схему для дальнейшей тонкой настройки
· С помощью любого графического редактора подобрать группу цветов для:
1 Текста
2 Фона
3 Выделенных объектов
4 Использованных переходов
· Для проверки использовать текстовый редактор или HTML заготовку
Вывод по работе
4. Дополнительные вопросы
§ Как еще можно задавать цвет в HTML?
§ Можно ли с помощью HTML команды построить простой градиент?
Методические указания и пояснения практической работы 24
Значения Цветов
HTML цвета определяются с помощью шестнадцатеричной нотации (HEX) для сочетания Красного, Зеленого, и Синего компонетов (RGB - Red Green Blue - Красный Зеленый Синий).
Наименьшее значение, которое можно указать для каждой составляющей - это 0 (в HEX-нотации 00). Наибольшее значение - это 255 (в HEX-нотации: FF).
Шестнадцатеричные значения указываются как 3 пары из двух цифр, начиная со знака #.
Значения цветов
|
Пример
|
Безопасные Веб Цвета
Несколько лет назад, когда компьютеры поддерживали максимум 256 различных цветов, список 216 "Безопасных Веб Цветов (Web Safe Colors)" был предложен как Веб стандарт, резервируя 40 фиксированных системных цветов .
Кросс-браузерная 216-ти цветовая палитра была создана, чтобы гарантировать что все компьютеры будут отображать цвета правильно при использовании 256-цветовой схемы.
Это потеряло актуальность на сегодняшний день, т.к. большинство компьютеров может отображать миллионы различных цветов. В любом случае здесь приведен список 216 "Безопасных Веб Цветов":
| 000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
| 003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
| 006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
| 009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
| 00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
| 00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
| 330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
| 333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
| 336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
| 339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
| 33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
| 33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
| 660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
| 663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
| 666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
| 669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
| 66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
| 66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
| 990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
| 993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
| 996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
| 999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
| 99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
| 99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
| CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
| CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
| CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
| CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
| CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
| CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
| FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
| FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
| FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
| FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
| FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
| FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
Названия Цветов Поддерживаемые Всеми Браузерами
147 названий цветов определны в спецификации HTML и CSS (17 основных цветов + 130 дополнительных). Таблица ниже перечисляет их все вместе с их шестнадцатеричными значениями.
Подсказка: 17 основных цветов это: aqua (цвет морской волны), black (черный), blue (голубой), fuchsia (красноватый или розоватый пурпурный цвет), gray (серый), grey (серый), green (зеленый), lime (светло-зеленый), maroon (густой, насыщенный красно-коричневый или коричнево-малиновый цвет), navy (очень темный оттенок голубого), olive (оливковый), purple (пурпурный), red (красный), silver (серебряный), teal (зеленовато-голубой), white (белый), и yellow (желтый).
Практическая работа №25
Тема: HTML. Основные HTML теги.
Цель работы: научиться создавать страницы формата HTML.
Оборудование: ПК с предустановленной ОS WINDOWS
Задание: "Создать заготовку для сайта"
Ход работы
1. Входной контроль:
§ Что такое Теги? Как правильно скомпоновать основные теги?
2. Выполнение работы:
· Получить индивидуальное задание для исполнения
· С помощью любого текстового редактора создать:
1 Пару страниц с различным контентом (списками, картинками, текстом)
2 Перелинковать эти страницы в подобие сайта
3 Используя выверенную палитру из ПР№24 раскрасить заготовку сайта
· Для проверки изменений использовать текстовый редактор или HTML заготовку
Вывод по работе
4. Дополнительные вопросы
§ Как задать нумерованный список? А многоуровневый?
§ Как добавить таблицу на форму?
Дата: 2019-03-05, просмотров: 222.
