мы будем использовать две программы: Photoshop для дизайна и ImageReady, поставляющуюся с ним в комплекте, для создания веб-страницы. Для создания сайта этих двух программ вполне достаточно. Если вы заразитесь веб-дизайнерской лихорадкой, то дальше вам стоит обратить внимание на отличное приложение Adobe GoLive CS или Dreamweaver от Macromedia. Однако для нашего проекта они чересчур мощны.
Мы разработаем четыре основных вида страниц: стартовую (своего рода рекламный щит вашего сайта и вашего творчества), главную, которая будет основной навигационной страницей сайта, страницу галереи с мини-эскизами снимков и отдельную страницу для полноразмерной демонстрации каждого шедевра. Попутно мы научимся создавать все, что необходимо для полноценного сайта: ролловеры (элементы, меняющие вид при наведении мыши), кнопки, графические элементы и ссылки.
ОСНОВЫ ДИЗАЙНА
Дизайн галереи должен быть максимально нейтральным — иначе посетители не смогут сконцентрировать свое внимание на ваших фотоработах. Помните, для акцента именно на снимках надо избегать отвлекающих украшательств вокруг них. То же самое касается и шрифтов — одного элегантного начертания вполне достаточно, а разделом „все шрифты мира" мы займемся как-нибудь в другой раз.
Первый шаг в разработке любого веб-сайта — маленького или большого — состоит в создании схематичной диаграммы, где отражены все страницы и связи между ними. После этого вы четко представляете систему навигации и количество страниц, которое нужно создать, а, следовательно, можете смело запускать Photoshop и приступать к разработке дизайна.
ИНСТРУМЕНТ SLICE (НАРЕЗКА)
Инструмент Slice разрезает вашу страницу на кусочки, создавая несколько более мелких файлов. Затем они снова будут собраны в единое в файле формата HTML. Зачем тогда нужна нарезка? Чтобы иметь возможность оптимизировать разные участки страницы по разным правилам. К счастью, изучать язык HTML вам не придется — обо всем позаботятся Photoshop и ImageReady.
НАХОДИТСЯ в панели инструментов Photoshop и ImageReady
ИСПОЛЬЗУЕТСЯ для нарезки страницы с целью оптимизации создаваемого веб-сайта ПРИМЕНЕНИЕ — при использовании инструментов Slice и Slice Select вы можете переключаться между ними, удерживая нажатой клавишу Ctrl (Windows) или Command (Mac OS).
