Расчетно-аналитическое задание по созданию статического html-документа и использованию каскадных таблиц стилей CSS

Расчетно-аналитическое задание состоит из двух этапов:

создание статического html-документа

использование каскадных таблиц стилей CSS

Задание №1.

Создайте html-документ в виде страницы календаря для месяца, указанного в варианте в соответствии с вашей фамилией. Год использовать текущий. Календарь создается в виде таблицы с прозрачными (белыми) границами.

Добавьте на страницу стихотворение, не менее чем из трёх четверостиший, и тематическое изображение. Стихотворение и изображение должны соответствовать месяцу и не должны повторять те, что указанны в примере.

На странице должен быть размещен двухуровневый список:

- первый уровень обозначается маркерами и перечисляет времена года

- второй уровень обозначается чек-боксами и перечисляет месяцы, начиная с месяца, указанного в варианте.

При создании html-документа в разметке должны быть использованы:

1) тег для определения метаданных ;

2) тег комментария;

теги форматирования текста:

3)

- абзац,

4)
- новая строка,

5) - блок контента,

6) - выделение участка текста для задания отдельного стиля,

7) - горизонтальная линия,

8)  - заголовки соответствующих уровней (не менее двух),

9) - жирный текст,

10) - текст курсивом,

11) - подчёркнутый текст,

12) - нижний индекс,

13) - верхний индекс,

14) - предварительно отформатированный текст,

15) - моноширинный текст,

16) - вставка изображения,

17) - вставка гиперссылки,

Разметить ссылки:

19) на другой документ (в качестве документа использовать html страницу из второго задания)

20) в пределах размечаемого документа,

21) на email (любой);

С помощью параметров тега изменить (используя цвета из web-безопасной (гарантированной) палитры):

22) цвет фона документа,

23) цвет текста,

24) цвета непосещенных ссылок документа,

25) цвета посещенных ссылок документа.

Задание №2. Каскадные таблицы стилей CSS

1) Создайте новый html-документ на основе полученного в результате выполнения задания №1. Измените в нем рисунок на изображение, созданное с помощью каскадных таблиц стилей в соответствии со своим вариантом. Изображение должно быть создано только с помощью CSS.

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

2) Измените с помощью таблиц стилей следующие параметры документа из задания 1:

1. текст стихотворения (шрифт, размер, цвет, поля, обрамление);

2. гиперссылки (цвет непосещённых и посещённых ссылок);

3. документ (фон);

4. список (маркеры или нумерацию);

5. таблицу (границы, фон).

При этом необходимо использовать определение стилей для тегов и классы стилей, псевдоклассы.

Используйте три способа определения каскадных таблиц стилей:

 с помощью тега ;

 с помощью тега ;

 с помощью параметра style тега.

Продемонстрируйте действие приоритетов при применении различных способов определения CSS.