Как сделать свою страницу цветной?

2 ноября 2014 г. Просмотров: 355 Инструкции
Цветной фон на сайте не только привлекает внимание посетителей, но и передает им настроение ресурса. Сайты космической тематики создают атмосферу загадочности фоном в виде звездного неба, развлекательные ресурсы поднимают настроение сочными цветами теплых цветов, веб-сервисы городских служб показывают свою официальность строгим оформлением и фонами преимущественно серых и синих оттенков. Сделать цветной собственную веб-страницу можно несколькими способами.

Создать сайт самостоятельно с Wix.com

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

  • - свой сайт
  • - хотя бы начальные знания HTML

Инструкция

  • Чтобы сделать цветной однотонный фон, найдите в HTML-коде такую теги и . Внесите изменения в первый тег таким образом:
  • .

    В этой конструкции запись #FFFF33 - закодированный оттенок желтого цвета.

  • Цвет страницы можно указать не только кодом, но и специальными словами - названиями основных цветов. Для обозначения цвета фона словом напишите такой код:
  • .

    Здесь "yellow" - это название желтого цвета.

  • Вместо кодового обозначения желтого цвета или его названия внесите в тег желаемое обозначение нужного вам цвета фона, пользуясь этой подсказкой:
  • красный - "red" ("#FF0000")

    синий - "blue" ("#0000FF")

    зеленый - "green" ("#008000")

    розовый - "pink" ("#FFC0CB")

    фиолетовый - "violet" ("#EE82EE")

    оранжевый - "orange" ("#FFA500")

    черный - "black" ("#000000")

  • Если вы хотите, чтобы на фоне сайта было повторяющееся изображение, то подберите небольшую по размеру картинку, на фоне которой будет хорошо виден текст. Залейте картинку на сайт. Для помещения картинки в качестве фона впишите такой код в тег
  • В этой записи вместо "/images/fon.jpg" укажите путь к нужной картинке.

  • Цвет веб-страниц можно задавать не только в коде HTML, но и с помощью стилей CSS. Используя эти стили, не нужно каждый раз устанавливать фон в коде новой страницы. Для определения фона в CSS между тегами и поместите такую запись:
  • body {

    background: #FFFF33;

    }

    Здесь цвет фона задается параметром background.

  • Если вы хотите в CSS сделать фон с помощью изображения, то между и напишите такой код, вместо '/images/fon.jpg' указав путь к нужной картинке:
  • body {

    background-image: url('/images/fon.jpg');

    background-repeat: repeat;

    }

    Здесь параметр background-image определяет фоновую картинку, background-repeat - повторяемость картинки. на странице.

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