Essays.club - Получите бесплатные рефераты, курсовые работы и научные статьи
Поиск

Создание интерактивного веб-сайта с использованием средств HTML и CSS

Автор:   •  Октябрь 2, 2023  •  Курсовая работа  •  586 Слов (3 Страниц)  •  143 Просмотры

Страница 1 из 3

МИНИСТЕРСТВО ЦИФРОВОГО РАЗВИТИЯ,

СВЯЗИ И МАССОВЫХ КОММУНИКАЦИЙ РОССИЙСКОЙ ФЕДЕРАЦИИ

ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ

УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ

«САНКТ-ПЕТЕРБУРГСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ТЕЛЕКОММУНИКАЦИЙ ИМ. ПРОФ. М.А. БОНЧ-БРУЕВИЧА»

(СПбГУТ)

ИНСТИТУТ НЕПРЕРЫВНОГО ОБРАЗОВАНИЯ

Кафедра Информатики и компьютерного дизайна

Дисциплина: Эргономика и дизайн графических интерфейсов

Отчет по контрольной работе на тему:

«Создание интерактивного веб-сайта с использованием средств HTML и CSS»

Фамилия:

Имя:

Отчество:

Группа :

Номер зачетной книжки:

Дата сдачи работы:

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

Санкт-Петербург

2023

 

Цель контрольной работы:

Разработка веб-проекта на HTML с использованием CSS для личного пользования с целью навигации по пройденным компьютерным играм, отсортированных по жанрам, и иметь возможность перехода между вкладками посредством интегрированных в язык средств и методов.

 

Разработка прототипа:
Прототип интерфейса – это визуальное представление будущего проекта. В прототипе указываются все элементы, объекты контента интерфейса, расположение кнопок, блоков, модулей, дизайн и т. д.

Прототипом главного окна, приведенном на рисунке ниже, будет служить страница, позволяющая осуществлять переход на различные вкладки, представляющие из себя определенные жанры компьютерных игр, и имеющий ссылки на полезные страницы, на которых можно осуществлять их поиск и последующее внедрение в проект.
[pic 1][pic 2]
Прототип главного окна.
При последующем выборе определенного жанра будет происходить переход на другую страницу, содержащую в себе названия компьютерных игр, и возможность вернуться на главное окно посредством кнопки «Назад».

[pic 3][pic 4]

Прототип вкладки жанров.

Сами вкладки компьютерных игр будут представлять собой страницу, содержащие основную информацию об игре и прикрепленный скриншот для более полного понимания того, что из себя представляет игра.

[pic 5][pic 6]

Прототип окна с информацией о игре.

 

После разработки прототипа, была проведена работа по созданию главной страницы. Для видоизменения элементов, текста и т. п. был использован язык CSS и настройки интерфейса были выведены в отдельный файл, на который указывалась ссылка в самом коде страницы HTML. Ниже представлен скриншот главной страницы на языке гипертекстовой разметки.

...

Скачать:   txt (8.3 Kb)   pdf (661.1 Kb)   docx (712.4 Kb)  
Продолжить читать еще 2 страниц(ы) »
Доступно только на Essays.club