S1
Колодезный пер., д. 2А, стр. 1 107076 Москва, Россия
+7 (499)340-64-04, +7 (499)340-64-04, info@s1-agency.ru

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

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

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

Как известно, задать фон (background) для сайта можно в атрибутах тега body, например, используя стили CSS. Рассмотрим основные доступные установки для фона сайта:

background-color – цвет фона. Выбирается из обычной палитры цветов;

background-image – картинка для фона. Указывается адрес файла изображения;

background-repeat – повторение выбранной картинки. По умолчанию она повторяется по вертикали и горизонтали, заполняя весь экран. Можно выбрать повтор только по горизонтали (repeat-х), по вертикали (repeat-y) или без повтора (no-repeat);

background-attachment – привязка. По умолчанию задано scroll – фон перемещается при прокрутке вместе со стриничкой. Можно зафиксировать его, задав fixed. Это весьма эффектный прием, особенно, если фоном для сайта служит красивый рисунок или фотография. Применение прозрачности для страницы может дополнительно усилить художественный эффект. Следует, однако, помнить, что сложный фиксированный фон замедляет прокрутку страниц на слабых компьютерах;

background-position – расположение фонового рисунка: в центре, слева, справа, снизу или сверху.

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

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

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

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

P.S. Надеюсь, этот небольшой пост в полной мере ответил Вам на вопрос – как сделать фон на страничке. И теперь Вы с легкостью создадите шикарный фиксированный фон на своем сайте.

Нужно продвижение?
По хорошей цене?
С финансовой гарантией результата?
Остались вопросы?
наш телефон:
Чат с менеджером