Создание многостраничного сайта на тему «Игры и Соревнования»
Автор: surmaus • Май 17, 2022 • Контрольная работа • 3,446 Слов (14 Страниц) • 227 Просмотры
Министерство науки и высшего образования Российской Федерации
Федеральное государственное бюджетное образовательное учреждение
высшего образования
«Ярославский государственный технический университет»
Кафедра «Информационные системы и технологии»
Отчет защищен
с оценкой _____________
Преподаватель:
__________ Дидковская Д.В
«_____»____________ 2021
Создание многостраничного сайта на тему «ИГРЫ И СОРЕВНОВАНИЯ»
Отчет по контрольной работе по курсу «Web-технологии»
ЯГТУ 09.03.02 ЛР
| Отчет выполнил студент группы «___»______ 2021 |
2021
Цель работы: Необходимо создать многостраничный сайт (4-6 страниц) согласно своему варианту. Обязательными средствами к использованию являются HTML и CSS. JavaScript используется по необходимости.
Условия задания:
На страницах сайта обязательно должны встречаться:
- Основной текст каждой страницы
- Заголовки различных уровней
- Ссылки
- Изображения
- Списки
- Таблицы
- Формы с кнопками и полями для записи, поля с выбором варианта
- Медиа-теги
Основные положения, обязательные к выполнению:
- Иерархия стилей. Выдержанная структура всех страниц сайта.
- Удобство пользования. Простой и интуитивно понятный интерфейс.
- Реализовать меню по шаблону (заголовки выбрать согласно своему варианту). Меню должно быть фиксированным, т.е. должно быть «прибито» к верхней части веб – страницы.
[pic 1]
Всплывающие подсказки и подсветка (там, где это уместно).
- Анимация некоторых частей сайта (на ваше усмотрение).
- Масштабируемость изображений.
- Сделать возможность перехода на любые три социальные сети по их иконкам.
- Вертикальная или горизонтальная прокрутка всех страниц сайта.
- Для одной любой таблицы сделать так, чтобы при наведении на строку, она подсвечивалась полностью со всеми ячейками, входящими в неё.
- Для одной любой формы сделать все поля обязательными к заполнению. При клике по полю оно должно слегка увеличиваться в размере. Реализовать проверку валидации значений в полях: при провале проверки выводить предупреждающий символ, при успешной проверке – галочку. Предупреждающим символом или галочкой может являться как соответствующий текстовый символ или png-изображение. Валидацию необходимо производить средствами регулярных выражений, атрибутов required, maxlength, pattern и др.
- Карта сайта.
- Выполнить валидацию сайта
HTML-код фиксированной части «header»:
<div class="header_top">
<div class="container">
<div class="top_inner">
<h2 class="top_title">World Tournament</h2>
<div class="top_list">
<div class="top_game">
<span class="game">GAME</span>
...