|
Пожалуйста, уточните, кто автор курса Основы работы с HTML ? |
Инспектор
Вы можете этот курс.
Опубликован: 25.10.2006 | Уровень: для всех | Доступ: платный
Лекция 8:
Фон страницы в HTML
Аннотация: Этот урок посвящен оформлению фона web-страницы графическими элементами. А также на практическом примере рассматриваются аспекты работы HTML с цветовой палитрой.
Немаловажную роль играет фон, используемый на сайте. Хороший фон может существенно улучшить внешний вид Web-сайта, а при неправильном подборе цветовой схемы читаемость ваших страниц значительно ухудшится, что вызовет негативные ощущения у посетителей сайта. И у них не возникнет желания вернуться сюда еще раз. Рассмотрим все вышеизложенное на примере. В первом примере представлено хорошее сочетание фона и текста, а во втором наоборот, комбинация, использование которой совершенно не рекомендуется.
<html> <body bgcolor="#d0d0d0"> <h1>Хороший цвет фона и текста</h1> <p>Пример комбинации цвета фона и цвета текста, которая позволяет без проблем читать текст на странице.</p> </body> </html>
Пример выполнения данного HTML-кода
<html> <body bgcolor="#ffffff" text="yellow"> <h1>Плохой цвет фона и текста</h1> <p>Пример комбинации цвета фона и цвета текста, которая создает трудности при чтении текста на странице.</p> </body> </html>
Пример выполнения данного HTML-кода
Фон
Тег <body> имеет два атрибута, которые позволяют определить фон. Фон можно задавать с помощью цвета или изображения.
Bgcolor
Атрибут bgcolor определяет цвет фона для страницы HTML. Значение этого атрибута может быть шестнадцатеричным числом, значением RGB, или названием цвета:
<body bgcolor="#000000"> <body bgcolor="rgb(0,0,0)"> <body bgcolor="black">
Все приведенные выше строки задают цвет фона как черный. Наиболее часто используется первый способ задания цвета.
Background
Атрибут background определяет изображение для фона страницы HTML. Значением этого атрибута является адрес URL изображения, которое желательно использовать. Если изображение меньше окна браузера, то изображение будет циклически повторяться, пока не заполнит все окно браузера.
<body background="clouds.gif"> <body background="http://www.w3schools.com/clouds.gif">
Адрес URL может быть относительным (как в первой строке выше) или абсолютным (как во второй строке выше).
Примечание: Если вы хотите использовать фоновое изображение, необходимо помнить о следующем:
- Не будет ли фоновое изображение слишком увеличивать время загрузки?
- Будет ли фоновое изображение хорошо сочетаться с другими изображениями на странице?
- Будет ли фоновое изображение хорошо сочетаться с цветами текста на странице?
- Будет ли фоновое изображение хорошо выглядеть, когда оно циклически повторяется на странице?
- Не будет ли фоновое изображение отвлекать внимание от текста?
