Самоучитель по креативному веб-дизайну. Книга 2, стр.12

готипа компании или «водяных Знаков».



ПРАКТИКУМ

Первый шаг на пути создания текстурного фона — рисование или загрузка не — большого изображения в формате 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-страницы. Более того, при пролистывании содержимого страницы в окне браузера желательно, чтобы «водя- ной знак» оставался на месте. К счастью, каскадные списки стилей предоставля — ют свойства фона, которые позволяют расположить на странице одну копию «во — дяного знака» и удерживать его на одном месте во время пролистывания содержимого страницы.

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

Оставить комментарий

Вы должны авторизоваться для отправки комментария.

Полезные ссылки
Случайные записи
  • 07.03.2011">Руководство по actionscript. часть 4, стр. 117
  • 08.03.2011">Руководство по actionscript. часть 4, стр. 088
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.14
  • 02.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.100
  • 20.02.2011">Как сделать дождь в Adobe Photoshop?
  • 28.07.2011">Что мешает росту ТИЦ?
  • 16.03.2011">Руководство по actionscript. часть 3, стр. 015
  • 20.03.2011">Руководство по actionscript. часть 2, стр. 063
  • 15.03.2011">Руководство по actionscript. часть 3, стр. 055
  • 03.03.2011">Руководство по actionscript. часть 5, стр. 075
  • 03.03.2011">Руководство по actionscript. часть 5, стр. 062
  • 02.03.2010">Новый вид ретвитов (retweet) в твиттере
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.70
  • 06.03.2011">Руководство по actionscript. часть 4, стр. 133
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.39
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...