Druzya.org
Возьмемся за руки, Друзья...
 
 
Наши Друзья

Александр Градский
Мемориальный сайт Дольфи. 
				  Светлой памяти детей,
				  погибших  1 июня 2001 года, 
				  а также всем жертвам теракта возле 
				 Тель-Авивского Дельфинариума посвящается...

Библиотека :: Компьютеры и Программирование :: В.Н. Печникова - Создание Web-страниц и Web-сайтов
<<-[Весь Текст]
Страница: из 416
 <<-
 
ойство background-repeat может иметь также следующие значения: 

• repeat - фон повторяется как по горизонтали, так и по вертикали; это значение 
устанавливается 
по умолчанию; 
• repeat-х - фон повторяется только по горизонтали; 
^ repeat-у - фон повторяется только по вертикали. 


Создание Web-сайтов 

Положение фонового рисунка на странице можно изменить с помощью свойства 
background-
position. В качестве значений этого свойства указываются ключевые слона, 
характеризующие положение изображения по вертикали - top (вверху), center (по 
центру), 
bottom (внизу) - и по горизонтали - left (слева), center (по центру), right 
(справа). Первым должно указываться вертикальное положение. Например, код 
background-
position: center center выровняет рисунок по центру страницы как по 
горизонтали, так и по вертикали. 

>• Добавьте в описание свойств элемента body файла spisok.html свойство 
background-
position: center center. Элемент  в этом файле 
должен принять следующий вид: 

 

Фоновый рисунок будет помещен в центре страницы, при этом нижняя и верхняя 
части 

страницы, а также правая и левая при разрешении монитора 1024x768 и выше, будут 


заполнены сплошным цветом. 

> Просмотрите еще раз изображение в окне браузера, воспользовавшись 
вертикальной 
полосой прокрутки, и обратите внимание на то, что фоновый рисунок прокручивав 
гея 
вместе с текстом. 

Вы можете, однако, фиксировать изображение так, чтобы при прокрутке фон 
страницы 
оставался неподвижным, а текст перемещался относительно фонового изображения. 
Для этого в элементе body следует использовать свойство background-attachment 
со 
значением fixed: background-attachment: fixed. 

> Вставьте указанное свойство в описание стиля элемента body. Элемент 
 HTML-кода файла spisok.html должен принять следующий вид: 

 

Теперь вы увидите, что при прокрутке страницы фоновое изображение остается 
непод


вижным, а текст и другие элементы Web-страницы перемещаются относительно фона. 

Как видите, использование языка каскадных таблиц стилей предоставляет больше 
воз


можностей для представления фонового изображения на Web-странице, чем 
применение 

атрибута background в теге . 

Изображения для использования в качестве фона и рисунков в своих Web-страницах 
вы 

можете свободно загрузить со следующих Web-сайтов: 

http://www.abcgiant.com/ 

http://barrysclipart.com/ , 

http://www.arttoday.com/ 


Графика для Web-страниц

€пы/пь J№4. «Прозрачная» графика 

Во второй версии графического формата GIF, разработанной в 1989 году, появилась 
возможность 
указывать прозрачный цвет, т.е. такой цвет, сквозь который видно все, что под 
ним находится. Но по-настоящему э
 
<<-[Весь Текст]
Страница: из 416
 <<-