NATALI
Вторник, 24.10.2017, 01:24
Меню сайта
КАТЕГОРИИ РАЗДЕЛА
Дизайн [15]
Скрипты для ucoz [3]
Онлайн радио
Друзья сайта
Шокирующие факты Недвижимость, отдых, туризм в Крыму гриб,дарующий здоровье ФОНЫ ДЛЯ САЙТОВ И БЛОГОВ
Вы на сайте
гость под номеромСчетчик посещений Counter.CO.KZ - бесплатный счетчик на любой вкус!
*********
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0


ЧАСЫ
Главная » Статьи » Уроки » Дизайн

Фон страницы

Сегодня поговорим о фоне ваших страниц. А то просто белый цвет как-то скучновато выглядит. Фонов на моем сайте более чем предостаточно - выбирай на вкус. Поэтому выбирайте. Вы пока выбирайте, а я напишу о том, как же нам сделать страничку цветной. Для этого есть специальные атрибуты. Эти атрибуты ставятся в теге 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.



Источник: http://shalena.net.ua/html-odhiee/
Категория: Дизайн | Добавил: Belinda (20.02.2011)
Просмотров: 1338 | Теги: фон страницы | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:
Музыка ветра
Погода,Часовня
Молитва undefined (часовня)
Отправить СМС
БилайнМегафонMTC
Зажги свечу
Жми сюда
Праздники
Праздники Украины
Фраза дня