Для подготовки web-страницы надо решить две задачи — разработать внешний
вид (оформление) и написать HTML-код, реализующий его. В обязанности web-дизайнера
часто входит только первая задача — разработка и реализация идеи оформления
страницы, отвечающей требованиям заказчика. Подготовка описания страницы
на языке HTML во многих фирмах, занимающихся разработкой сайтов, возлагается
на плечи специалистов в области web-программирования. Одновременно с этим
могут разрабатываться необходимые серверные программы (сценарии), базы
данных и другие программные элементы.
При такой организации работ от дизайнера,
как правило, требуют представить рисунок страницы со всеми необходимыми
графическими элементами и образцами текста — макет. Программист, пользуясь
графическим редактором, разрезает макет на элементы и использует их при
окончательной компоновке страницы. Разумеется, далеко не все возможности
современных графических редакторов можно совместить с довольно жесткими
ограничениями HTML, поэтому дизайнер должен хорошо представлять возможности
языка HTML и различных версий браузеров.
ВНИМАНИЕ. Основное ограничение языка HTML,
касающееся оформления страниц — все рисунки, находящиеся на странице,
должны быть только прямоугольными. Это связано с тем, что графические
файлы могут хранить изображения только прямоугольной формы. Даже если
вы используете какой-либо объект неправильной формы (отличной от прямоугольника),
вам придется сохранить его в файле в виде прямоугольного изображения.
Наверное, единственным исключением из этого правила являются активные
области карт-изображений. Они могут иметь форму прямоугольника, круга
или многогранника. Различные средства создания сайтов, такие как Flash,
позволяют использовать объекты сложной формы, но сам клип Flash имеет
на странице вид прямоугольника.
В этом уроке речь пойдет об основных приемах подготовки макета web-страницы
при помощи Фотошоп.
Будем считать, что у нас есть все необходимые элементы страницы (заголовки,
рисунки, иллюстрации и т. д.). Рассмотрим методы их размещения в поле
будущего макета, установки на отведенные им места, выравнивания относительно
друг друга. Заметим, однако, что в большинстве случаев удобнее готовить
элементы страницы непосредственно во время подготовки макета. Это позволяет
сразу учитывать требуемые размеры изображений и их цветовую гамму в сочетании
с другими элементами страницы.