- •Введение
- •1. Элементы языка html
- •Теги форматирования текста
- •Гиперссылки
- •Встраивание графических изображений
- •Создание таблиц
- •2. Каскадные таблицы стилей
- •Селекторы элементов
- •Селекторы классов
- •Селекторы идентификаторов
- •Единицы измерения, принятые в каскадных таблицах стилей
- •Внешние каскадные таблицы стилей
- •Задание цвета в каскадных таблицах стилей
- •3. Формы
- •Элементы управления формы
- •4. Разработка Web-сайта электронного магазина Планирование сайта
- •Задачи и информационное содержание сайта
- •Макеты страниц
- •Макет страницы можно выполнить с помощью обычного текстового редактора. На рис. 4.4 представлен результат такой работы.
- •Логическая структура сайта
- •Обозреватель преобразует данный html-код к следующему виду:
- •Для формирования стиля заголовка страницы воспользуемся селектором класса:
- •Для формирования стиля нижней части страницы воспользуемся селектором класса:
- •Заключение
- •Список литературы
Задание цвета в каскадных таблицах стилей
По некоторым оценкам человек может различать до двух миллионов цветовых оттенков. Экраны мониторов способны отображать только три основных цвета – красный (Red), зеленый (Green) и синий (Blue). Однако сочетание этих трех основных цветов (RGB) с различными интенсивностями, позволяют получить любой цвет, который может воспринять человеческий глаз. Количество оттенков, которое способен воспроизвести экран монитора, зависит от количества градаций интенсивности, определенных для каждого из основных цветов. Например, 8-битовое кодирование основных цветов дает 256 возможных степеней интенсивности для каждого цвета в отдельности и 256*256*256 = 16777216 для цветовой палитры в целом. В этом случае говорят о 24-битной системе цветовоспроизведения.
При задании цвета в CSS имеется пять различных возможностей:
цвет указывается по имени, например
{color: blue;}
указывается 12-битное значение цвета тремя одноразрядными шестнадцатеричными числами, определяющими интенсивность красного, зеленого и синего цветов, перед которыми ставится знак фунта (#), например,
{color: #F9A;}
указывается 24-битное значение цвета тремя двухразрядными шестнадцатеричными числами, определяющими интенсивность красного, зеленого и синего цветов, перед которыми ставится знак фунта (#), например,
{color: #00DD00;}
используется десятичное обозначение интенсивности каждого цвета (0-255) и ключевое слово rgb, например,
{color: rgb(0, 255, 0);}
используется процентное соотношение интенсивности каждого цвета (0% - 100%) и ключевое слово rgb, например,
{color: rgb(0%, 100%, 0%);}
3. Формы
Часто возникают ситуации, когда требуются дополнительные возможности для ввода данных со стороны обозревателя, и этот ввод нельзя обеспечить при помощи одних только гиперссылок. В таких случаях проблему могут разрешить, так называемые формы HTML. Формы предоставляют в распоряжение пользователя различные элементы управления: текстовые поля, флажки, переключатели, кнопки и другие элементы. Пользователь может ввести данные в текстовые поля, установить определенным образом флажки, переключатели и щелкнуть на кнопке типа «Отправить». В результате все данные, введенные таким образом пользователем, будут отправлены на Web-сервер. При этом предполагается, что на сервере имеются специальные программы, способные генерировать Web-страницы, содержание которых зависит от введенных данных. Таким образом, формы позволяют обеспечить диалог между посетителем сайта и сервером.
Важно отметить, что каждый элемент формы имеет имя и значение. Имя идентифицирует элемент. Значение элемента вводится пользователем.
Для отправления введенных данных обычно используется кнопка Submit. Но эту функцию может выполнять и графическое поле формы.
Для создания формы в HTML-документе используется пара тегов <form> ...</form>, между которыми помещаются все теги элементов управления. Основным атрибутом формы является атрибут action. С помощью него задается адрес URL, по которому запускается программа на Web-севере. Другой атрибут metod определяет способ отправки данных. Атрибут metod может принимать значения get и post. Метод get добавляет введенные пользователем данные к строке URL. Метод post формирует для отправки блок данных.
Предположим, что используется метод post и данные, введенные с помощью формы, должны быть отправлены по адресу http://www.mysite.ru/one.asp. Здесь www.mysite.ru - доменное имя компьютера, а one.asp имя программы, предназначенной для формирования Web-страницы в соответствии с полученными сервером данными. Тогда в HTML-документе форма должна получить следующее описание:
<form action=”http://www.mysite.ru/one.asp” metod=”post”>
. . . . . . . .
</form>