Как изменить фон сайта?

2 ноября 2014 г. Просмотров: 1464
Если фон страниц вашего сайта состоит из одной картинки, которая имеет ширину сайта и размножается по вертикали, то поменять его можно только редактированием этой картинки в графическом редакторе. А если фон формируется в коде страниц, то их можно изменить, воспользовавшись инструкциями приведенными ниже.
Создать сайт самостоятельно с Wix.com

Инструкция

  • Чтобы изменить фон, сначала надо определить - каким образом он задан в текущей версии страниц сайта. Для этого следует открыть исходный код страницы, лежащей на сервере. Это можно сделать обычным текстовым редактором, подойдет стандартный Блокнот. А если вы используете какую либо систему управления сайтом, то страницу можно отредактировать прямо в браузере посредством встроенного редактора страниц.HTML-код страницы (HTML - HyperText Markup Language, «язык разметки гипертекста») состоит из строк с инструкциями для браузера, описывающими типы, внешний вид и расположение каждого элемента веб-страницы. Эти инструкции называют «тегами» и они сгруппированы в блоки, один из который начинается с открывающего тега и заканчивается закрывающим тегом . Согласно стандартам языка HTML в открывающем теге можно задать параметры фона страницы. Делается это размещением в нем атрибута bgcolor:Здесь задан зеленый цвет для фона этой страницы. Некоторые цвета по стандартам HTML имеют собственные имена - например, Chocolate или Gainsboro, но обычно используют шестнадцатеричные коды цветов:Если цвет фона, задан этим способом, вам следует, найти в коде страницы тег body и заменить значение атрибута bgcolor на нужное вам.
  • В страницах с более сложным дизайном для описания внешнего вида чаще используют CSS (Cascading Style Sheets - «каскадные таблицы стилей»). CSS - это язык, созданный именно для описания внешнего вида элементов html-документа. Блоки CSS-кода могут быть либо включены в код страницы, содержаться в отдельном файле с расширением "css" и подключаться к странице специальной инструкцией в исходном коде страницы.Вам следует найти в коде страницы тег - если он будет ссылаться на внешний файл, то нужно открыть для редактирования этот самый файл. Выглядеть такая ссылка может так:@import "style.css";А если после тега сразу идут инструкции, а не ссылка на файл, то редактировать стили надо здесь. В обоих случаях вам надо искать ту часть описания стилей, которая относится к телу документа - body. Но в языке CSS это уже будет называться не «тегом» а «селектором», и выглядеть может, например, так:
  • body {

    background-color: Green;

    color: White;

    }

    Вам надо заменить значение параметра background-color - он задает цвет фона страницы. И здесь тоже есть возможность указывать некоторые цветовые оттенки по именам, но лучше использовать шестнадцатеричные значения. Например, шестнадцатеричное значение для оттенка Chocolate = #D2691E.Есть возможность указать не только цвет, но и изображение для фона:body {

    background: Green url(img/bg.jpg) repeat-x;

    color: White;

    }Здесь url(img/bg.jpg) означает, что из папки img для фона страницы будет браться картинка с именем bg.jpg, а repeat-x означает, что она будет размножена по оси X, то есть по горизонтали. Все остальное пространство страницы, не закрытое картинкой будет иметь зеленый фон - он указан перед параметром url. Чтобы картинка была размножена по оси Y (по вертикали), надо указать, соответственно, repeat-y. A no-repeat отключит всякую репликацию фоновой картинки.Совет добавлен 17 марта 2011 Совет 2: Как поменять фон на сайте Тот, кто любил в школе алгебру и английский язык сможет быстро научиться программировать на начальном уровне. Но сейчас создаются решения опытными программистами по созданию платформ для создания сайтов. При чем сайт может сделать даже школьник.

    Вам понадобится

    • Платформа для создания сайта Ucoz.

    Инструкция


  • При создании сайта вам предлагается выбрать определенный шаблон (тему оформления) вашего будущего сайта. Чаще всего получается так, что шаблон вам понравился, а фон в этом шаблоне оказался неудачным. Чтобы сменить фон вашего шаблона необходимо сделать следующее: откройте "Панель управления" вашего сайта - "Управление дизайном" - "Редактирование шаблонов" - откройте "Таблицу стилей (CSS)". Теперь нажмите сочетание клавиш "Ctrl+F" (поиск) - введите "body". После "background" мы увидим адрес расположения этой картинки.

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

  • После того, как вы нашли основную картинку вашего сайта, отредактируйте ее в Photoshop'e либо замените на другую. По поводу размеров картинки ограничений нет, желательно подобрать картинку, что будет хорошо вписываться в дизайн сайта. После выбора или редактирования картинки необходимо загрузить ее в "Файловый менеджер".

  • Возвращаемся к "Таблице стилей (CSS)", находим строку "body" и меняем название старого фона на новый. Нажимаем кнопку "Сохранить" - переходим на главную страницу и наслаждаемся новым фоном на вашем сайте.
  • Также в "Таблице стилей" можно найти и изменить много других настроек. Этот файл отвечает за графическую составляющую вашего шаблона.
    • как в вконтакте поменять фон
    Как поменять фон на сайте - версия для печати

    Оцените статью!