ДЗ КМ-2: КМ-2. Основы каскадных таблиц стилей - CSS. Спецсимволы в HTML. Вариант туристическая фирма

Задание на Письменную работу № 2:

С помощью конструкций (кода) CSS разработать файл, позволяющий менять внешний вид html-страницы, разработанной вами в Письменной работе № 1.

Требования к разрабатываемому файлу CSS:

1. CSS-файл должен быть внешним по отношению к HTML-файлу. Очевидно, придется внести соответствующие дополнения в HTML-файл работы № 1.

2. Конструкции CSS-файла должны предусматривать возможность изменения РАЗМЕРА и ЦВЕТА фонтов (семейство фонтов - на ваше усмотрение) ВСЕХ надписей HTML-страницы, а также ВСЕХ полей ввода и выбора (text, select, data и т.п. ) в форме HTML-страницы. Это значит, что при проверке работы должна иметься возможность менять только размеры фонтов и цвет без вставки дополнительного кода в CCS-файл.

3. Конструкции CSS-файла должны предусматривать возможность изменения внешнего вида (скругленные или прямоугольные углы) самой таблицы, ВСЕХ отдельных ее ячеек, полей ввода (text, data и т.п. ) и выбора select в форме HTML-страницы.

4. Необходимо предусмотреть возможность изменения цвета фона КАЖДОЙ ячейки таблицы с применением градиента (направление градиента цвета и сами цвета - на ваше усмотрение).

5. CSS-файл должен содержать достаточно подробные комментарии, позволяющие однозначно понимать какой код в CSS файле в каком месте связан с HTML-файлом.

6. Нельзя применять единый стиль ко всей таблице сразу.

7. Можно применять единый стиль CSS для отдельной ячейки таблицы (или для каждого ее элемента - подписи и вид полей ввода и выбора, тест в поле ввода и т.п.).

8. Допустимо использование дополнительных (не указанных выше) конструкций CSS для 'улучшения' внешнего вида html-страницы.

9. После выполнения задания, архивируются два файла .html и .css (в формате zip или arj) и загружаются в Прометей.

ПРИМЕЧАНИЕ:

1.Не загружайте в Прометей архивы в формате .7z По каким-то причинам, при скачивании таких файлов, в Прометее возникает ошибка.

Далее, для наглядности, приведен пример (делать его не надо, у вас другая форма) внешнего вида html-формы. Что-то подобное должно получиться и у вас.