Бекграунд. Що це таке? Безкоштовні генератори фону для сайту

Бекграунд (у перекладі з англ. - "Фон") - це задній фон веб-сайту. Він є зовнішнім оформленням тіла веб-ресурсу, яке дає можливість сконцентрувати увагу відвідувачів на головних деталях, не відволікаючись на контент другого плану. Зображення для бекграунду сайту робить останній більш індивідуальним і надає йому особливу смислове навантаження. Настрій сайту - це його бекграунд. Що це дає? Багатьом відомо, що колір фону впливає на споживачів і користувачів, і вибір відповідного допоможе залучити трафік на сайт. З найвідоміших значень: жовтий є кольором радості, щастя і тепла, білий означає чистоту, віру і миролюбність, червоний - це колір маркетингу, чорний здатний погасити вплив яскравих відтінків і є символом влади.

Про фонах веб-сайтів

Отже, що таке бекграунд, ми з`ясували. Від такої, здавалося б, дрібниці залежить ціле сприйняття сайту користувачами. Адже це допомагає виділити його серед безлічі схожих ресурсів в мережі. Варто відзначити, що раніше фони для сайтів веб-майстри створювали вручну. Тепер же існує чимало спеціальних сервісів, які допомагають створити гарний фон. Звичайно, ніхто не забороняє робити це вручну, але сучасні генератори бекграундом допоможуть зробити це швидко і безкоштовно. Приклади готових фонів для сайту ви можете знайти в статті.

Яким повинен бути фон веб-сайту?

Бекграунд для сайту (іншими словами, фонове зображення) вибирається веб-майстром за його бажанням, але необхідно врахувати, що від нього залежатиме сприйняття всього ресурсу в цілому. Не варто все занадто затемнювати або виділяти яскравими квітами. Текст повинен бути добре читаємо і видно. Не потрібно ставити чорний колір на бекграунд. Що цьому є причиною? За статистикою відвідуваність сайту в чорних тонах найчастіше низька, хоча такий колір і продовжує термін служби монітора. Для фону більше підходять картинки зі світлими тонами.

Способи додавання фонового кольору на веб-сторінку

Для того щоб задати фоновий колір сайту, потрібно в рядок з дескриптором < BODY > у вашому HTML-документі додати параметр під назвою BGCOLOR і присвоїти йому потрібне значення (це буде назва кольори англійською, наприклад, GREEN, RED, YELLOW і т.д.) або ж код кольору (# oo8ooo - зелений, #FFoooo - червоний і т.п.). Браузер розпізнає обидва ці варіанти. Код кольору можна дізнатися в спеціальних програмах або редакторах, типу Photoshop або Macromedia Dreamweaver.

Конструкція цілком буде такою:

< BODYBGCOLOR = Red>

Точно так само можна і використовувати код кольору:

< BODYBGCOLOR=#FFoooo >

Як бачите, це нескладно. Розглянемо методи створення бекграунд-картинки для веб-ресурсу.

Способи додавання фонового зображення

Як уже згадувалося, значення слова «бекграунд» - це задній фон веб-ресурсу. Його роль може грати і великий графічний файл (але тоді сторінка буде завантажуватися повільніше) і навіть його фрагмент, що є практичніше в плані часу завантаження. Якщо використовується фрагмент зображення, то він автоматично розмножується браузером на все поле, тому краще вибирати такий шматочок, який стикується з самим собою по краю. Вставити фонову картинку на сторінку HTML можна так:

< BODYBACKGROUND=images.jpg>

У цьому випадку параметр BACKGROUND отримав значення images.jpg (ім`я файлу з розширенням .jpg). Звичайно, ім`я файлу може бути яким завгодно. Очікується, що картинка розташована в одному каталозі з HTML-документом, інакше потрібно буде вказувати до неї шлях. Розберемо способи додавання картинки в бекграунд. Що це за процес, видно на прикладі images.jpg.

На два рівні вниз вказується:

BACKGROUND = FolderA / FolderB / images.jpg

На два рівні рейтингів вгору вказується:

BACKGROUND = .. / .. / images.jpg

Повний шлях (URL-адресу) - BACKGROUND = (повна адреса картинки)

Радиться вказувати повний нехай щоб уникнути плутанини. Головне, щоб фонове зображення не було занадто блідим, але й не приваблювало занадто багато уваги. Як бачите, ми розглянули значення поняття "бекграунд", що це, ви тепер знаєте. А тепер розглянемо деякі безкоштовні генератори фонів для сайтів, про які згадувалося вище.

Безкоштовні генератори бекграундом

Серед безкоштовних генераторів фонів для веб-сайтів можна виділити наступні:

1. На PatternCooler.com ви знайдете чимало безкоштовних фонових зображень будь-якого кольору і фактури. Тут є ТОП кращих фонів, а також можливість створення тематичних фонів з готових.
2. На BgPatterns.com можна створювати фон самостійно. Тут пропонують на вибір різні малюнки на певному фоновому кольорі, який ви можете вибрати.
3. Генератор Colourloverc.com дещо більше, ніж простий генератор. Адже це цілий проект, в ньому є деяка соціальна родзинка. Тут нерідко можна побачити посилання на блоги дизайнерів і розробників. Ви можете поділитися своїми малюнками, а також відредагувати їх для створення гарного фону.
4. На Pixelknete.de можна згенерувати гарний фон з точок різного кольору.
5. Dynamicdrive.com дозволяє створити гарний градієнт для фону з різними кольорами.
6. Tilemachine.com відрізняється від усіх генераторів деяким мінімалізмом. Він пропонує фони для дитячих сайтів.

Використання подібного сервісу допоможе вам заощадити час, але створити красиве фонове зображення для сайту.

Фонові зображення для сайтів на WordPress

Найбільш популярною платформою для сайтів є WordPress. Це не дивно, адже вона безкоштовна, а команда сильних програмістів постійно займається її вдосконаленням. А головне те, що на ній можна автоматично «приміряти» картинку для сайту:

1. Для цього потрібно вибрати один із сервісів генерації фонів, згаданих вище.
2. Зберегти вийшло зображення на комп`ютері.
3. Зайти в панель адміністратора WordPress і знайти там: «Зовнішній вигляд» - «Фон» - «Завантаження зображення» - «Зберегти».

Всього три кроки, і фон готовий! Як бачите, додати гарний фон - це не таке й складна справа, головне - правильно підібрати колірну гамму і зображення бекграунду.