Лабораторная работа: Создание сайта Интернет-магазина

Цель лабораторной работы – создание сайта Интернет-магазина из готового исходного контента.

ЭТАП 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.        Задание к лабораторной работе................................................................... 3

2.        Методические указания к выполнению лабораторной работы................... 6

3.        Справочник основных команд языка HTML............................................ 8

4.        Технология создания Web-документов ……………………………………13