Основы программированияКонтрольная работаПомощь студентам ВИТТЕ
Рейтинговая работа по дисциплине «Интернет-программирование» посвящена оформлению статической HTML-страницы каскадными таблицами стилей. Исходный документ взят из предыдущего задания — «Создание статического html-документа» — и переоформлен через CSS: настраиваются шрифт, размер, цвет, поля и обрамление текста, цвета посещённых и непосещённых гиперссылок, фон документа, маркеры и нумерация списков, границы и фон таблицы.
Показаны три способа подключения стилей: внешний файл через тег link, блок style в заголовке документа и атрибут style у тега, а также продемонстрировано действие приоритетов при их совместном применении. Используются селекторы по тегу, класс стиля и псевдоклассы для ссылок. Отдельный пункт задания — создание двух слоёв div, частично перекрывающих друг друга.
Работа выполнена по варианту 3: для каждого пункта приведён HTML-код (списки с римской нумерацией и маркерами-квадратами, таблица с объединением ячеек, поле для ввода, радиокнопки) и результат отображения страницы в браузере.
Основы программированияЛабораторная работаТУСУР
Работа посвящена созданию простой веб-страницы на HTML и семантической разметке: в цели заявлено изучение семантических особенностей элементов языка HTML и получение навыков семантической разметки. Вторая часть — анимация на веб-страницах и графические преобразования элементов по спецификации CSS Transform Module Level 2.
В задании нужно реализовать анимацию прямоугольника двумя способами — через свойство transition и через animation с @keyframes: при наведении прозрачность объекта меняется от полностью невидимого до полностью видимого, ширина увеличивается в четыре раза, высота — в три. В работе приведены HTML-разметка страницы и CSS-код обоих вариантов, включая набор keyframes с промежуточным кадром.
Отдельный раздел — сравнение двух подходов: вариант на transition признан более плавным, так как анимацию не требуется разбивать по кадрам и рассчитывать работу каждого кадра. В выводе сформулировано, когда выбирать transition — простая анимация, срабатывающая по событию, а когда animation — сложная анимация с контролем состояния элементов и запуском сразу после загрузки страницы. Приведены также результаты проверки кода валидатором.
