Добавлен: 21.10.2018
Просмотров: 914
Скачиваний: 5
Автономная некоммерческая организация высшего образования
«СЕВЕРО-ЗАПАДНЫЙ ОТКРЫТЫЙ ТЕХНИЧЕСКИЙ
УНИВЕРСИТЕТ»
Дисциплина «Информационные технологии»
Методические указания
к лабораторной работе
Составитель:
к.т.н., доцент Рахманова Ирина Олеговна
Санкт-Петербург
201
6
Содержание
Методические указания к выполнению
лабораторной работы .......................................... 6
1.
ЗАДАНИЕ
Цель лабораторной работы – создание сайта Интернет-магазина из готового
исходного контента.
ЭТАП 1. Разработка простого сайта
Исходными данными для разработки сайта являются:
Графический иллюстративный материал (папка «Иллюстрации»)
Текстовая информация о товарах и фирме (файл «Текст для
Web_страниц.doc»)
Структура сайта представлена на рис. 1. Сайт состоит из 7 страниц, на которых
размещается графический и текстовый материал (исходный контент). Каждая страница
сайта – файл в формате html. Имена файлов, соответствующих страницам, указаны на рис.
1 справа или слева от графического изображения страницы. Файлы сайта должны
называться:
1. Исходная.html (стартовая страница сайта)
2. Предложения.html
3. Гостевая.html
4. Фирма.html
5. Краски.html
6. Двери.html
7. Герметики.html
На каждой странице располагается логотип фирмы. На страницах «Исходная» и
«Предложения» располагаются графические пункты меню
На странице «Фирма» располагается текст первой страницы файла «Текст для
Web_страниц.doc», отформатированный так же, как в исходном тексте.
Страницы «Краски», «Двери», «Герметики» содержат изображения и информацию
о товарах соответствующей категории, организованные в виде таблицы.
Вид страницы «Гостевая» представлен на рис. 2.
Графическая кнопка «Назад» располагается на всех страницах, кроме «Исходной»
и предназначена для возврата на предыдущую страницу.
ЭТАП 2 Разработка сайта с использованием фреймов
Окно сайта должно отображать 3 области (фрейма) (рис. 3):
верхняя горизонтальная область с логотипом фирмы
левая центральная область с графическим меню
правая центральная область с материалом страницы
Во фреймах отображать страницы, созданные на этапе 1 выполнения лабораторной
работы
См. схему на следующей странице
Рис. 1 Логическая структура сайта
Логотип
О фирме
Предложения
Гостевая книга
Логотип
Текст
Мы предлагаем:
Лакокрасочная продукция
Логотип
Двери
Герметики
Логотип
Лакокрасочная
продукция
Текст
Текст
Логотип
Двери
Текст
Текст
Логотип
Название
Герметики
Текст
Текст
Логотип
Гостевая книга
Бланк заказа
Наза
д
Наза
д
Наза
д
Наза
д
Наза
д
Наза
д
И
с
х
о
д
н
а
я
.
h
t
m
l
П
р
е
д
л
о
ж
е
н
и
я
.
h
t
m
l
Г
о
с
т
е
в
а
я
.
h
t
m
l
Ф
и
р
м
а
.
h
t
m
l
К
р
а
с
к
и
.
h
t
m
l
Д
в
е
р
и
.
h
t
m
l
Г
е
р
м
е
т
и
к
и
.
h
t
m
l
Рис. 2 Структура страницы «Гостевая»
Рис. 3 Структура страницы «Гостевая»
Логотип
Интернет-магазин
Заказать
Б
л
а
н
к
.
h
t
m
l
ФИО
Заказ
По позициям
По группам
Итоговый
Расчет
Оплата
Наличная
Безналичная
Отменить
Логотип
Опция 1
Опция 2
Опция 3
Опция 4
Меню
Название
Контент страницы