Контрольная работа: Разработка сайта "Интернет-магазин средств связи" средствами веб-программирования PHP, HTML 4.01, CSS, JavaScript

Рисунок 5-Схема структуры сайта: Ссылка Звонок оператору

Рисунок 6-Схема структуры сайта: Открытая ссылка

Структурная схема сайта представлена в блочном варианте для облегчения прочтения и восприятия.

Особенности структуры

Данный сайт построен с использованием технологии фреймов. Благодаря технологии фреймов окно браузера делится на несколько частей (областей). Каждая часть по сути представляет собой отдельное окно, тем самым пользователю предлагается работать как-бы с несколькими окнами сгрупированными в единое целое. Естественно, это не могло не отразиться на структуре сайта пользователь переходя по ссылкам от страницы к странице всё время визуально как-бы находится на одном уровне, и не замечает степень углубления или поднятия в структуре сайта. Вершиной структуры (структурной схемы) является пункт "Меню" от которого происходит развевление структуры на различные ссылки, "Главная" страница, так же как группы товаров и связь с оператором является одним из пунктов. Далее происходит разветвление каждой ссылки, максимальное ветвление разумеется происходит на ссылке "Главная", которая дублирует в себе все остальные ссылки пункта "Меню" (группы товаров, звонок оператору). Ссылки относяшиеся к определённым товарам имеют более простую схему ветвления—это либо возврат на "Главную" страницу, либо на страницу "Звонок оператору". Ссылка "Звонок оператору" имеет ветвление подобное пункту "Меню", и обеспечивает переходы как на "Главную" страницу, так и к любому товару.

2.2 Определение структуры и формирование контента сайта

Схема структуры контента

Рисунок 7-Схема: Главная страница

Схема структуры сайта

Рисунок 8-Схема: Открытая ссылка

Данный сайт построен с использованием технологии фреймов. Благодаря технологии фреймов окно браузера делится на несколько частей (областей). Каждая часть по сути представляет собой отдельное окно, тем самым пользователю предлагается работать как-бы с несколькими окнами сгрупированными в единое целое.

Особенности и объем контента

Контент представляет собой каталог товаров, в котором приведены фотографии и описание различных средств связи (мобильных телефонов). Браузер открыв окно предлагает пользователю "Главную" страницу, где имеется перечень товаров и доступ к дополнительным опциям, все эти же возможности продублированы в блоке "Меню", который расположен в левой части страницы. Перейдя по ссылке товара можно ознакомится с его характеристиками, и далее воспользовавшись встроенными кнопками ссылками либо вернуться на "Главную" страницу, либо получить данные для связи с оператором. Связаться с оператором возможно так же через специальный пункт "Меню". Сайт создан с помощью языка разметки гипертекста HTML. При производстве использована технология фреймов. В качестве графической составляющей использованы рисунки в формате .jpg, т.к. данный формат сохраняет рисунок с минимальным объёмом (размером), размером 15—100КБ, и безопасная цветовая палитра. Объём сайта составляет—6,7МБ в обычном виде и 5,32—ввиде архива Win.rar.

Источники для формирования контента сайта

В качестве источников формарования сайта использованы общедоступные бесплатные рисунки и фотографии средств связи (мобильных телефонов). Обзоры (описания) продукции получены из свободно распространяемых рекламно-информационных и позновательных проспектах (брошурах). Полученные исключительно на законных основаниях.

Средства и способы форматирования контента

Для форматирования контента использованы средства языка разметки гипертекста HTML. Файлы содержащие кодировку HYML написаны в текстовом редакторе "Блокнот" переведены в формат HTML путём сохранения докуиента с соответствующим расширением (.html). Все рисунки выполнены в формате .jpg.

2.3 Разработка системы навигаци

Средства навигации

Вся навигация сведена к минимизации лишних переходов, и реализуется с помощью ссылок на страницы. Ссылки выполнены как в текстовом, так и в графическом формате. В графическом формате ссылка представляет собой рисунок, либо ячейку таблицы выполненную ввиде кнопки.

Особенности системы навигации

Система навигации данного сайта создана с учётом возможности перехода из ооного пункта в любогой пункт за одно нажатие ссылки.

Так как сайт пострен с использованием технологии фреймов часть элементов остаются неизменными при любой просматриваемой странице. Логотип и пункты меню остаются неизменными, изменяется только часть окна браузера. В которой можно просмаривать все страницы по-очерёдно, на каждой странице для удобства встроены дополнительные ссылки выполняющие функции наиболее уместные в данном пункте, и не создающие путаницы для пользователя.

2.4 Особенности дизайна сайта

Описание средств для создания дизайна