Как сделать фон для сайта?

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

Зачем делать красивый фон?

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

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

Теперь нам необходимо создать маленький документ с html расширением. Это мы будем делать при помощи замечательной программы, которая подходит для работы с веб-документами – это NOTEPAD++. Сначала создадим новый документ в данной программе. Перед редактированием его обязательно нужно сохранить под определенным именем. Создайте сразу папку на рабочем столе для вашего сайта, куда вы отправите свой индексный файл. Рекомендуется делать папку на английском языке, чтобы у браузера не было путаницы и неправильного отображения ресурса. Кроме этого в главной папке своего сайта необходимо сделать еще две подпапки, в одной будут сохраняться картинки, чтобы вы делали фон для сайта, а в другой будут находиться каскадные таблицы стилей, где вы сохраните файл style.css

Работа с документом

Теперь приступаем к работе с документом. Нужно вставить шаблон html кода – главный каркас, с которого будет начата работа с фоном. Его можно скачать в Интернете. Затем перенесите скаченный код в свой файл программы. Около наименования файла вы увидите красный диск. Если он красный, то файл не сохранился, обязательно нажмите на кнопку сохранить, чтобы дискетка обрела синий цвет.

В теге title рекомендуется изменить наименование документа, к примеру, «веб страница». Важно убедиться, что ваш файл сохранен в коде UTF-8. Иначе, если будет другая кодировка, то текст вашего документа в браузере отобразится в виде иероглифов. Поменять код можно в меню Кодировки, которое вы найдете на панели инструментов. Обязательно сохраняйте каждое свое действие.

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