школа по созданию сайтов





Фон для сайта

   

На этой страничке Вы можете бесплатно скачать фон для сайта, а также узнать, как его правильно установить. Вначале мы установим фон для сайта в целом, точнее для каждой отдельной его страницы. А чуть ниже рассмотрим, как Вы можете оптимизировать и улучшить фон для сайта или блога.

Фон для сайта html-тегами уже почти никто не устанавливает. Поэтому мы установим фон сайта с помощью CSS. Для этого создайте файл css, либо откройте с помощью редактора, созданный Вами ранее, и допишите в нём, ближе к началу странички, следующие строки:


		html {
		background: url(../img/ifon.png) 
		left top no-repeat; 
		background-attachment: scroll;
		}

		

В каждом html-файле Вашего сайта требуется подключить указанный файл css. Это мы можем сделать с помощью вставки между заголовочными тегами документа следующей строки:


		< html >
		< head >
		< title > Фон для сайта < /title >

		< link href="css/style.css" 
		rel="stylesheet" type="text/css" / >

		< /head >

		< body >

		< /body >
		< /html >

		

Теперь мы должны подобрать наш фон и адаптировать его. Изображение фона или его текстуры Вы должны поместить в соответствующую папку. По умолчанию в css-примере показан путь от корневого каталога (главной папки) Вашего сайта, но Вы можете указать и другой путь.

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


		html {
		background: url(../img/ifon.png) 
		left top repeat; /* убрали no- */
		background-attachment: scroll;
		}

		

Правой кнопкой мышки вы можете скачать фон для сайта. Предложенные здесь Варианты часто использует сам автор. Эти картинки для фона сайта имеют небольшой вес и могут быть использованы самостоятельно или как основа.

фон для сайта   фон для сайта ткань   фон для сайта полоски   фон для сайта сердечко

Лёгкий фон для сайта может быть представлен множеством разноцветных точек или линий, а также небольших прямоугольных фигур. Картинки фона сайта могут быть удачны и, вместе с тем, довольно просты:

фон сайта

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

В этом случае, чтобы не помещать изображение размером с весь экран, т.к. оно может долго грузиться, имеет смысл сделать фон, для сайта состоящий из несколько картинок, которые помещены в разных блоках.


		

		< body >

		< table id="tab1" width="960" 
		align="center" border="1" >

		< tr height="250" >
		< td width="130" > < /td >
		< td width="700" > < /td >
		< td width="130" > < /td >
		< /tr >

		< /table >

		< /body >

		

Фон сайта может состоять также из нескольких слоёв. Например, Вы установили «задний фон для сайта», и также можете использовать фон для каждой таблички (при табличной вёрстке) или фон для отдельного элемента завёрстки. Фон таблицы сайта, включая атрибуты содержимого текста и др., устанавливается следующим образом:


		#tab1 {
		background: url(../img/fon1.png) 
		center scroll repeat-y; 
		font-family: "Times New Roman", sans-serif; 
		color:#570000; font-size: 18px; 
		font-style: normal; font-weight: bold;
		}

		

Такой дополнительный фон для сайта даёт выгодные возможности, и Вы можете создавать сайты потрясающей красоты. Более того, Вы также можете создавать динамический фон для сайта, который сейчас становится очень популярным, например, благодаря технологии parallax scrolling и другим. Фон сайта установить просто!

 



по созданию сайтов

© www.1artsite.com | Все права защищены.
© Создание сайта Сергей Меркоев, 2010-2016 гг.