Кафедра информационных систем
жүктеу/скачать 2,23 Mb.
|
Бейсенкалиев Б.Б
- Бұл бет үшін навигация:
- Задание/вариант № 2 Тема*
- Преподаватель
- I. Cоздание статического html-документа
|
Кафедра информационных систем Рейтинговая работа расчетно-аналитическое задание по дисциплине Интернет-программирование Задание/вариант № 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. таблицу (границы, фон). При этом необходимо использовать определение стилей для тегов и классы стилей, псевдоклассы. Используйте три способа определения каскадных таблиц стилей: с помощью тега ; с помощью тега |