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

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

Перед багатьма власниками сайтів виникає питання, як оновити сайт або привнести в нього що-небудь нове. Міняти на сайті можна багато чого: шрифт, колірну гамму, розташування інформаційних блоків, загальний фон. У цій статті ви дізнаєтеся, як встановити картинку як фон для сайту.

Вам знадобиться

Редактор html-коду

Інструкція

  1. До зміни вигляду вашого ресурсу можна піти двома шляхами. Перший — звернутися до фахівця (web-майстру) і він за певну плату внесе всі необхідні зміни. Інший шлях — зробити це самому. Для того, щоб самостійно змінити зовнішній вигляд вашого сайту, ви повинні вивчити основи html-коду і скористатися одним з його редакторів.
  2. Перше, на що слід звернути увагу перед тим, як встановити картинку на сайт як фон, це макет ширини сайту: фіксований він або розтягується на весь екран. Якщо ширина фіксована, то сміливо можете розміщувати картинку. Відображатися вона буде у всіх користувачів однаково добре. Якщо сайт «гумовий», то зображення буде у кожного користувача підганятися під ширину екрану і може відображатися некоректно.
  3. Отже, ви знаєте ширину макету сайту. Підготуйте зображення для розміщення. Завантажте його на сервер, де розташований ваш сайт. Картинка повинна бути збережена в одному з трьох форматів: jpeg, gif або png. Для коректного відображення фон повинен бути по ширині таким же, як і ширина сторінки.
  4. Як зробити картинку фоном для сайту
    Відкрийте у редакторі html-коду сторінку, на якій ви хочете змінити фон. Знайдіть рядок «background-image». Якщо такого рядка немає, напишіть її в поле тега «body». Як на картинці.

    У даному коді «url (‘images / bg.jpg’)» — це шлях до вашого фонового зображення. Пропишіть його. Збережіть зміни.
  5. Відкрийте ваш сайт в одному з браузерів. Якщо шлях до зображення вказаний правильно, ви побачите зміни.

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

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

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

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

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