Задание/вариант № 2 Тема* Оформление календаря на месяц
Выполнена обучающимся группы о.ИЗДтс 23.2/Б1-21 Бейсенкалиев Батырхан Ерланович
ПреподавательГригорьев Антон Николаевич
Москва – 2022 г.
Содержание
Введение___________________________________________________3
I. Cоздание статического html-документа________________________5
II. Использование каскадных таблиц стилей CSS__________________8
Вывод______________________________________________________11
Введение Задание №1. Статический html-документ
Создайте 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. таблицу (границы, фон).
При этом необходимо использовать определение стилей для тегов и классы стилей, псевдоклассы.
Используйте три способа определения каскадных таблиц стилей:
с помощью тега ;
с помощью тега