Как сделать картинку фоном для вашего сайта

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

Как самостоятельно установить фоновое изображение

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

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

Процесс установки изображения

После выяснения особенностей макета и краткого изучения html, можно приступать к установке фонового рисунка, для этого необходимо сделать следующее:
- Приготовьте и отредактируйте выбранное изображение. Обратите внимание на расширение изображения, картинка должна иметь один из трех форматов: jpeg, gif или png. Убедитесь что ширина изображения соответствует ширине страницы.
- Загрузите изображение на сервер, на котором находится ваш сайт.
- Загрузите необходимую страницу сайта в редактор html-кода.
- Найдите в коде строку «background-image». Такой строки может и не быть, в таком случает создайте ее в поле тэга «body».
- Пропишите путь к загруженному на сервер изображению.
- Убедитесь в отсутствии ошибок и сохраните изменения.
После этого откройте отредактированную страницу в браузере, где вы сможете увидеть результат вашей работы.

Похожие статьи:
Продвижение сайта является ключевой задачей для развития страницы, ведь без этого невозможно привлечь внимание пользователей,...
Создавая свое предприятие или зарабатывая деньги в интернете, со временем каждый бизнесмен сталкивается с проблемой рекламы...
Бесплатные шаблоны сайтов html– это макеты, которые служат для создания сайтов абсолютно любого типа и тематики. Большим...
Если Вы решили создать свой сайт-визитку, блог, форум, галерею или любой другой Интернет-ресурс, то неизбежно...
  Если вы решили заняться разработкой собственного сайта или сайт необходим для нужд вашей компании,...
Яндекс.Метрика