Как сделать сайт в программе Dreamweaver ?
Как поставить картинку на задний фон страницы
Коды с данной страницы см.здесь - Тема Фон, № 2.
Начнём с того, чтобы поставить картинку на задний фон страницы, её надо иметь в наличии! И лучше, чтобы она была высокого качества! Глупо ставить на задний фон отстойную картинку!
Поэтому, сперва скачаем архив с хорошими картинками! Далее выберем ту картинку, которая нам понравилась, копируем её в папку назначения, создадим путь к ней!
После тог, как у вас есть, что ставить на задний фон страницы, начнём установку!
Мы, как и раньше рассмотрим два варианта:
- Создаём новую страницу, создадим новый файл css, пропишем в нем картинку на задний фон. Прикрепим его к странице. Посмотрим на пример размещения фона на странице.
- Поставим на задний фон страницы картинку –фотографию, без использования файла 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.
Пример страницы, с установленной на задний фон картинкой – смотрим.
А теперь самое время развлечься!
Улучши поведенческий фактор на своём сайте!
Если понравится игра, то можно забрать код для своего сайта отсюда!