Фон для сайта

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

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


Вообще я бы рекомендовал сначала нарисовать эскиз сайта. Так будет намного проще подобрать по цвету все элементы. Но к сожалению не все это любят. И ваш покорный слуга в частности, тоже рисованием не увлекается. Поэтому можно сделать проще. Подобрать более менее одноцветный, монотонный фон. Что бы туда по любому всё вписалось. А потом по мере создания сайта дорабатывать. Над начальным фоном сильно не усердствуйте - так как ещё сто раз переделаете (по мере появления различных навороченных меню, блоков рекламы и т.д.).

Могу дать сразу один совет. Можно попробовать сделать всё полупрозрачным. Или когда будете делать фоны для менюшек и т.д. в фотошопе. Добавляйте к цвету - например 25 единиц синего, зелёного, или красного цветов (или всё вперемешку). Для чего всё это? Ответ прост - весь ваш сайт приобретёт определённый оттенок. И будет смотреться более монолитным и сбалансированным. Я на своём сайте использовал сразу оба этих способа.

Где один совет, там и второй. Не надо делать фон слишком ярким, контрастным, разноцветным и т.д. Людям будет трудно читать. В результате, просто уйдут с сайта и всё. Конечно можно скопировать текст в любой текстовый редактор, что бы прочитать, не портя при этом зрение. Но для этого должен быть повод. Либо ценная, либо эксклюзивная информация. В любом другом случае человек просто уйдёт. Да и просто не забывайте, что все мы люди, все мы человеки :)


Перейдём к делу. Для начала создайте в папке вашего сайта папку - images. Там будут храниться ваши изображения, фотографии и т.д. Фоновый цвет можно задать в свойствах странички, или прописать в таблице CSS. С фоновой фотографией тоже ни чего сложного. Только её надо сделать побольше. 3000х2000рх - такой точно хватит. Большой размер делается для того, что бы фотография не начинала повторяться. Можно конечно сделать меньше и запретить повтор, но тогда будет торчать голый кусок фона, что тоже не очень красиво. Но можно подобрать цвет фона под фотографию и разместить её в центре. Сделать фотографию полупрозрачной. В общем тут выходов много, для каждого свой.

С фоновым изображение немного посложнее, но более увлекательно. Запускаете фотошоп, нажимаете - создать. Далее выбираете размер. Тут надо немного подумать. Если вы собираетесь сделать простенький, однотонный фон - размер 10х10рх, или 100х100рх вполне подойдёт. Если же хотите что то посложнее, типа облаков, морских волн и т.д. - тут надо делать побольше. И не забывать, что фоновое изображение будет повторяться. И надо сделать что бы при повторе, изображения совпадали (облако с облаком, волна с волной). Можно конечно сделать изображение побольше - 2000х3000рх, тогда и прицеливаться не надо будет. Но тогда изображение будет весить много. Хотя в век наших скоростей, это не актуально.

А вот теперь начинается самое интересное. Можно менять цвет, накладывать фильтры, регулировать прозрачность. В общем полный полёт фантазии. Цвет меняете слева, фильтры вверху, прозрачность справа, в слоях. Описывать можно долго и упорно. Тут ни каких слов не хватит. Обязательно сделаю на эту тему отдельную страничку. Но сами понимаете - тут главное личный опыт, и чувство прекрасного. Остальное не важно.

Немного рекламы :)

Copyright, design, ideas © Mihail. При копировании материалов, ссылка на сайт "Seozar.ru" обязательна. Контакты - admin@halych.ru
Тариф «Первый»: 2 сайта, 1 Гб, 2 MySQL, 2 FTP