Рейтинговая работа Web-программирование МУИВ (им Витте) 7 вариант "П"-"Р"

Рейтинговая работа Web-программирование МУИВ (им Витте) 7 вариант "П"-"Р"

Расчетно-аналитическое задание – самостоятельная работа, требующая от обучающегося умений применять полученные в ходе изучения дисциплины «Web-программирование» знания и навыки при решении задач на практическое использование html и CSS. Выполнение расчетно-аналитического задания ориентировано на развитие навыков разработки web-страниц, практического использования возможностей CSS при разработке web-сайтов.

Рейтинговая работа в виде расчетно-аналитического задания состоит из двух заданий:

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

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

Решение задач расчетно-аналитического задания рассчитано на обретение навыков правильного применения HTML и CSS в конкретных условиях, формирование профессиональной компетенции ПК-8.

Задания выполняются по вариантам в соответствии с первой буквой фамилии.

Задание №1. Статический html-документ

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

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

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

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

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

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

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

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