Делаем веб-магазин

Александр Федулов

Спецвыпуск: Хакер, номер #050, стр. 050-078-8

В тех областях GIF’ов, где присутствует фон-градиент, путем редактирования палитры делаем пиксели фона прозрачными (из-за ограниченной 256-ю цветами палитры плавный переход одного цвета в другой здесь будет ступенчатым), сквозь которые будет виден заботливо приготовленный нами .JPEG, который еще и идеально подходит для градиентов. И тут раздадутся возмущенные голоса: "А как же .PNG?" Но мы ответим им, что время этого формата еще не пришло и не все современные браузеры корректно поддерживают его отображение. Я нисколько не отрицаю его прогрессивности - в отдельных случаях он легко обставляет своих конкурентов, но все веб-дизайнеры, как настоящие заложники браузеростроителей, с нетерпением будут ждать новых версий "бродилок", для того чтобы поэкспериментировать с альфа-каналами и порадоваться прочим вкусностям .PNG. Но это будет завтра, а сегодня - пользуемся тем, что есть.

Напоследок

Исходные файлы дизайна сайта в формате .PNG (для редактирования рекомендуется Macromedia Fireworks), а также .HTML, таблицу стилей и оптимизированные изображения ты найдешь на прилагаемом к журналу компакт-диске. Жалею, что не получилось вместить сюда вопросы проектирования Flash-карты, которые сами по себе просят отдельной статьи. Как она устроена и почему именно так - ты можешь спросить у меня или у Максима Шамана, по доброте душевной отдавшего свою аську тебе на растерзание (150457117), за что ему большое человеческое спасибо. Также я хотел бы поблагодарить Дениса Киселева (программера) за добрые советы и здравые идеи по проектированию сайта.

www.useit.com - сайт отца usability Якоба Нильсена

www.flash99good.com - вопросы usability Flash-сайтов

www.usability.ru - URL говорит сам за себя

www.alistapart.com - Библия веб-дизайнера

Macromedia Studio MX 2004 в составе:

Freehand - для создания векторных объектов;

Flash - для создания карты;

Fireworks - для разработки дизайна, нарезки и оптимизации растровых изображений;

Dreamweaver - для верстки макета;

Apple Textedit как редактор таблицы каскадных стилей.

Задавая цвет полосы прокрутки браузера, ты должен помнить, что эти прелести доступны лишь Windows-юзерам, использующим Internet Explorer.

Назначая параметр border в стилях форма, имей в виду, что вместе с текстовыми полями ввода ты "украсишь" и Checkbox’ы, которые в образованном границами квадрате будут выглядеть нелепо.

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