Разработка и анализ структуры и принципов создания web-сайта

 
 

Европе  и способной работать в условиях высоких рисков.

2. Информационная

     Сайт  должен предоставлять пользователям  доступ к информации:

• о компании (ее миссии, истории, продукции);
• о направлениях деятельности компании;
• о географии деятельности компании;
• о действующих проектах компании;
• о новостях и событиях компании;

     Стилистическое  оформление сайта должно соответствовать корпоративному стилю компании и использовать его цветовые схемы, графические элементы (логотип) и шрифты.   

     Требования к графическому дизайну сайта

• Дизайн  сайта должен быть консервативным – использовать яркие, косметические и женские цвета и тона.
• Дизайн сайта должен быть лаконичным и в то же время выглядеть «дорого», стильно, современно.
• Приветствуется использование в дизайне сайта небольших флэш-элементов (допустима незначительная обработка логотипа).

     Требования к шрифтовому оформлению сайта

• Основными шрифтовыми гарнитурами корпоративного стиля компании являются гарнитуры  Arial и Futura.
• Шрифты, используемые для оформления графических элементов сайта, не должны противоречить корпоративному стилю компании.
• В случае отсутствия необходимых шрифтов на компьютере пользователя необходимо предусмотреть использование стандартных групп шрифтов браузеров (Arial/Helvetica, Times New Roman, Courier) таким образом, чтобы замена шрифтов из соответствующей группы не приводила к визуальному искажению текста.
• Размер (кегль) шрифтов должен обеспечивать удобство восприятия
• текста при минимально допустимом размере экрана.

     

     Сайт  должен обеспечивать корректное отображение  данных в следующих браузерах:

• Internet Explorer (версия 5.5 и выше);
• Opera (версия 7.0 и выше);
• Mozilla Firefox (версия 1.0 и выше).

     Все страницы сайта должны иметь версии для печати и соответствующие  ссылки.

     Система управления контентом сайта должна обеспечить администратору сайта возможность выполнения следующих действий:

• добавление и удаление текстов (статей);
• редактирование текстов (статей);
• добавление и удаление новостей и продукции;
• редактирование новостей и продукции;
• управление отображением новостей и продукции;
• добавление и удаление описаний проектов;
• редактирование описаний проектов;
• добавление и удаление вакансий;
• редактирование вакансий;

     Требования к компоновке страниц сайта

• Компоновка  страниц сайта должна обеспечивать автоматическое масштабирование страниц в зависимости от ширины рабочего поля браузера пользователя. Минимальный размер (100%) рабочего поля браузера, при котором необходимо обеспечить полноценное отображение страниц (без полосы горизонтальной прокрутки), составляет 1000 пикселей.

 
 
 
 

2. Разработка  логической структуры создаваемого ресурса

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

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

  

  

  

  

  

  

  

  

  

  

  

 

 

 

     Рисунок 1. Логическая структура сайта компании «Mary Kay» 
 
 
 

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

     О компании Mary Kay / Информация о компании

     

• «Основательница компании»;
• «"Mary Kay" за рубежом»;
• «Факты о компании»;
• «Общ. Деятельность»;
• «Bидео Mary Kay»;
• «Награды компании».

     Бизнес  с «Mary Kay»/ Направления деятельности

• «Преимущество карьеры»;
• «Как стать консультантом»;
• «Лестница успеха».

     -Хозяйка класса /Ознакомление

     -Доска новостей

     -Новинки

     -Уход за кожей

     -Уход за телом

     -Декоративная    косметика

     -Парфюмерия

     -Лидер продаж

     -Контакты

     -О нас

     Твой  путь к прекрасному

     Онлайн каталог

     Характеристика  разделов логической структуры сайта

     Главная страница

     Главная страница является основной точкой входа на сайт.

     Назначение  главной страницы

• идентифицировать сайт, как представительство компании «Mary Kay» в интернет;
• информировать посетителей, впервые пришедших на сайт, о профиле деятельности компании;

     

• обеспечивать  доступ ко всем основным разделам сайта (разделам 1-го уровня);
• информировать посетителей о новостях компании.

     Главная страница должна содержать следующие  основные элементы.

     Идентификационные данные

     К идентификационным относятся данные, позволяющие отождествить сайт с компанией «Mary Kay»:

• логотип;
• название компании;
• слоган компании (Мы улучшаем жизнь женщин во всем мире);
• Навигация.

     Навигация по разделам 1-го уровня

     На  странице должны присутствовать ссылки на следующие разделы 1-го уровня:

• «О компании «Mary Kay» »;
• «О нас»;
• «Бизнес с «Mary Kay» »;
• «Новинки»;
• «Онлайн каталог»;
• «Доска новостей»;
• «Контакты»;
• «Лидер продаж».

     Навигация по служебным разделам

     На  странице должны присутствовать ссылки:

• контактный e-mail;
• «Навигация».

     Ссылки  на данные разделы должны быть визуально  отделены от основной навигации. Возможна их реализация в виде пиктограмм и/или  названий.

     Вступительный текст

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

     Блок  анонсов новостей

     

     На  главной странице предполагается публиковать  анонсы последних новостей компании. (При нажатии на кнопку доска новостей)

     Максимальное  количество анонсов – 1.

     Новость имеет следующую структуру:

• дата (обязательный атрибут);
• заголовок (обязательный атрибут);
• полный текст.

     Дата  присваивается новости автоматически (на уровне системы). Администратор  сайта имеет возможность редактировать (изменять) дату новости.

     Администратор сайта имеет возможность добавлять/удалять  новости, временно скрывать новости (при  этом новость не отображается, но хранится на сервере).

     Внутренние  страницы (общие требования)

     Все внутренние страницы сайта должны содержать  следующие элементы.

     Идентификационные данные

     К идентификационным относятся данные, позволяющие отождествить сайт с компанией «Mary Kay»:

• логотип;
• название компании;
• слоган компании (Мы улучшаем жизнь женщин во всем мире);
• Навигация

     Навигация по разделам 1-го уровня

     На  странице должны присутствовать ссылки на следующие разделы 1-го уровня:

• «О компании «Mary Kay» »;
• «О нас»;
• «Бизнес с «Mary Kay» »;
• «Новинки»;
• «Онлайн каталог»;
• «Доска новостей»;
• «Контакты»;

     

• «Лидер  продаж».

     Навигация по служебным разделам

     На  странице должны присутствовать ссылки:

• главная страница;
• контактный e-mail;
• «Навигация».

     Навигация по разделам 2-го уровня

     На  страницах разделов, имеющих внутренние подразделы, должны присутствовать ссылки на разделы 2-го уровня, соответствующие  текущему разделу 1-го уровня. Ссылка на текущий (выбранный) раздел должна быть визуально выделена относительно других.

     Необходимо  предусмотреть возможность последующего расширения перечня разделов 2-го уровня.

     Необходимо  предусмотреть ситуацию, когда разделы 2-го уровня отсутствуют.

     Заголовок раздела