Задание 3.2

1. Создать в вашем каталоге подкаталог с названием CSS2.

2. Скопировать в данный каталог страницы из каталога CSS1.

3. В каталоге CSS2 создать файл «*.css», где знак «*» – произвольное имя файла.

4. Создать в этом файле соответствующую внешнюю каскадную таблицу стилей.

5. Переработать страницы сайта, используя внешнюю каскадную таблицу стилей.

Задание цвета в css

По некоторым оценкам человек может различать до двух миллионов цветовых оттенков. Экраны мониторов способны отображать только три основных цвета – красный (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.3

1. Выполнить цветовое оформление страниц сайта при помощи CSS, пятью разными способами.

4. Формы html

На рис 1.1. показана схема взаимодействия Web-обозревателя и Web-сервера. Из рисунка видно, что обозреватель отправляет на сервер только URL – адрес Web-страницы. Эта схема взаимодействия вполне достаточна для доступа к страницам, состоящим только из текста, рисунков и гиперссылок.

Однако бывают ситуации, когда требуются дополнительные возможности для ввода данных со стороны обозревателя, и этот ввод нельзя обеспечить при помощи одних только гиперссылок. В таких случаях проблему могут разрешить, так называемые формы HTML. Формы предоставляют в распоряжение пользователя различные элементы управления: текстовые поля, флажки, переключатели, кнопки и другие элементы. Пользователь может ввести данные в текстовые поля, установить определенным образом флажки, переключатели и щелкнуть на кнопке Submit (отправить). В результате все данные, введенные таким образом пользователем, будут отправлены на 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>