В данном уроке вы узнаете что такое фон сайта, какой он бывает.
Суть:
1. Что такое фон сайта?
Фон сайта - это задняя (фоновая) часть сайта. Которая служит для украшения сайта и является неотъемлемой частью дизайна сайта. Есть даже такая поговорка, или что-то вроде того: - Без фона и сайта нет. Хотя в последнее время популярен в какой-то степени минимализм в дизайне, поэтому можно достаточно часто встретить сайты без фона. Но это на первый взгляд так. Потому что, по-сути фоном сайта не обязательно должен быть рисунок. Вот на этом сайте фон сайта белый, да без ресунка - но технически он есть. Белый - это тоже цвет, а не пустота.
2. Какие бывают фоны сайта?
Смотря с какой стороны смотреть. Если с визуальной то фоны картинкой и без картинок. Если смотреть с технической так сказать стороны, то есть фоны Фиксированные и повторяющиеся.
3. Что такое Фиксированный фон?
Фиксированный фон, это когда в независимости от разрешения экрана монитора он располагаться всегда на одном месте. Это может быть средина, левый угол, правый угол...
4. Что такое повторяющийся фон?
Повторяющийся фон сайта - это когда фон дублируется в ширину или высоту по всему экрану монитора. Таким образом создавая иллюзию одной сплошной картинки.
- Фоны сайта обычно прописывается к тегу body иногда фон применяют и к другим элементам. К примеру таблицам, задают фон шапке сайта, футеру (нижней части) сайта. Таким образом сайт иногда может состоять не с одного фона а двух, трёх и более.
- Для того чтобы научиться работать с фоном сайта, нужно научиться основам html и css. Нужно понимать что такое фон, к какому тегу он задан и где его искать в таблице стилей. А самое главное как его изменить.
Что касается стандартных шаблонов uCoz, то для того чтобы изменить фон сайта достаточно найти его строку в таблице стилей СSS. Фон сайта задан часто тегу body. Если вами стандартный шаблон выбран более старого образца, то фон может быть прописан прямо в коде страницы. А если более новые шаблоны, то в css. Строка обычно начинается с body. Ниже примеры:
Рисунок 1. Фон c картинкой в коде страниц сайта. Дизайн 641
Рисунок 2. Фон без картинки, первая строка в css. Дизайн 832
Рисунок 3. Фон c картинкой, первая строка в css. Дизайн 915
Для изменения фона достаточно изменить картинку фона. Если нужно что-то более этого. К примеру поставить фон большего размера или зафиксировать его в левом углу. Здесь нужны знания css, т.к скорее всего потребуются соответствующие корректировки css.
- Во второй части этого урока я попытаюсь показать как именно надо это делать.
