образовательный центр

Изменение фона страницы

Содержание:

Изменение цвета фона
Установка фонового изображения на сайт
Настройки фона
Очень важная рекомендация

 

 

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



 

Вы увидите две вкладки "Фон" и "Фон сраницы". Чтобы вы не путались, уточним:


 

Изменение цвета

Для того, чтобы изменить цвет фона, просто кликните на прямоугольник напротив пункта "Цвет фона", после чего появится окошко палитры, где вы сможете выбрать цвет. 



 

 

Установка фонового изображения на сайт

Если вы хотите установить в качестве фона картинку, то кликните на квадрат под надписью "Фоновая картинка".

 

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

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


В нашем случае мы выберем паттерн из библиотеки фонов. Библиотека фонов, как  и библиотека клипартов доступна в редакторе конструктора для всех.

 

 

Настройки фона

Теперь можно настроить параметры отображения загруженного вами изображения. 

 

 

Давайте подробнее разберем, что здесь можно настроить:

  • • Повторение - загруженная вами картинка будет повторяться по горизонтали, вертикали, а если выберете пункт просто "Повторять", то в обоих направлениях. 
     
  • • Позиция - изменяет расположение картинки, расположенной на фоне.
     
  • • Масштаб - как понятно из названия, данная опция масштабирует изображение, т.е. изменяет его размер. Давайте разберем этот пункт подробнее. Тут есть три варианта выбора.
    "Автоматически" - оставляет размер изображения по умолчанию.
    "Перекрыть" - растягивает изображение на весь экран. Если отношения сторон изображения и экрана не совпадают, то изображение автоматически обрезается. 
    "Вместить" - растягивает изображение на ту часть экрана, которую вы выбрали в пункте "Позиция".
     
  • • Отображение - тут можно настроить, будет ли изображение прокручиваться вместе со страницей или будет находится статично на одном месте.

 

Очень важная рекомендация  

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

 

Вот так делать не надо! Это очень плохо!


 

Берегите глазки ваших посетителей и они отплатят вам благодарностью и высоким поведенческим фактором. На этом всё. Красивых сайтов вам и удачи!