Создание многостраничного сайта на тему «Игры и Соревнования»

Министерство науки и высшего образования Российской Федерации 

Федеральное государственное бюджетное образовательное учреждение 

высшего образования 

«Ярославский государственный технический университет» 

Кафедра «Информационные системы и технологии»

Отчет  защищен 

с оценкой _____________ 

Преподаватель:

__________ Дидковская Д.В

«_____»____________ 2021 

Создание многостраничного сайта на тему «ИГРЫ И СОРЕВНОВАНИЯ» 

Отчет по контрольной работе по курсу «Web-технологии»  

ЯГТУ 09.03.02 ЛР 

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>