
- •Оглавление
- •Общее описание проекта
- •Состав и содержание работ
- •1. Очередность работ
- •Меню сайта
- •Карта сайта
- •Повторяющиеся элементы на всех страницах сайта
- •2. Подвал сайта
- •Главная страница
- •1. Содержимое страницы
- •Страница «о продукте»
- •1. Содержимое страницы
- •Страница «Производство»
- •1. Содержимое страницы
- •Страницы «Экологичность», «Технологичность», «Качество воды», «Контроль этапов»
- •1. Содержимое страницы
- •Страница «История валенок»
- •1. Содержимое страницы
- •Страница «Конкурсы»
- •1. Содержимое страницы
- •Страница «Контакты»
- •1. Содержимое страницы
- •Страница «Где купить»
- •1. Содержимое страницы
- •Страница «ошибка 404»
- •1. Содержимое страницы
- •Страница «Карта сайта»
- •1. Содержимое страницы
- •Страницы «Лицензия», «Правила пользования»
- •1. Содержимое страницы
- •Заставка к сайту
- •1. Принцип работы
- •Административная часть сайта
- •1. Содержимое страницы
- •2. Вход в административную часть
- •Тестирование
- •Требования к верстке
- •Используемые технологии и языки программирования
Страница «о продукте»
Теги <title> Водка «Валенки» - www.valenkivodka.com </title>
1. Содержимое страницы
Повторяющиеся элементы, такие как шапка, футер.
При переходе на страницу начинает проигрываться красочный анимационный фильм о продукте. Можно пропустить. По окончанию сворачивается в компактное окно.
Текстовое представление продукта.
Упоминание наград продукта.
Модульная сетка страницы О продукте
Вариант модульной сетки при ширине экрана 320 пикселей (мобильные телефоны портретная ориентация)
Вариант модульной сетки при ширине экрана 480 пикселей (мобильные телефоны альбомная ориентация)
Вариант модульной сетки при ширине экрана 600 пикселей (небольшие планшеты портретная ориентация)
Вариант модульной сетки при ширине экрана 800 пикселей (небольшие планшеты альбомная ориентация)
Вариант модульной сетки при ширине экрана 768 пикселей (планшеты уровня Apple IPad 2-3, mini портретная ориентация)
Вариант модульной сетки при ширине экрана 1024 пикселей (планшеты уровня Apple IPad 2-3, mini альбомная ориентация)
Вариант модульной сетки при ширине экрана 1280 пикселей (широкоформатные мониторы)
Вариант модульной сетки при ширине экрана 1600 пикселей (широкоформатные мониторы)
Страница «Производство»
Теги <title> Водка «Валенки» - www.valenkivodka.com </title>
1. Содержимое страницы
Повторяющиеся элементы, такие как шапка, футер.
Большой блок с описанием плюсов в производстве продукта.
Ниже динамические иконки (меняются при наведение), отражающее основные этапы производства. Они же ссылки на подробное описание данного этапа (повторяют ссылки с основного меню в подкатегории «Производство»).
Модульная сетка страницы Производство
Вариант модульной сетки при ширине экрана 320 пикселей (мобильные телефоны портретная ориентация)
Вариант модульной сетки при ширине экрана 480 пикселей (мобильные телефоны альбомная ориентация)
Вариант модульной сетки при ширине экрана 600 пикселей (небольшие планшеты портретная ориентация)
Вариант модульной сетки при ширине экрана 800 пикселей (небольшие планшеты альбомная ориентация)
Вариант модульной сетки при ширине экрана 768 пикселей (планшеты уровня Apple IPad 2-3, mini портретная ориентация)
Вариант модульной сетки при ширине экрана 1024 пикселей (планшеты уровня Apple IPad 2-3, mini альбомная ориентация)
Вариант модульной сетки при ширине экрана 1280 пикселей (широкоформатные мониторы)
Вариант модульной сетки при ширине экрана 1600 пикселей (широкоформатные мониторы)
Страницы «Экологичность», «Технологичность», «Качество воды», «Контроль этапов»
Теги <title> Водка «Валенки» - www.valenkivodka.com </title>
1. Содержимое страницы
Повторяющиеся элементы, такие как шапка, футер.
Большой блок с анимацией, описывающий выбранный этап.
На нем же динамические иконки (меняются при наведение), отражающее основные этапы производства. Они же ссылки на подробное описание данного этапа (повторяют ссылки с основного меню в подкатегории «Производство»).
Текстовое описание одного из выбранных этапов (Экология, Технология, Качество, Контроль).
Модульная сетка страниц этапов
производства
Вариант модульной сетки при ширине экрана 320 пикселей (мобильные телефоны портретная ориентация)
Вариант модульной сетки при ширине экрана 480 пикселей (мобильные телефоны альбомная ориентация)
Вариант модульной сетки при ширине экрана 600 пикселей (небольшие планшеты портретная ориентация)
Вариант модульной сетки при ширине экрана 800 пикселей (небольшие планшеты альбомная ориентация)
Вариант модульной сетки при ширине экрана 768 пикселей (планшеты уровня Apple IPad 2-3, mini портретная ориентация)
Вариант модульной сетки при ширине экрана 1024 пикселей (планшеты уровня Apple IPad 2-3, mini альбомная ориентация)
Вариант модульной сетки при ширине экрана 1280 пикселей (широкоформатные мониторы)
Вариант модульной сетки при ширине экрана 1600 пикселей (широкоформатные мониторы)