Первый шаг на пути создания текстурного фона — рисование или загрузка не — большого изображения в формате GIF (файла текстуры), которое будет использо — ваться для формирования фона Web-страницы. Для создания вашего собственно —
го элемента текстуры можно воспользоваться таким графическим редактором, как
Photoshop. Кроме того, можно взять готовое изображение из галереи картинок,
поставляемой вместе с пакетом Microsoft Office, или выгрузить его из таких Web —
сайтов, как Microsoft Design Gallery Live (http://dgi. microsoft. com). После по —
Глава 4. Каскадные списки стилей 213
лучения требуемого изображения сохраните его в каталоге изображений Web-сай —
та (например, в каталоге images). Далее, вставьте на страницу следующее прави — ло каскадного списка стилей:
body {background-image:url(images/marbleTile. gif)}
Web-браузер создаст мозаику (т. е. выведет на экран копии) изображения, со —
держащегося в файле, адрес которого указывается в скобках после ur l в правиле
каскадного списка стилей в объявлении свойства background-image. В приведен- ном примере Web-браузер заполнит фон Web-страниц текстурой из файла
marbieTiie. gif, как показано на рис. 4.17. Для изменения типа текстуры заме —
ните images/marbleTile. gif относительным путем и именем файла, в котором содержится изображение выбранной текстуры.
«Водяной знак» напоминает текстурный фон в том, что он также представляет собой графическое изображение, выводимое позади другого содержимого Web — страницы. Тем не менее, «водяной знак» выводится на страницу только один раз
и не копируется с целью заполнения всего фона Web-страницы. Более того, при пролистывании содержимого страницы в окне браузера желательно, чтобы «водя- ной знак» оставался на месте. К счастью, каскадные списки стилей предоставля — ют свойства фона, которые позволяют расположить на странице одну копию «во — дяного знака» и удерживать его на одном месте во время пролистывания содержимого страницы.