Бекграунд. Що це таке? Безкоштовні генератори фону для сайту
Відео: як встановити фон на сайт
Бекграунд (в перекладі з англ. - "фон") - Це задній фон веб-сайту. Він є зовнішнім оформленням тіла веб-ресурсу, яке дає можливість сконцентрувати увагу відвідувачів на головних деталях, не відволікаючись на контент другого плану. Зображення для бекграунду сайту робить останній більш індивідуальним і надає йому особливу смислове навантаження. Настрій сайту - це його бекграунд. Що це дає? Багатьом відомо, що колір фону впливає на споживачів і користувачів, і вибір відповідного допоможе залучити трафік на сайт. З найвідоміших значень: жовтий є кольором радості, щастя і тепла, білий означає чистоту, віру і миролюбність, червоний - це колір маркетингу, чорний здатний погасити вплив яскравих відтінків і є символом влади.
Про фонах веб-сайтів
Отже, що таке бекграунд, ми з`ясували. Від такої, здавалося б, дрібниці залежить ціле сприйняття сайту користувачами. Адже це допомагає виділити його серед безлічі схожих ресурсів в мережі. Варто відзначити, що раніше фони для сайтів веб-майстри створювали вручну. Тепер же існує чимало спеціальних сервісів, які допомагають створити гарний фон. Звичайно, ніхто не забороняє робити це вручну, але сучасні генератори бекграундом допоможуть зробити це швидко і безкоштовно. Приклади готових фонів для сайту ви можете знайти в статті.
Яким повинен бути фон веб-сайту?
Бекграунд для сайту (іншими словами, фонове зображення) вибирається веб-майстром за його бажанням, але необхідно врахувати, що від нього буде залежати сприйняття всього ресурсу в цілому. Не варто все занадто затемнювати або виділяти яскравими квітами. Текст повинен бути добре читаємо і видно. Не потрібно ставити чорний колір на бекграунд. Що цьому є причиною? За статистикою відвідуваність сайту в чорних тонах найчастіше низька, хоча такий колір і продовжує термін служби монітора. Для фону більше підходять картинки зі світлими тонами.
Способи додавання фонового кольору на веб-сторінку
Відео: Як змінити фон на сайті ucoz - css
Для того щоб задати фоновий колір сайту, потрібно в рядок з дескриптором lt; BODY gt; в вашому HTML-документі додати параметр під назвою BGCOLOR і привласнити йому потрібне значення (це буде назва кольори англійською, наприклад, GREEN, RED, YELLOW і т.д.) або ж код кольору (# oo8ooo - зелений, #FFoooo - червоний і т.п.). Браузер розпізнає обидва ці варіанти. Код кольору можна дізнатися в спеціальних програмах або редакторах, типу Photoshop або Macromedia Dreamweaver.
Конструкція цілком буде такою:
lt; BODYBGCOLOR = Redgt;
Точно так само можна і використовувати код кольору:
lt; BODYBGCOLOR = # FFoooo gt;
Як бачите, це нескладно. Розглянемо методи створення бекграунд-картинки для веб-ресурсу.
Способи додавання фонового зображення
Як уже згадувалося, значення слова «бекграунд» - це задній фон веб-ресурсу. Його роль може грати і великий графічний файл (але тоді сторінка буде завантажуватися повільніше) і навіть його фрагмент, що є практичніше в плані часу завантаження. Якщо використовується фрагмент зображення, то він автоматично розмножується браузером на все поле, тому краще вибирати такий шматочок, який стикується з самим собою по краю. Вставити фонову картинку на сторінку HTML можна так:
Відео: Анімований фон на HTML5 Canvas! Particles JS
lt; BODYBACKGROUND = images.jpggt;
У цьому випадку параметр BACKGROUND отримав значення images.jpg (ім`я файлу з розширенням .jpg). Звичайно, ім`я файлу може бути яким завгодно. Очікується, що картинка розташована в одному каталозі з HTML-документом, інакше потрібно буде вказувати до неї шлях. Розберемо способи додавання картинки в бекграунд. Що це за процес, видно на прикладі images.jpg.
На два рівня вниз вказується:
BACKGROUND = FolderA / FolderB / images.jpg
На два рівня каталогів вгору вказується:
BACKGROUND = .. / .. / images.jpg
Повний шлях (URL-адресу) - BACKGROUND = (повна адреса картинки)
Радиться вказувати повний нехай щоб уникнути плутанини. Головне, щоб фонове зображення не було занадто блідим, але і не привертало занадто багато уваги. Як бачите, ми розглянули значення поняття "бекграунд", Що це, ви тепер знаєте. А тепер розглянемо деякі безкоштовні генератори фонів для сайтів, про які згадувалося вище.
Безкоштовні генератори бекграундом
Серед безкоштовних генераторів фонів для веб-сайтів можна виділити наступні:
- На PatternCooler.com ви знайдете чимало безкоштовних фонових зображень будь-якого кольору і фактури. Тут є ТОП кращих фонів, а також можливість створення тематичних фонів з готових.
- На BgPatterns.com можна створювати фон самостійно. Тут пропонують на вибір різні малюнки на певному фоновому кольорі, який ви можете вибрати.
- Генератор Colourloverc.com дещо більше, ніж простий генератор. Адже це цілий проект, в ньому є деяка соціальна родзинка. Тут нерідко можна побачити посилання на блоги дизайнерів і розробників. Ви можете поділитися своїми малюнками, а також відредагувати їх для створення красивого фону.
- На Pixelknete.de можна згенерувати красивий фон з точок різного кольору.
- Dynamicdrive.com дозволяє створити гарний градієнт для фону з різними кольорами.
- Tilemachine.com відрізняється від всіх генераторів деяким мінімалізмом. Він пропонує фони для дитячих сайтів.
Використання подібного сервісу допоможе вам заощадити час, але створити гарне фонове зображення для сайту.
Фонові зображення для сайтів на WordPress
Найбільш популярною платформою для сайтів є WordPress. Це не дивно, адже вона безкоштовна, а команда сильних програмістів постійно займається її вдосконаленням. А головне те, що на ній можна автоматично «приміряти» картинку для сайту:
- Для цього потрібно вибрати один із сервісів генерації фонів, згаданих вище.
- Зберегти отримане зображення на комп`ютері.
- Зайти в панель адміністратора WordPress і знайти там: «Зовнішній вигляд» - «Фон» - «Завантаження зображення» - «Зберегти».
Всього три кроки, і фон готовий! Як бачите, додати красивий фон - це не таке вже й складна справа, головне - правильно підібрати колірну гамму і зображення бекграунду.
