Как сделать сайт в программе Dreamweaver ?

Как поставить картинку на задний фон страницы

Коды с данной страницы см.здесь - Тема Фон, № 2.

Начнём с того, чтобы поставить картинку на задний фон страницы, её надо иметь в наличии! И лучше, чтобы она была высокого качества! Глупо ставить на задний фон отстойную картинку!

Поэтому, сперва скачаем архив с хорошими картинками! Далее выберем ту картинку, которая нам понравилась, копируем её в папку назначения, создадим путь к ней!

После тог, как у вас есть, что ставить на задний фон страницы, начнём установку!

Мы, как и раньше рассмотрим два варианта:

  1. Создаём новую страницу, создадим новый файл css, пропишем в нем картинку на задний фон. Прикрепим его к странице. Посмотрим на пример размещения фона на странице.
  2. Поставим на задний фон страницы картинку –фотографию, без использования файла css. Посмотрим результат!

1.

Как поставить картинку на задний фон через css.

Создали страницу, назовём её:

Kartinka-na-zadniy-fon-Primer.html

Создадим новый файл css, назовём его:

Kartinka-na-zadniy-fon-Primer.css

Следующим шагом прикрепим данный файл css, к нашей странице.

Вставляем такую. Строчку в нашу страницу:

<link href="../Fon/Kartinka-na-zadniy-fon-Primer.css" rel="stylesheet" type="text/css" />

 И осталось прописать свойство с картинкой на заднем фоне.

body{
background-image: url(../1_foto/Oboi-na-zadniy-Fon/Venice.jpg);
}

Смотрим на наш файл css.

Пример страницы,  в которой мы поставили  картинку на задний фон, через файл,css.

Как поставить картинку на задний фон.

Второй вариант установки картинки на задний фон, без файла css.
Создадим новую страницу, назовём её:

Kartinka-na-zadniy-fon-Primer-1.html

Пропишем свойство заднего фона уже на самой странице! Для этого нам потребуется код стилей с картинкой, вставляем его после тегов.:

<style type="text/css">
<!--
/* CSS Document */
body{
background-image: url(../1_foto/Oboi-na-zadniy-Fon/Venice.jpg);
}
-->
</style>

Для того, чтобы посмотреть код страницы – нажимаем – ctrl + U.

Пример страницы, с установленной на задний фон картинкой – смотрим.

А теперь самое время развлечься!

Улучши поведенческий фактор на своём сайте!

Если понравится игра, то можно забрать код для своего сайта отсюда!