Интернет

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

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

При выборе фона для сайта следует определиться с таким нюансом, будет ли сайт заполнять весь экран. Правильнее всего делать всё сразу так, чтобы изображение сайта и на больших разрешениях отображалось красиво, но это может привести к тому, что картинка сайта будет сильно растянута. Лучше всего выбирать шаблоны не более 1000 символов, по ширине видимой части контента. Такое разрешение устраивает больше 95% пользователей. А теперь рассмотрим, как сделать фон для сайта технически. Это также легко как сделать вкладки в яндексе.

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

Первый из них background-color

- выполняет выбранный цвет фона. Можно выбирать любой понравившийся цвет. Название цвета можно писать в таком вот виде - background-color: #EAEDCC background-color: red. В кодах на html расписана вся палитра цветов. Какой-либо монотонный цвет, который используется в качестве фона, не будет излишне нагружать сайт, но и эффектности у такого сайта будет немного меньше, чем у сайта с фоновым изображением.

Атрибут background-image

- задает выбранное фоновое изображение. В надписи в виде background-image: img/superfon.gif за двоеточием указан адрес изображения, то есть, после двоеточия вы указываете адрес своего выбранного изображения. Дополнительно можно задать повторение картинки по разным направлениям вверх, вниз, вправо, влево.

Атрибут background-attachment

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

Следующий атрибут background-position

- задаёт расположение фона. У него имеется 5 параметров center, top, left, right и bottom.

Все эти описанные атрибуты и параметры задаются в таблице стилей css. Все вместе будет выглядеть приблизительно так…<body style="background-image: url(fon.gif); background-repeat: repeat-x; background-position: top;"> .

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

Вам будет полезно прочитать: Как создать платный сайт
Обратите Ваше внимание! Это кнопка помощи! Получите совет своих друзей, ведь среди них есть те, кто сталкивался с таким же вопросом! Чтобы узнать мнение друзей за один клик - нажмите на социальную сеть, в которой вы зарегистрированы:
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Комментарии: Оставить комментарий
Дима

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