Национальный открытый институт, г. Санкт-Петербург
ЭЛЕКТРОННАЯ КОММЕРЦИЯ
Образец практической работы
Руководитель:
К.т.н., доцент Боброва Л.В.
Санкт-Петербург
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-страниц