Разработка логической структуры сайта
Национальный открытый институт, г. Санкт-Петербург
ЭЛЕКТРОННАЯ КОММЕРЦИЯ
Образец практической работы
Руководитель:
К.т.н., доцент Боброва Л.В.
Санкт-Петербург
2018
Содержание
1 ЗАДАНИЕ НА ВЫПОЛНЕНИЕ РАБОТЫ... 3
2 РАЗРАБОТКА САЙТА «эЛЕКТРОННЫЙ МАГАЗИН». 5
2.1 Подготовка контента сайта. 5
2.2 Разработка логической структуры сайта. 10
2.3 Разработка дизайна Web-страниц сайта. 11
2.4 Реализация сайта в технологии фреймов. 15
2.5 Разметка страниц тегами языка HTML.. 19
ЗАДАНИЕ НА ВЫПОЛНЕНИЕ РАБОТЫ
Цель практической работы: освоение информационной технологии создания Web-документов с помощью языка HTML.
Результат выполнения работы: сайт условной торговой фирмы, содержащий информацию о фирме, реализуемых товарах и содержащий интерактивную форму регистрации предпочтений покупателя
Исходные данные: Справочник по языку HTML
Этапы выполнения задания:
Этап 1. Подготовка контента сайта.
1. Выбрать категорию товаров, реализуемых фирмой
2. Найти в Интернете иллюстрации товаров из выбранной категории и их описания.
3. Найти информацию о фирме
4. Подобрать из Интернет-источников или предложить собственный логотип фирмы как графическую эмблему.
Этап 2. Подготовка элементов оформления сайта
1. Создать в графическом редакторе элементы меню, кнопки и другие графические элементы дизайна
|
|
|
2. Разработать стили оформления текста: заголовки, таблицы, списки.
3. Выбрать цветовое оформление страниц сайта.
4. Оформить все стилевые настройки в виде таблицы стилей как файл в формате «.css».
Этап 3 Разработка логической структуры сайта
1. Определить количество и назначение страниц сайта, наполнение их контентом.
2. Определить структуру меню и переходы по гиперссылкам в рамках сайта.
Этап 4. Создание страниц сайта в текстовом редакторе Блокнот.
1. Оформить каждую страницу сайта как файл в формате «.html».
2. Сгруппировать файлы, входящие в сайт, в папки (графика, тексты, таблицы стилей).
3. Протестировать работоспособность сайта (гиперссылки, графика, стили)
РАЗРАБОТКА САЙТА «эЛЕКТРОННЫЙ МАГАЗИН»
Подготовка контента сайта
1. Организация структуры сайта: папки для графических файлов, папка для текстовых документов в формате .doc, папка для файлов web-страниц.
Рис. 1 Структура папки сайта
2. В папке с графическими файлами содержатся иллюстрации товаров, найденные в Интернет-источниках.
Рис. 2 Содержание папки с графическими файлами по товарам
3. В папке с файлами web-страниц содержатся файлы разработанных страниц сайта.
|
|
|
Рис. 3 Содержание папки с файлами Web-страниц
4. В графическом редакторе PhotoShop разработаны элементы меню и оформления сайта
4. В отдельной папке размещены графические файлами оформления web-страниц.
Рис. 4 Содержание папки с графическими файлами оформления Web-страниц
Разработка логической структуры сайта
1. Разработана логическая структура сайта «Электронный магазин»
Рис. 5 Логическая структура сайта
2. Разработан вид гостевой книги (страница оформления заказа)
Рис. 6 Вид пользовательской формы «Гостевая книга»
Дата добавления: 2021-04-05; просмотров: 52; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!