Урок HTML 3. Bgcolor и Background

Фев 25 • HTML-уроки • 1447 Views • Комментарии к записи Урок HTML 3. Bgcolor и Background отключены

Сегодня поговорим о фоне ваших страниц. А то просто белый цвет как-то скучновато выглядит. Фонов на моем сайте более чем предостаточно — выбирай на вкус. Поэтому выбирайте. Вы пока выбирайте, а я напишу о том, как же нам сделать страничку цветной. Для этого есть специальные атрибуты. Эти атрибуты ставятся в теге BODY. Один из этих тегов отвечает за цвет фона — это bgcolor, а второй именно за фон в виде картинки — background. bgcolor — отвечает за цвет фона. Этот цвет можно поставить в буквенном или в числовом значении (таблицу с этими значениями можете посмотреть во втором уроке почти в самом низу). Числовые значения можно брать также в Photoshop на палитре цветов. Ради примера откроем наш шаблон или любой уже созданный файл в html и попытаемся окрасить его в какой-нибудь из цветов. Я открою шаблон и создам новый файл otrytka.html. Где использую наш только что выученный bgcolor — цвет для фона страницы, а также уже известные нам приемы для текста. Только не пугайтесь — это скриншот с программы PSPad, тоже самое можете написать в своем Блокноте, от этого качество вашей странички не пострадает.

Урок HTML 3. Bgcolor и Background

Сохраняем этот файл и смотрим на нашу красоту. Напоминаю, что файл нужно сохранить с расширением htm, чтоб мы могли увидеть нашу страничку в браузере.

Урок HTML 3. Bgcolor и Background

Поэкспериментруйте с разными цветами. Може не всем нравится розовый цвет, может у кого-то этот цвет не подходит к картинке. Я думаю, в любом случае стоит поиграть с разными цветами — так лучше запомнится этот атрибут. Значение для этого атрибута также можно записывать и буквами, например bgcolor=»pink». Только решетку # тут перед названием цвета не нужно.

Ну, вы пока экспериментируйте, а я , тем временем, напишу про другой атрибут background. Для background можно использовать любой рисунок, который вам нравится, только помните, что края этого рисунка должны совпадать друг с другом, чтоб они смотрелись красиво, как обои. Есть и другой вариант, это когда фоновый рисунок занимает все пространство рабочей страницы. Только здесь нужно учитывать, что у всех экраны разного размера. И если на одном экране этот фон будет смотреться просто замечательно, то на другом он будет смотреться просто ужасно. К тому же сама картинка может слишком много весить и страница будет загружаться очень долго. И ваши посетители могут не дождаться, чтоб увидеть всю красоту, которую вы для них приготовили. А когда фон заполняется одной маленькой картинкой, то страница весит очень мало и быстро загружается.

Да, ну и наговорила я. В общем, я не буду долго мучится над выбором фонового изображения. На моем сайте предостаточно фоновых картинок, одну из которых я и выберу. Чего и вам желаю. После этого открываю свой скрипт и пишу в нем вот что:

Урок HTML 3. Bgcolor и Background

При этом, прошу заметить, что атрибут bgcolor я не удаляю. Объясняю почему: это на тот случай, если кто-то из моих посетителей отключает картинки. Так вот при отключенных картинках, конечно, не будет виден background, зато прекрасно будет виден bgcolor. Теперь открываем нашу страницу и любуемся результатом:

Урок HTML 3. Bgcolor и Background

По-моему, получилось просто чудесно. А у вас там что? Тоже красота? Я рада за ваши успехи. Попробуйте поменять для страницы разные фоны и выберите наиболее подходящий. А в следующем уроке мы научимся делать галерею из картинок при помощи HTML.

Related Posts

Comments are closed.

« »