Файл: Лабораторная работа №1.pdf

Добавлен: 21.10.2018

Просмотров: 837

Скачиваний: 5

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.
background image

Автономная некоммерческая организация высшего образования 

«СЕВЕРО-ЗАПАДНЫЙ ОТКРЫТЫЙ ТЕХНИЧЕСКИЙ 

УНИВЕРСИТЕТ» 

Дисциплина «Информационные технологии» 

Методические указания 

к лабораторной работе 

Составитель:

 

к.т.н., доцент   Рахманова Ирина Олеговна 

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

201

6



background image

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  выполнения  лабораторной 
работы 

 
 
 

См. схему на следующей странице 

 
 
 


background image

 

 

Рис. 1 Логическая структура сайта 

 

 
 

Логотип 

 

О фирме 

Предложения 

Гостевая книга 

Логотип 

 

Текст 

Мы предлагаем: 

Лакокрасочная продукция 

 

Логотип 

Двери 

Герметики 

Логотип 

 

Лакокрасочная 

продукция 

Текст 

Текст 

Логотип 

 

Двери 

Текст 

Текст 

Логотип 

Название 

Герметики 

Текст 

Текст 

Логотип 

 

Гостевая книга 

Бланк заказа 

Наза
д 

Наза

д 

Наза
д 

Наза
д 

Наза
д 

Наза
д 

И
с
х
о
д
н
а
я
.
h
t
m

П
р
е
д
л
о
ж
е
н
и
я
.
h
t
m

Г
о
с
т
е
в
а
я
.
h
t
m

Ф
и
р
м
а
.
h
t
m

К
р
а
с
к
и
.
h
t
m

Д
в
е
р
и
.
h
t
m

Г
е
р
м
е
т
и
к
и
.
h
t
m


background image

 

 

Рис. 2 Структура страницы «Гостевая» 

 
 
 

 

 

Рис. 3 Структура страницы «Гостевая» 

 
 

Логотип 

Интернет-магазин 

Заказать 

Б
л
а
н
к
.
h
t
m

ФИО 

Заказ 

По позициям 
По группам 
Итоговый 

Расчет 

Оплата 

Наличная 

Безналичная 

Отменить 

Логотип 

Опция 1 

Опция 2 

Опция 3 

Опция 4 

Меню 

Название 

Контент страницы