Для начала я создал документ 1000х1000+ пикселей.
Далее я начал рисовать шапку сайта. Рисовал долго, т.к. не мог определиться что на ней будет.Выпив чашку ароматного чая "Беседа"(ненавязчивая реклама спонсора), я сделал небольшой коллаж. Получилась такая вот шапка:
Потом я нарисовал меню для сайта, рисовал его не очень долго :)
Описание каждого шага в создании меню и поиска: 1) Нарисовал и залил градиентом область меню и формы поиска. 2) Наложил текстуру, добавил пункты меню и разделители. 3) Показал, как будет вести себя ссылка в пункте меню в активном состоянии и при наведении курсора. Меню готово. Теперь можно выпить чашечку вдохновляющего чая "Беседа"(ненавязчивая реклама спонсора). Осталось создать форму для поиска. 4) Сделал форму поиска и написал неожиданное слово "Поиск" :D 5) Добавил кнопку, нажав на которую собственно и осуществится поиск по сайту. В итоге получилось следующее:
Нарисовав меню я сделал боковые блоки: новые поступления, контакты и информер погоды.
Описание процесса создания блока "Новые поступления": 1) Создал саму форму блока. 2) Добавил текстуры аля-лёД. 3) Добавил немного синего цвета по периметру - кажется так лучше :) 4) Красиво расположил информацию, вдохновившись чашечкой чая "Беседа"(ненавязчивая реклама спонсора). То же самое проделал с блоком "Контакты",а блок "Погода" сделал очень просто - взял скрин информера с Гисметио и вставил его :) Готово! Вот что вышло:
Переходим к контенту. Для начала я сделал там: расширенный поиск, товар из категории "лыжи" и небольшой текстовый блок. Потом, прислушавшись к совету одного хорошего человека(с веблансера, кстати), я выставил по одному, самому популярному товару для каждой категории. Вышло так:
Процесс создания блока "Форма расширенного поиска" описывать не буду, т.к. он похож на создание блока "Новые поступления". А вот процесс создания блока "Вид товара" опишу подробно:
1) Сделал основную форму, на которой располагается фотография товара. 2) Добавил саму фотографию Чая "Беседа"(ненавязчивая реклама спонсора). 3) Написал название товара, категорию, к которой он относится и цену. Осталось нарисовать футер. Я выпил чашку чая "Беседа" и снова принялся за работу. В футере я расположил свой копирайт(сам себя не похвалишь - никто не похвалит). Копирайт, дублировал главное меню.Смотрите:
Не закрывайте страницу!!! Чуть не забыл лого! Логотип я нарисовал примерно за 10-20 минут. Много времени ушло на подбор шрифта. После "пришивки" логотипа, шапка сайта выглядит так:
И, сам макет:
Приятного чаепития!!!
|