Як зробити картинку фоном для сайту

Перед багатьма власниками сайтів виникає питання, як оновити сайт або привнести в нього що-небудь нове. Міняти на сайті можна багато чого: шрифт, колірну гамму, розташування інформаційних блоків, загальний фон. У цій статті ви дізнаєтеся, як встановити картинку в якості фону для сайту.
Як зробити картинку фоном для сайту
До зміни вигляду вашого ресурсу можна піти двома шляхами. Перший - звернутися до фахівця (web-майстру) і він за певну плату внесе всі необхідні зміни. Інший шлях - зробити це самому. Для того, щоб самостійно змінити зовнішній вигляд вашого сайту, ви повинні вивчити основи html-коду і скористатися одним з його редакторів.
2
Перше, на що слід звернути увагу перед тим, як встановити картинку на сайт як фон, це макет ширини сайту: Фіксований він або розтягується на весь екран. Якщо ширина фіксована, то сміливо можете розміщувати картинку. Відображатися вона буде у всіх користувачів однаково добре. Якщо сайт «гумовий», то зображення буде у кожного користувача підганяти під ширину екрану і може відображатися некоректно.


3
Отже, ви знаєте ширину макету сайту. Підготуйте зображення для розміщення. Завантажте його на сервер, де розташований ваш сайт. Картинка повинна бути збережена в одному з трьох форматів: jpeg, gif або png. Для коректного відображення фон повинен бути по ширині таким же, як і ширина сторінки.
4
Відкрийте в редакторі html-коду сторінки, на якій ви хочете змінити фон. Знайдіть рядок «background-image». Якщо такого рядка немає, напишіть її в поле тега «body». Як на картинці.
В даному коді «url ( `images / bg.jpg`)» - це шлях до вашого фонового зображення. Пропишіть його. Збережіть зміни.
картинку фоном для сайту" class ="lightbx" data-lightbox ="article-image"gt;Як зробити & lt; strong & gt; картинку & lt; / strong & gt; & Lt; em & gt; фоном & lt; / em & gt; для & lt; b & gt; сайту & lt; / b & gt;



5
Відкрийте ваш сайт в одному з браузерів. Якщо шлях до зображення вказано правильно, ви побачите зміни.
Для редагування html - сторінок рекомендується користуватися програмою Dreamweaver. Це потужний редактор, який дозволить вам змінити багато на вашому сайті.

Зверніть увагу

Для коректного відображення фон повинен бути по ширині таким же, як і ширина сторінки.

Корисна порада

Для редагування сайту користуйтеся програмою Dreamweaver.


Увага, тільки СЬОГОДНІ!


Оцініть, будь ласка статтю
Всього голосів: 167
Увага, тільки СЬОГОДНІ!