Навигация
2. Технология создания сайта
2.1 Разработка структуры сайта
Схема структуры сайта
Рисунок 1-Схема: Главная страница
Рисунок 2-Схема: Открытая ссылка
Рисунок 3-Схема структуры сайта: Меню
Рисунок 4-Схема структуры сайта: Главная
Рисунок 5-Схема структуры сайта: Ссылка Звонок оператору
Рисунок 6-Схема структуры сайта: Открытая ссылка
Структурная схема сайта представлена в блочном варианте для облегчения прочтения и восприятия.
Особенности структуры
Данный сайт построен с использованием технологии фреймов. Благодаря технологии фреймов окно браузера делится на несколько частей (областей). Каждая часть по сути представляет собой отдельное окно, тем самым пользователю предлагается работать как-бы с несколькими окнами сгрупированными в единое целое. Естественно, это не могло не отразиться на структуре сайта пользователь переходя по ссылкам от страницы к странице всё время визуально как-бы находится на одном уровне, и не замечает степень углубления или поднятия в структуре сайта. Вершиной структуры (структурной схемы) является пункт "Меню" от которого происходит развевление структуры на различные ссылки, "Главная" страница, так же как группы товаров и связь с оператором является одним из пунктов. Далее происходит разветвление каждой ссылки, максимальное ветвление разумеется происходит на ссылке "Главная", которая дублирует в себе все остальные ссылки пункта "Меню" (группы товаров, звонок оператору). Ссылки относяшиеся к определённым товарам имеют более простую схему ветвления—это либо возврат на "Главную" страницу, либо на страницу "Звонок оператору". Ссылка "Звонок оператору" имеет ветвление подобное пункту "Меню", и обеспечивает переходы как на "Главную" страницу, так и к любому товару.
2.2 Определение структуры и формирование контента сайта
Схема структуры контента
Рисунок 7-Схема: Главная страница
Схема структуры сайта
Рисунок 8-Схема: Открытая ссылка
Данный сайт построен с использованием технологии фреймов. Благодаря технологии фреймов окно браузера делится на несколько частей (областей). Каждая часть по сути представляет собой отдельное окно, тем самым пользователю предлагается работать как-бы с несколькими окнами сгрупированными в единое целое.
Особенности и объем контента
Контент представляет собой каталог товаров, в котором приведены фотографии и описание различных средств связи (мобильных телефонов). Браузер открыв окно предлагает пользователю "Главную" страницу, где имеется перечень товаров и доступ к дополнительным опциям, все эти же возможности продублированы в блоке "Меню", который расположен в левой части страницы. Перейдя по ссылке товара можно ознакомится с его характеристиками, и далее воспользовавшись встроенными кнопками ссылками либо вернуться на "Главную" страницу, либо получить данные для связи с оператором. Связаться с оператором возможно так же через специальный пункт "Меню". Сайт создан с помощью языка разметки гипертекста HTML. При производстве использована технология фреймов. В качестве графической составляющей использованы рисунки в формате .jpg, т.к. данный формат сохраняет рисунок с минимальным объёмом (размером), размером 15—100КБ, и безопасная цветовая палитра. Объём сайта составляет—6,7МБ в обычном виде и 5,32—ввиде архива Win.rar.
Источники для формирования контента сайта
В качестве источников формарования сайта использованы общедоступные бесплатные рисунки и фотографии средств связи (мобильных телефонов). Обзоры (описания) продукции получены из свободно распространяемых рекламно-информационных и позновательных проспектах (брошурах). Полученные исключительно на законных основаниях.
Средства и способы форматирования контента
Для форматирования контента использованы средства языка разметки гипертекста HTML. Файлы содержащие кодировку HYML написаны в текстовом редакторе "Блокнот" переведены в формат HTML путём сохранения докуиента с соответствующим расширением (.html). Все рисунки выполнены в формате .jpg.
2.3 Разработка системы навигаци
Средства навигации
Вся навигация сведена к минимизации лишних переходов, и реализуется с помощью ссылок на страницы. Ссылки выполнены как в текстовом, так и в графическом формате. В графическом формате ссылка представляет собой рисунок, либо ячейку таблицы выполненную ввиде кнопки.
Особенности системы навигации
Система навигации данного сайта создана с учётом возможности перехода из ооного пункта в любогой пункт за одно нажатие ссылки.
Так как сайт пострен с использованием технологии фреймов часть элементов остаются неизменными при любой просматриваемой странице. Логотип и пункты меню остаются неизменными, изменяется только часть окна браузера. В которой можно просмаривать все страницы по-очерёдно, на каждой странице для удобства встроены дополнительные ссылки выполняющие функции наиболее уместные в данном пункте, и не создающие путаницы для пользователя.
Похожие работы
... 20% от общего товарооборота, соответственно окупаемость магазина произойдет за более длинный промежуток времени, нежели чем при полном ассортименте. Получение дополнительной прибыли электронному магазину по продаже программного обеспечения, компакт дисков и dvd дисков на основании приведенных выше затрат ожидается уже с третьего - четвертого месяца, что является достаточно хорошим экономическим ...
... , гибкостью. Работа с ней, как правило, не вызывает больших трудностей. Поддержка сервера MySQL автоматически включается в поставку PHP. 2 Разработка интернет-магазина для предприятия «Электра» 2.1 Принципы работы интернет магазина 2.1.1 Оформление заказа Выбрав необходимые товары или услуги, пользователь обычно имеет возможность тут же на сайте выбрать метод оплаты и доставки. ...
... , изменяя представление о мире, обязывают повышать ответственность медицины перед обществом. В данной работе рассматривался процесс создания интернет-ресурса для системы дистанционного образования по курсу «Медицинская информатика». В работе приведено обоснование необходимости в применении средств дистанционного обучения для сотрудников медучреждений Тульской области, предложена структура ...
... охватывало бы вопросы воспитания, взаимодействия учителей с родителями учеников и самими учениками, вопросы самоподготовки желающих учиться учеников, помощи отстающим и т.п. 5. РАЗРАБОТКА ШКОЛЬНОЙ ИНФОРМАЦИОННОЙ СИСТЕМЫ (ШИС) НА ОСНОВЕ IT-ТЕХНОЛОГИЙ ДЛЯ МОУ СОШ № 97 Поставленные в предыдущем разделе задачи могут быть решены путем организации широчайшего (относительно родителей, учеников и ...
0 комментариев