2 Логическое проектирование web – сайта ооо «константаплюс»
2.1 Разработка логической структуры сайта
Прежде чем приступать к созданию Web – сайта, в соответствии с требованиями заказчика, была собрана информация для представления на страницах данного сайта. Также в соответствии с требованиями разработана логическая структура сайта (рисунок 2.1), которая содержит следующие страницы:
главная страница;
о магазине;
доставка и оплата;
прайс – лист.
Рисунок 2.1 – Логическая структура Web – сайта ООО «Константаплюс»
На главной странице помещен текст, следующего содержания: «Здравствуйте! Вас приветствует предприятие ООО «Константаплюс». Предлагаем вам просмотреть представленные разделы, из которых вы сможете почерпнуть много интересной информации о фирме, ознакомиться с ассортиментным перечнем инструментов и расходных материалов, предлагаемых нашей фирмой. Мы работаем для Вас 24 часа в сутки, 7 дней в неделю! С уважением, коллектив ООО «Константаплюс».
Дополнительно на этой странице расположена форма заказа, посредством которой можно заказать товар, и ссылки на страницы с наиболее покупаемыми товарами.
На странице «О магазине» расположены: почтовый и электронный адреса предприятия, телефон, реквизиты.
Страница «Прайс – лист» открывает документ с перечислением имеющихся товаров, цен на них.
2.2 Разработка содержания и дизайна Web–сайта
Пользователи сети Интернет больше всего ценят информацию. Поэтому содержание Web–сайта является одним из основных преимуществ, которые может получить предприятие, если разместит на ней нужную пользователям информацию.
Информация, представленная на Web–сайте, удовлетворяет следующим критериям:
соответствует целям создания Web–сайта;
учитывает особенности целевого сегмента потребителей;
уникальна, что привлекает внимание посетителей;
не носит излишне рекламный, навязчивый характер.
На Web–сайте представлены разнообразные материалы: информация о предприятии и его услугах, каталог продуктов и услуг, адрес, сетевой магазин, раздел обратной связи.
Большая часть пользователей уделяет очень мало внимания ссылкам, изображениям и тексту, находящимся в нижней части Web–сайта. Только 10% пользователей прокручивают информацию, не помещающуюся на экран. Поэтому вся самая важная информация и все устройства управления Web–сайтом (кнопки, ссылки) располагаются наверху страницы.
На сайте помещен графический материал, который играет важную роль в формировании содержания Web–страниц. Повышает эффективность восприятия сообщений. Дизайн играет важную роль в привлечении внимания пользователей сети Интернет к определенному Web – сайту. При разработке дизайна Web – сайта прежде всего учитывались особенности восприятия целевой аудитории. При этом оформление соответствует содержанию Web – сайта.
Дизайн Web – страниц предполагает разработку следующих элементов:
цвет;
шрифт;
графика;
компоновка Web – страницы.
Дизайн сайта может быть построен на основе фреймов или таблиц. Сайт , построенный на основе фреймов не будет по разному отображаться в различных браузерах, кроме этого такой сайт не будет обрабатываться поисковыми системами. Дизайн Web – сайта предприятия построен на основе таблиц. Таблицы делят окно Web – обозревателя на несколько независимых областей, в каждой из которых отображается своя информация. Следовательно, одна большая Web–страница делится на несколько маленьких, содержащих какую–либо часть большой страницы: заголовок, полосу навигации, сведения об авторских правах и основное содержимое.
При выборе шрифта во внимание принимались следующие рекомендации [1]:
Не следует использовать очень крупный размер шрифта (особенно с полужирным и курсивным начертанием) для текстовых надписей, так как он чаще всего производит грубое впечатление. Тогда как шрифт обычного размера при умелой подаче кажется насыщенным информацией и располагает к вдумчивому прочтению.
Не следует применять такие приемы, как подчеркивание и перечеркивание, так как подобные текстовые эффекты могут ассоциироваться у пользователей с гипертекстовой ссылкой.
Навигационное меню на всех страницах должно иметь одни и те же форму, цвет, размеры и место расположение, что обеспечивает легкость перемещения по серверу.
Не следует заполнять страницы избыточным количеством графических материалов. Не следует включать в страницу непрерывно двигающиеся элементы – они перенапрягают периферическое зрение. Нужно сохранять баланс между текстом, изображениями и пустым пространством.