Как добавить фон на сайт?

2 ноября 2014 г. Просмотров: 512 Инструкции
Фон в исходном коде веб-страниц, в зависимости от использованного дизайна, может задаваться либо указанием цвета, либо ссылкой на файл изображения с добавлением параметров ее позиционирования. Это может быть сделано непосредственно в HTML-тегах, в отдельном CSS-блоке в заголовочной части исходника или в отдельном файле с описаниями стилей.
Создать сайт самостоятельно с Wix.com

Инструкция

  • Откройте исходный код того блока, который используется на вашем сайте для задания фона его страниц.
    При использовании какой-либо системы управления этот блок, как правило, выделяется в отдельный файл. Сама система управления имеет инструменты для его редактирования непосредственно в браузере. В зависимости от конкретной системы эта процедура может быть организована по-разному - например, через редактор страниц. Если вы не используете системы управления, то соответствующий файл надо скачать к себе в компьютер и открыть в каком-либо редакторе. Лучше использовать специализированный HTML-редактор, но можно пользоваться и самым простым Блокнотом.
  • Добавьте в тег body атрибут bgcolor с указанием цветового оттенка, если фоном страницы должен быть цвет, а не картинка. Например:Здесь указан темно-оранжевый цвет в качестве фона. Не любое текстовое («мнемоническое») название оттенка браузер в состоянии распознать, поэтому лучше использовать шестнадцатеричный код цвета. Например, темно-оранжевому цвету соответствует код FF8C00:
  • Используйте атрибут background вместо bgcolor в теге body, если фон должен быть задан изображением, а не цветом. Например, если файл с фоновым изображением называется bgPic.gif и лежит на сервере в папке images, то тег body может быть записан так:
  • Поместите в заголовочную часть исходного кода описание стилей, если хотите задавать фон страницы с использованием языка CSS. Например, описание стилей на языке CSS, заменяющее указанный в теге body темно-оранжевый цвет в качестве фона, может выглядеть так:
  • body {background-color: DarkOrange;}

    А задать фоновую картинку можно таким описанием стилей:

    body {background: #FF8C00 url(images/bgPic.gif) repeat-y;}

    Здесь кроме ссылки на картинку указан и фоновый цвет (#FF8C00) - если на странице будут места, не закрытые фоновым изображением, то они будут окрашены в указанный здесь цветовой оттенок. Параметр repeat-y задает повторение фонового изображения по вертикали (вдоль оси Y). Если повторять изображение нужно по горизонтали, то следует использовать значение repeat-x, а для запрета повторения рисунка - no-repeat. Поместить описание стилей можно перед тегом , закрывающим заголовочную часть HTML-кода.

  • Сохраните сделанные изменения в редакторе страниц, либо сохраните и загрузите скачанный файл обратно на сервер, если редактирование кода производилось в файле на вашем компьютере.
  • Оцените статью!