| |
а возможность стала использоваться лишь после
того, как ее поддержка появилась в браузерах.
Прозрачный цвет позволяет создавать изображения произвольной формы - пикселы
рисунка,
имеющие этот цвет, при просмотре в браузере становятся невидимы. В связи с
тем, что у большей части изображений прямоугольную форму имеет только пустой
фон,
а сам рисунок занимает область произвольной конфигурации в центре
прямоугольного
фона, такой режим отображения может оказаться очень полезным.
Посмотрим, как можно использовать изображение с прозрачным цветом. Такое
изображение
BG.GIF вы можете найти на предлагаемом с книгой компакт-диске в папке
\Web\ChapO3\web. Вставим в Web-документ geoton.html рисунок с прозрачным цветом.
В файле BG.GIF в указанной папке хранится та же фотография, что и в файле BG.
JPG, с
которым мы работали до сих пор, но записанная в формате GIF таким образом, что
серый
цвет фона припросмотре в браузере становится прозрачным.
>- Откройте в программе Блокнот (Notepad) файл geoton.html.
>• Отредактируйте код HTML файла, использовав в качестве значения атрибута
background
открывающего тега адрес файла BG.GIF на вашем сайте так, чтобы
этот элемент принял примерно такой вид:
>- Сохраните файл geoton.html и откройте его в браузере.
Пока нет подключения к Интернету фон открытого документа - однотонный синий,
как
это определено атрибутом bgcolor.
> Установите связь с Интернетом и скопируйте рисунок BG.GIF с компакт-диска в
каталог вашего сайта, например, на geoton.narod.ru, как это описано в главе 2
этой книги.
> Обновите изображение в окне браузера. Браузер подключится к указанному в
адресе
сайту и начнет загрузку рисунка.
Когда рисунок будет загружен, сначала может показаться, что фотография девушки
сделана
на синем фоне. В действительности же синий цвет - это цвет фона страницы, а
прежний серый цвет фона фотографии в браузере стал прозрачным и сквозь него
виден
синий фон документа. В этом можно убедиться, если изменить цвет фона страницы
на
любой другой, изменив значение атрибута bgcolor.
> Прервите связь с Интернетом.
>• Сохраните рисунок фона в папке Web, щелкнув правой кнопкой мыши на рисунке в
окне браузера и выбрав команду контекстного меню Сохранить фон как (Save
Background
As).
>- Закройте программу просмотра и редактор Блокнот
|
|