Описание разделов (страниц) сайта

Задания на курсовое проектирование

Задание №1

СТРУКТУРА И ФУНКЦИОНАЛ ИНТЕРНЕТ-ПРЕДСТАВИТЕЛЬСТВА

КОМПАНИИ «_____________________»

(наименование компании)

 

Цель

 

Целью данной работы является разработка электронного представительства «_________» с возможностью последующего размещением в сети Интернет.

 

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

 

Имиджевая.

Формирование стиля и образа компании. Стилевое оформление сайта должно соответствовать корпоративному стилю компании.

 

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

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

 

Рекламная.

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

 

 

1. Общие требования к сайту

 

· Стилистическое оформление

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

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

Допустимо использование иных распространенных шрифтов (Verdana, Tahoma и др.) в том случае, если их замена на стандартные шрифты не приведет к визуальному искажению текста. Размер (кегль) шрифтов должен обеспечивать удобство восприятия текста при минимально допустимом размере экрана.

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

Цвета: согласно стиля выбранного компанией.

 

· Требования к функциональности веб-сервера:

Веб-сервер должен обеспечивать возможности:

o управления содержанием и структурой сайта через систему управления контентом;

o осуществления обратной связи c пользователями: прием отзывов и запросов пользователей по e-mail через заполнение специальных форм на сайте;

o обработки статистики посещений (подключение внешней системы статистики HotLog);

o ведения статистики голосований

 

· Требования к браузеру:

Сайт должен обеспечивать корректное отображение данных в следующих браузерах: Internet Explorer 8.0 и выше (Microsoft), Opera 12.0 и выше (Opera Software), Netscape 11.0 и выше (AOL Netscape).

 

· Требования к верстке:

o Сайт должен быть оптимизирован для просмотра при разрешении 1024*768, 1280*1024 без горизонтальной полосы прокрутки и без пустых (белых) полей для основных типов разрешения.

o Мета-теги и контент сайта на этапе изготовления сайта должны быть настроены с учетом требований поисковых систем, что обеспечить продвижение сайта по ключевым словам в руcскоязычных поисковых системах Yandex, Aport!, Rambler, Google.

 

Структура сайта и навигация

Тематически сайт подразделяется на следующие разделы:

1. Новости;

2. О Компании;

3. Услуги;

4. Портфолио;

5. Контакты.

Все разделы имеют подразделы, описанные ниже.

Ссылки

Все активные ссылки делятся на 3 части:

· на подстраницы;

· на функциональные элементы;

· на файлы для загрузки и перекрёстные ссылки на другие сайты.

Типовые страницы

1. Первый уровень – входная страница.

2. Второй уровень (универсальный) – это подразделы любого уровня, вывод результатов поиска, подписки и т.п.

3. Вид для печати – упрощённый макет, с функцией «на печать», «вернуться». Содержит логотип, текстовое содержимое раздела и предупреждение о законности использования информации.

Дизайн часть проекта

Дизайн страниц выполняется в строгом соответствии с корпоративным стилем компании.

Содержание и функционал сайта

Начальная страница

Навигация по разделам и подразделам.

На данной странице осуществляется переход на различные разделы сайта.

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

Новости

Новости компании, включая новости всех разделов с переходом на архив новостей.

Текстовое описание + возможность разместить небольшую картинку фиксированного размера.

1.1. Архив новостей

Автоматически формируемый архив новостей.

1.2. Аналитика

Тематические публикации, обзор СМИ.

Реализована возможность добавления статей и даты статьи.

1.2.1 Статья 1

Статья 1.

1.2.2 Статья 2

Статья 2.

1.3. Пресса о нас

Реализована возможность добавления статей и даты статьи.

1.3.1 Статья 1

Статья 1.

1.3.2 Статья 2

Статья 2.

1.4. Интервью

Реализована возможность добавления статей и даты статьи.

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

1.4.1 Статья 1

Статья 1.

1.4.2 Статья 2

Статья 2.

Опрос

На начальной странице присутствует администрируемый опрос по схеме «вопрос и несколько вариантов ответа». Есть возможность просмотреть результаты.

О компании

Презентационный раздел.

2.1 Миссия

Общая информация.

2.2 Команда

Информация о сотрудниках компании с указанием должности, ссылкой на e-mail и размещением фотографии.

2.3 Партнеры

Информация о партнерах. Список партнеров с логотипами.

2.3.1 Партнер 1

Информация о партнере.

2.3.2 Партнер 2

Информация о партнере.

2.4 Вакансии

Список открытых вакансий и онлайновое резюме.

2.5 Сотрудничество

Текстовое описание условий сотрудничества.

2.6. Неофициальная часть

Неофициально об _________. Краткое резюме о пристрастиях, увлечениях, фоторепортажи о наших путешествиях и приключениях.

Услуги

Информация о предоставляемых компанией услугах

3.1. Размещение рекламы на светодиодных дисплеях

Прайс-лист и краткие технические данные дисплея в виде таблицы.

3.2. Продажа информационных систем

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

3.2.1 ИС 1 Фото, теххарактеристики

3.2.2 ИС 2 Фото, теххарактеристики

3.3 Продажа мобильных ИС

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

3.3.1 МИС 1

Фото, теххарактеристики

3.3.2 МИС 2

Фото, теххарактеристики

Портфолио

Раздел содержит базу готовых роликов, список подрядчиков, список по роликам и по клиентам. Предусматривает перекрестный доступ к просмотру.

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

· Студия;

· Видео/текстовый ролик;

· Клиент;

Каждый элемент базы содержит кроме того:

· Заголовок;

· Дату;

· Ролика и скриншот или текст (в случае текстовой реклама);

Описание.

4.1. Видеоролики

По умолчанию открывается первый ролик и список остальных роликов

4.1.1 Видеоролик 1

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

4.1.2 Видеоролик 2

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

4.2. Текстовая реклама

По умолчанию открывается первая реклама

4.2.1 Реклама 1

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

4.2.2 Реклама 2

Страница содержит заголовок, дату, рекламный текст, описание, ссылку на другие работы студии-разработчика и другие работы для этого клиента

4.3. Клиенты

Информация о клиентах. Список клиентов с логотипами.

4.3.1 Клиент 1

Страница содержит заголовок, логотип, описание.

4.3.2 Клиент 2

Страница содержит заголовок, логотип, описание.

4.4. Дизайн-студии

Информация о дизайн студиях и список студий с логотипами.

4.4.1 Студия 1

Страница содержит заголовок, логотип, описание студии.

4.4.2 Студия 2

Страница содержит заголовок, логотип, описание студии.

Реклама на дисплее

Графическая ссылка для быстрого перехода на подраздел 3.1, где посетитель может сразу видеть необходимую информацию.

Контакты

Предусматривает форму для вопроса клиента, при заполнении которой вопрос отсылается модератору

После его обработки, рассмотрения и ответа выкладывается на сайт и отправляется на указанный e-mail клиента, задавшего этот вопрос.

Поля формы:

1.Имя

2.E-mail

3.Вопрос

Графическое изображение фрагмента карты проезда со схематическим изображением местонахождения фирмы. Адрес. Телефоны. Е-mail

Карта сайта и поиск

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

Интерфейсные удобства

(мнемонические объекты)

- Добавить в избранное

- Без графики (Версия для печати)

- Отослать ссылку

- Отключить анимацию

В виде иконок с дубляжом текстом – внизу страницы. Возможно – все текстом.

ПРИЛОЖЕНИЕ 1. Структура сайта.

 

Начальная страница

Новости

1.1 Архив новостей

1.2 Аналитика

1.2.1 Статья 1

1.2.2 Статья 2

1.3 Пресса о нас

1.3.1 Статья 1

1.3.2 Статья 2

1.4 Интервью

1.4.1 Статья 1

1.4.2 Статья 2

О компании

2.1 Миссия (общая информация)

2.2 Команда (офис, фото офиц.)

2.3 Партнеры

2.3.1 Партнер 1

2.3.2 Партнер 2

2.4 Вакансии (онлайновое резюме)

2.5 Сотрудничество

Услуги

3.1 Размещение рекламы на светодиодных дисплеях

3.2 Изготовление рекламных роликов

3.3 Продажа информационных систем

3.3.1 Дисплей 1

3.3.2 Дисплей 2

3.4 Продажа мобильных ИС

3.4.1 МИС 1

3.4.2 МИС 2

3.5 Аренда МИС
4. Портфолио

4.1 Видеоролики

4.1.1 Ролик 1

4.1.2 Ролик 2

4.2 Текстовая реклама

4.2.1 Текстовая реклама 1

4.2.2 Текстовая реклама 2

4.3 Клиенты

4.3.1 Клиент 1

4.3.2 Клиент 2

4.4 Дизайн-студии

4.4.1 Студия 1

4.4.2 Студия 2

Контакты

Задание №2

 

САЙТ КОНДИТЕРСКОГО КОМБИНАТА

«_______________»

( наименование )

Цель проекта

 

Целью данной работы является разработка электронного представительства кондитерского комбината «_________» с возможностью последующего размещением в сети Интернет.

 

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

 

Имиджевая.

Формирование стиля и образа компании. Стилевое оформление сайта должно соответствовать корпоративному стилю компании.

 

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

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

 

Рекламная.

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

 

1 Общие требования к сайту

 

· Стилистическое оформление

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

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

Допустимо использование иных распространенных шрифтов (Verdana, Tahoma и др.) в том случае, если их замена на стандартные шрифты не приведет к визуальному искажению текста. Размер (кегль) шрифтов должен обеспечивать удобство восприятия текста при минимально допустимом размере экрана.

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

Цвета: фирменный розовый, коричневый, шоколадный, охра. Важно – не должно быть засилья розового и белого.

 

· Требования к функциональности веб-сервера:

Веб-сервер должен обеспечивать возможности:

o управления содержанием и структурой сайта через систему управления контентом;

o осуществления обратной связи c пользователями: прием отзывов и запросов пользователей по e-mail через заполнение специальных форм на сайте;

o обработки статистики посещений (подключение внешней системы статистики HotLog);

o ведения статистики голосований

 

· Требования к браузеру:

Сайт должен обеспечивать корректное отображение данных в следующих браузерах: Internet Explorer 5.0 и выше (Microsoft), Opera 7.0 и выше (Opera Software), Netscape 7.0 и выше (AOL Netscape).

 

· Требования к верстке:

o Сайт должен быть оптимизирован для просмотра при разрешении 1024*768, 1280*1024 без горизонтальной полосы прокрутки и без пустых (белых) полей для основных типов разрешения.

o Мета-теги и контент сайта на этапе изготовления сайта должны быть настроены с учетом требований поисковых систем, что обеспечить продвижение сайта по ключевым словам в руcскоязычных поисковых системах Yandex, Aport!, Rambler, Google.

Структура сайта и навигация

 

О компании

o Общая информация (эта страница открывается по умолчанию);

o Награды;

o Вакансии.

Новости

Наша продукция

o Праздничные торты;

o Торты на каждый день;

o Весовые торты и рулеты;

o Продукция длительного хранения;

o Элитные пирожные;

o Пирожные;

o Наборы пирожных.

 

Торты на заказ (примерная структура, планируется расширение)

o День рождения (рабочее название)

o Свадьба (рабочее название)

o Детский праздник (рабочее название)

o Любимому мужчине (рабочее название)

o День рождения фирмы (рабочее название)

Магазины

o Фирменные магазины

o Магазины по районам или Магазины города (рабочее название)

Отзывы

Контакты

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

 

Главная страница является основной точкой входа на сайт. Она должна обеспечивать доступ ко всем основным разделам сайта (разделам 1-го уровня). Главная страница должна содержать следующие основные элементы:

 

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

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

o Логотип

o Слоган компании: «Торжество вкуса» (должна быть обеспечена возможность замены слогана)

o Копирайт

· Краткую информацию о компании + ссылка на страницу «О компании»

· Блок «Голосование»

На главной странице размещается текст вопроса и варианты ответа (не более 5-ти) с радиобоксами, кнопка подтверждения голосования и ссылка на страницу с данными статистики голосования. Администратор сайта имеет возможность редактировать тексты, а также временно скрывать блок голосования через модуль администрирования.

 

Пример:

Новости

Новости отображаются в виде списка.

Атрибуты новости:

o Дата;

o Заголовок;

o Анонс (может отсутствовать);

o Полный текст новости.

 

Заголовок новости является ссылкой. При нажатии на ссылку осуществляется переход на страницу с полным текстом новости.

Предполагается ограничить количество выводимых на странице новостей (по 10), для этого будет использоваться принцип постраничной навигации в виде текстовых ссылок. Расположение и стиль оформления произвольный. Отображается навигация только в том случае, если количество элементов списка превышает заданное. Пример навигации:

 

[1-10] [ 11-20 ] [21-30] [31-34]

 

Новость

Страница «Новость» формируется динамически по ссылке из разделов «Главная страница» и «Новости». Новость имеет следующую структуру:

 

o Дата;

o Заголовок;

o Полный текст (может включать изображения).

Дополнительно в верхней части страницы отображается ссылка «Вернуться к списку новостей».

 

О компании

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

Раздел содержит ссылки на следующие разделы 2-го уровня:

 

o Награды

o Вакансии

Награды

 

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

 

o Изображение;

o Название;

o Краткое описание.

 

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

Дополнительно в верхней части страницы отображается ссылка «Вернуться к списку наград».

 

Вакансии

Формирование и оформление текста на странице осуществляется владельцем сайта и может иметь произвольную форму. На странице так же размещается форма обратной связи. Форма имеет следующие поля:

 

o Фамилия, Имя, Отчество;

o Ваш e-mail;

o Название вакансии;

o Текст сообщения.

 

Поля «Фамилия, Имя, Отчество», «Название вакансии» и «Текст сообщения» обязательны для заполнения и должны быть выделены (цветом, шрифтом, пиктограммой или иным способом). Форма может предваряться дополнительным текстом.

 

Также форма содержит следующие кнопки:

o Отправить

o Очистить.

 

После заполнения формы и нажатия на кнопку «Отправить» система проверяет корректность данных, и в случае ошибки выводит сообщение над формой. В случае успешной отправки там же выводится соответствующее сообщение.

8. Наша продукция (каталог товаров)

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

 

o Праздничные торты;

o Торты на каждый день;

o Весовые торты и рулеты;

o Продукция длительного хранения;

o Элитные пирожные;

o Пирожные;

o Наборы пирожных.

 

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

 

Подкаталоги представлены в виде списка. Атрибуты списка:

 

o Изображение;

o Наименование подкаталога;

o Краткий анонс товарной категории.

 

Изображение и наименование являются ссылками. По ссылке открывается страница соответствующего подкаталога.

 

Подкаталог

 

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

Информация о товарах в подкаталоге выводится в виде списка. Информация о товаре имеет следующую структуру:

 

o Название;

o Изображение (фиксированный размер);

o Вес;

o Описание;

o Атрибут «Новинка! » (может не отображаться).

 

Помимо перечисленных ранее элементов, общих для всех внутренних страниц, раздел «Подкаталог» предполагает наличие следующих дополнительных элементов:

 

· Навигация по подкаталогам

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

 

10. Торты на заказ (элитный каталог)

Раздел предоставляет доступ к каталогу элитной продукции. Раздел содержит вступительный текст и ссылки на подкаталоги:

 

o День рождения;

o Свадьба;

o Детский праздник;

o Любимому мужчине;

o День рождения фирмы.

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

 

o Изображение;

o Наименование подкаталога;

o Краткий анонс товарной категории.

 

Изображение и наименование являются ссылками. По ссылке открывается страница соответствующего подкаталога.

 

Страницы подкаталогов Элитного каталога оформляются аналогично п. 10.

Магазины

Страница имеет ссылки на подразделы:

o Фирменные магазины;

o Магазины по районам;

 

Фирменные магазины

На странице представлен перечень фирменных магазинов (9 магазинов) с адресами и ссылками на карты с местоположением каждого магазина.

 

13. Магазины по районам ( ___ районов)

На странице представлен список районов. Название района является ссылкой. По ссылке открывается страница с перечнем магазинов района. На этой же странице размещается ссылка на карту района с обозначением магазинов.

Отзывы

На странице представлены отзывы пользователей сайта и клиентов. Страница формируется администратором сайта по принципу предмодерируемой гостевой книги. Здесь же располагается ссылка на форму обратной связи «Оставить отзыв». Поля формы:

 

o Фамилия, Имя, Отчество;

o Ваш e-mail;

o Текст сообщения.

 

Поля «Фамилия, Имя, Отчество» и «Текст сообщения» обязательны для заполнения и должны быть выделены (цветом, шрифтом, пиктограммой или иным способом). Форма может предваряться дополнительным текстом.

 

Также форма содержит следующие кнопки:

 

o Отправить;

o Очистить;

 

После заполнения формы и нажатия на кнопку «Отправить» система проверяет корректность данных, и в случае ошибки выводит сообщение над формой. В случае успешной отправки там же выводится соответствующее сообщение.

Контакты

Раздел будет содержать контактную информацию в виде текста свободной формы, редактируемого владельцем сайта. Дополнительно в разделе будет размещена электронная форма для отправки сообщения администратора сайта со следующими полями:

 

o Фамилия, Имя, Отчество

o Ваш e-mail

o Текст сообщения

 

Поля «Фамилия, Имя, Отчество» и «Текст сообщения» обязательны для заполнения и должны быть выделены (цветом, шрифтом, пиктограммой или иным способом). Форма может предваряться дополнительным текстом.

 

Также форма содержит следующие кнопки:

 

o Отправить

o Очистить

 

После заполнения формы и нажатия на кнопку «Отправить» система проверяет корректность данных, и в случае ошибки выводит сообщение над формой. В случае успешной отправки там же выводится соответствующее сообщение.

 

Задание №3

Цель

 

Целью данной работы является разработка электронного представительства строительной компании «_________» возможностью последующего размещением в сети Интернет.

 

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

 

Имиджевая.

Формирование стиля и образа компании. Стилевое оформление сайта должно соответствовать корпоративному стилю компании.

 

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

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

 

Рекламная.

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

Общие требования к сайту

 

· Стилистическое оформление

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

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

 

Допустимо использование иных распространенных шрифтов (Verdana, Tahoma и др.) в том случае, если их замена на стандартные шрифты не приведет к визуальному искажению текста. Размер (кегль) шрифтов должен обеспечивать удобство восприятия текста при минимально допустимом размере экрана.

 

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

Цвета: яркие цвета (голубой, зеленый, красный).

 

· Требования к функциональности веб-сервера:

 

Веб-сервер должен обеспечивать возможности:

o управления содержанием и структурой сайта через систему управления контентом;

o осуществления обратной связи c пользователями: прием отзывов и запросов пользователей по e-mail через заполнение специальных форм на сайте;

o обработки статистики посещений (подключение внешней системы статистики HotLog);

o ведения статистики голосований

 

 

· Требования к браузеру:

Сайт должен обеспечивать корректное отображение данных в следующих браузерах: Internet Explorer 5.0 и выше (Microsoft), Opera 7.0 и выше (Opera Software), Netscape 7.0 и выше (AOL Netscape).

 

· Требования к верстке:

o Сайт должен быть оптимизирован для просмотра при разрешении 1024*768, 1280*1024 без горизонтальной полосы прокрутки и без пустых (белых) полей для основных типов разрешения.

o Мета-теги и контент сайта на этапе изготовления сайта должны быть настроены с учетом требований поисковых систем, что обеспечить продвижение сайта по ключевым словам в руcскоязычных поисковых системах Yandex, Aport!, Rambler, Google.

Структура сайта и навигация

1 Главная страница (обложка сайта):

Содержит графическую часть, основную навигацию, внутреннюю навигацию раздела «Каталог», а также контентную область для того, чтобы посетитель сайта с первой страницы мог получить вводную информацию «О компании» и «Каталог», а также ознакомиться с последними новостями компании.

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

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

Внутренняя навигация раздела «Каталог» отображается в виде списка в левой части экрана под шапкой в виде колонки в текстовом виде для последующей легкой модификации данной области.

Между шапкой и контентной областью предполагается «баннерная крутилка». Атрибуты:

§ Название баннера

§ Картинка

§ Ссылка на ресурс

§ Количество показов

§ Отображать на странице

 

Контентная область первой страницы делится на разделы:

а) «О компании» - содержит краткую информацию раздела со ссылкой», ведущую на раздел «О компании»;

б) «Новости» - содержит 3 последние новости (анонсы) компании в формате: дата, заголовок, краткое содержание. Ссылка с заголовка новости переходит на страницу с полным содержанием данной новости (анонса);

в) «Каталог» - верхние разделы каталога отображаются в виде списка в формате: заголовок, маленькая картинка, краткое содержание. Ссылки с заголовка и картинок ведут на полное описание верхних разделов каталога.

Внизу страницы отображается облегченная навигационная панель в текстовом виде, Copyright, контактный e-mail.

 

2 Графическая оболочка внутренних страниц (общая для всех подразделов):

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

Внутренняя навигация раздела «Каталог» отображается в виде списка в левой части экрана под шапкой в виде колонки в текстовом виде для последующей легкой модификации данной области.

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

Между шапкой и контентной областью предполагается «баннерная крутилка».

Внизу страницы отображается облегченная навигационная панель в текстовом виде, Copyright, контактный e-mail, ссылка на «Основную страницу» сайта.

 

3 Описание контента разделов сайта:

Основная навигация:

О компании – текст + фото – 1 страница;

Новости. На странице отображается список новостей в формате: дата новости, заголовок, содержание. Последние новости всегда добавляются вверх списка;

Услуги – текст + фото – 1 страница;

Отзывы – список в формате: дата, имя, e-mail, текст отзыва;

Отправить отзыв - форма с полями: имя, e-mail, url, телефон, город, сообщение;

Вопросы и ответы – список в формате: текст вопроса, текст ответа;

Задать вопрос – форма с полями: имя, e-mail, url, телефон, город, сообщение;

Контакты – контактная информация + mail-форма с полями: имя, e-mail, url, телефон, город, сообщение;

Поиск – стандартная форма с поиском информации по сайту.

 

Туры:

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

Туры – список туров с возможностью поиска в соответствии с заданными параметрами.

Первая страница раздела «Туры» оформляется в виде формы с выпадающими полями:

Вид тура;

Подвид тура;

Регион;

Месяц;

Спецпредложения (отмечается галочкой).

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

В результатах поиска отображается таблица с полями:

Вид тура;

Подвид тура;

Месяц;

Регион;

Название тура;

Краткий комментарий.

Если это спецпредложение, сделать пометку в таблице напротив данной строки.

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

Итого - база данных туров будет иметь следующие атрибуты:

Вид тура;

Подвид тура;

Месяц;

Регион;

Название тура;

Краткий комментарий;

Полное описание (html-формат);

Спецпредложение.

Отображать на странице

Заказать тур – отдельная форма в формате: имя, телефон, e-mail, адрес, вид тура, желательное время, дополнительные комментарии. Со страницы идет дополнительная ссылка на раздел «Туры» с пометкой приблизительно такого содержания: «Вы также можете выбрать тур из нашей базы данных и оформить заказ на выбранный Вами тур»

 

Каталог ( требуется структура полного дерева – иерархии каталога ):

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

Элементы второго уровня каталога (виды) отображаются в виде списка под полным описанием в формате: название, маленькая картинка, краткое описание. С названия и маленькой картинки идут ссылки на полное описания элемента второго уровня.

Элементы третьего уровня (регионы) отображаются в виде списка под полным описанием в формате: название, маленькая картинка, краткое описание. С названия и маленькой картинки идут ссылки на полное описания элемента третьего уровня.

 

Задание №4

ЦЕЛЬ

 

Создать для сети Интернет веб-ресурс «________________ - информационная поддержка малого бизнеса», обеспечить размещение оперативной информации, разместить подробную информацию об ИД “________________”, выпускаемых изданиях и предлагаемых услугах (анонсы номеров, подписка на издания, условия размещения рекламы, информация о распространении изданий и др.).

Обеспечить возможность эффективной интеграции веб-ресурса в сеть Интернет;

Обеспечить информационную поддержку партнеров и клиентов компании «________________», оперативное оповещение о событиях в сфере предпринимательства налогообложения, недвижимости, права, а также, новинках и иных новостях ИД;

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

 

1 Общие требования к сайту

 

Стилистическое оформление

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

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

Допустимо использование иных распространенных шрифтов (Verdana, Tahoma и др.) в том случае, если их замена на стандартные шрифты не приведет к визуальному искажению текста. Размер (кегль) шрифтов должен обеспечивать удобство восприятия текста при минимально допустимом размере экрана.

Сайт должен быть оптимизирован для просмотра при разрешении 1024*768, 1280*1024 без горизонтальной полосы прокрутки и без пустых (белых) полей для основных типов разрешения.

123456Следующая ⇒

Поделиться: