Сегодня поговорим
о фоне ваших страниц. А то просто белый цвет как-то
скучновато выглядит. Фонов на моем сайте более чем предостаточно -
выбирай на вкус. Поэтому выбирайте. Вы пока выбирайте, а я напишу о
том, как же нам сделать страничку цветной. Для этого есть специальные
атрибуты. Эти атрибуты ставятся в теге
BODY.bgcolor, а
второй именно за фон в виде картинки -
background.bgcolor -
отвечает
за цвет фона. Этот цвет можно поставить в буквенном или в числовом
значении (таблицу с этими значениями можете посмотреть во втором уроке
почти в самом низу). Числовые значения можно брать также в Photoshop на
палитре цветов. Ради примера откроем наш шаблон или любой уже созданный
файл в html и попытаемся окрасить его в какой-нибудь из цветов. Я
открою шаблон и создам новый файл otrytka.html. Где использую наш только
что выученный bgcolor - цвет для фона
страницы, а
также уже известные нам приемы для текста. Только не пугайтесь - это
скриншот с программы PSPad, тоже самое можете написать в своем Блокноте,
от этого качество вашей странички не
пострадает.Один из этих тегов отвечает за цвет фона - это
Сохраняем этот файл и смотрим на
нашу красоту. Напоминаю, что файл
нужно сохранить с расширением htm, чтоб мы могли увидеть нашу страничку в
браузере.
Поэкспериментруйте с разными
цветами. Може не всем нравится розовый
цвет, может у кого-то этот цвет не подходит к картинке. Я думаю, в любом
случае стоит поиграть с разными цветами - так лучше запомнится этот
атрибут. Значение для этого атрибута также можно записывать и буквами,
например bgcolor="pink". Только решетку #
тут перед названием цвета не
нужно. Ну, вы пока экспериментируйте, а я ,
тем временем, напишу про другой атрибут
background. Для background
можно использовать любой рисунок, который вам нравится, только помните,
что края этого рисунка должны совпадать друг с другом, чтоб они
смотрелись красиво, как обои. Есть и другой вариант, это когда фоновый
рисунок занимает все пространство рабочей страницы. Только здесь нужно
учитывать, что у всех экраны разного размера. И если на одном экране
этот фон будет смотреться просто замечательно, то на другом он будет
смотреться просто ужасно. К тому же сама картинка может слишком много
весить и страница будет загружаться очень долго. И ваши посетители могут
не дождаться, чтоб увидеть всю красоту, которую вы для них приготовили.
А когда фон заполняется одной маленькой картинкой, то страница весит
очень мало и быстро
загружается. Да, ну и наговорила я. В общем, я
не буду долго мучится над выбором фонового изображения. На моем сайте
предостаточно фоновых
картинок, одну из которых я и выберу. Чего и вам желаю. После
этого открываю свой скрипт и пишу в нем вот
что:
При этом, прошу заметить, что
атрибут bgcolor я не
удаляю. Объясняю почему: это на тот случай, если кто-то из моих
посетителей отключает картинки. Так вот при отключенных картинках,
конечно, не будет виден background, зато
прекрасно будет виден bgcolor. Теперь
открываем нашу страницу и любуемся
результатом:
По-моему, получилось просто
чудесно. А у вас там что? Тоже красота? Я
рада за ваши успехи. Попробуйте поменять для страницы разные фоны и
выберите наиболее подходящий. А в следующем уроке мы научимся делать
галерею из картинок при помощи HTML.
Источник: http://shalena.net.ua/html-odhiee/ |