Техника Web-дизайна для студента
Подготовка фоновых изображений
Фоновое изображение призвано сделать web-страницу более оригинальной, привлекательной и запоминающейся. При создании фоновых изображений следует придерживаться следующих рекомендаций.
□ Тема фонового рисунка должна соответствовать теме страницы.
□ Размеры рисунка должны быть в несколько раз меньше размеров страницы, что, прежде всего, обусловлено требованием быстрой загрузки файла рисунка по сети. В этом случае рисунок будет многократно повторяться, заполняя пространство страницы, поэтому следует обратить внимание на то, чтобы границы стыковки не портили общего впечатлении от фона.
□ Фоновый рисунок должен быть достаточно бледным, чтобы не мешать восприятию расположенной на странице информации и, прежде всего, текста. Это достигается одновременным увеличением яркости и уменьшением контраста.
Осуществление стилизации фонового рисунка к теме web - страницы возможно с помощью фильтров. Изменить яркость и контраст изображения можно в диалоговом окне Brightness/Contrast (Яркость/Контраст), которое открывается командой меню Image | Adjustments | Brightness/Contrast (Изображение | Настройки | Яркость/Контраст). Ползунок Brightness (Яркость) предназначен для увеличения (уменьшения) яркости изображения, а ползунок Contrast (Контраст) — контраста изображения. Установив флажок Preview (Предварительный просмотр), можно наблюдать результат непосредственно на изображении.
Пример создания фонового изображения:
|
В качестве исходного рисунка для создания фонового изображения будем использовать рис. 3.28, а.
С) Рис. 3.28. Создание фонового изображения: а — исходное изображение, 6 — изображение после применения фильтра, с — изображение после увеличения яркости и уменьшения контраста |
О Применим к рисунку фильтр Mosaic Tiles (Мозаичные плитки) из группы Texture (Текстура). Результат показан на рис. 3.28, Ь.
О Сделаем рисунок более ярким (Brightness = +90) и уменьшим его контраст (Contrast = -70) (рис. 3.28, с).
□ Вставим полученное изображение в HTML-документ в качестве фонового.
О В окне браузера фоновое изображение будет выглядеть следующим образом (рис. 3.29).
|
-ш |
'3 Фоновое изображение - Microsoft Internet Explorer
Файл Правка Вид Избранное Сервис Справка
В качестве фонового изображения используется рисунок 300x190 пикселов, к которому применен фильтр Mosaic Тiles, увеличена яркость и уменьшен контраст.
Рис. 3.29. Фоновое изображение в окне браузера
