Создание интерактивного веб-сайта с использованием средств HTML и CSS
Автор: Welenian Welenian • Октябрь 2, 2023 • Курсовая работа • 586 Слов (3 Страниц) • 142 Просмотры
МИНИСТЕРСТВО ЦИФРОВОГО РАЗВИТИЯ,
СВЯЗИ И МАССОВЫХ КОММУНИКАЦИЙ РОССИЙСКОЙ ФЕДЕРАЦИИ
ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ
УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ
«САНКТ-ПЕТЕРБУРГСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ТЕЛЕКОММУНИКАЦИЙ ИМ. ПРОФ. М.А. БОНЧ-БРУЕВИЧА»
(СПбГУТ)
ИНСТИТУТ НЕПРЕРЫВНОГО ОБРАЗОВАНИЯ
Кафедра Информатики и компьютерного дизайна
Дисциплина: Эргономика и дизайн графических интерфейсов
Отчет по контрольной работе на тему:
«Создание интерактивного веб-сайта с использованием средств HTML и CSS»
Фамилия:
Имя:
Отчество:
Группа №:
Номер зачетной книжки:
Дата сдачи работы:
Преподаватель:
Санкт-Петербург
2023
Цель контрольной работы:
Разработка веб-проекта на HTML с использованием CSS для личного пользования с целью навигации по пройденным компьютерным играм, отсортированных по жанрам, и иметь возможность перехода между вкладками посредством интегрированных в язык средств и методов.
Разработка прототипа:
Прототип интерфейса – это визуальное представление будущего проекта. В прототипе указываются все элементы, объекты контента интерфейса, расположение кнопок, блоков, модулей, дизайн и т. д.
Прототипом главного окна, приведенном на рисунке ниже, будет служить страница, позволяющая осуществлять переход на различные вкладки, представляющие из себя определенные жанры компьютерных игр, и имеющий ссылки на полезные страницы, на которых можно осуществлять их поиск и последующее внедрение в проект.
[pic 1][pic 2]
Прототип главного окна.
При последующем выборе определенного жанра будет происходить переход на другую страницу, содержащую в себе названия компьютерных игр, и возможность вернуться на главное окно посредством кнопки «Назад».
[pic 3][pic 4]
Прототип вкладки жанров.
Сами вкладки компьютерных игр будут представлять собой страницу, содержащие основную информацию об игре и прикрепленный скриншот для более полного понимания того, что из себя представляет игра.
[pic 5][pic 6]
Прототип окна с информацией о игре.
После разработки прототипа, была проведена работа по созданию главной страницы. Для видоизменения элементов, текста и т. п. был использован язык CSS и настройки интерфейса были выведены в отдельный файл, на который указывалась ссылка в самом коде страницы HTML. Ниже представлен скриншот главной страницы на языке гипертекстовой разметки.
...