Як зробити картинку фоном для сайту
Відео: Уроки по CSS / CSS3. Частина 10. Фон і множинні фони
Перед багатьма власниками сайтів виникає питання, як оновити сайт або привнести в нього що-небудь нове. Міняти на сайті можна багато чого: шрифт, колірну гамму, розташування інформаційних блоків, загальний фон. У цій статті ви дізнаєтеся, як встановити картинку в якості фону для сайту.
До зміни вигляду вашого ресурсу можна піти двома шляхами. Перший - звернутися до фахівця (web-майстру) і він за певну плату внесе всі необхідні зміни. Інший шлях - зробити це самому. Для того, щоб самостійно змінити зовнішній вигляд вашого сайту, ви повинні вивчити основи html-коду і скористатися одним з його редакторів.
2
Перше, на що слід звернути увагу перед тим, як встановити картинку на сайт як фон, це макет ширини сайту: Фіксований він або розтягується на весь екран. Якщо ширина фіксована, то сміливо можете розміщувати картинку. Відображатися вона буде у всіх користувачів однаково добре. Якщо сайт «гумовий», то зображення буде у кожного користувача підганяти під ширину екрану і може відображатися некоректно.
3
Отже, ви знаєте ширину макета сайту. Підготуйте зображення для розміщення. Завантажте його на сервер, де розташований ваш сайт. Картинка повинна бути збережена в одному з трьох форматів: jpeg, gif або png. Для коректного відображення фон повинен бути по ширині таким же, як і ширина сторінки.
4
Відкрийте в редакторі html-коду сторінки, на якій ви хочете змінити фон. Знайдіть рядок «background-image». Якщо такого рядка немає, напишіть її в поле тега «body». Як на картинці.
В даному коді «url (` images / bg.jpg`) »- це шлях до вашого фонового зображення. Пропишіть його. Збережіть зміни.
В даному коді «url (` images / bg.jpg`) »- це шлях до вашого фонового зображення. Пропишіть його. Збережіть зміни.
картинку фоном для сайту"Class =" lightbx "data-lightbox =" article-image "gt;
5
Відкрийте ваш сайт в одному з браузерів. Якщо шлях до зображення вказано правильно, ви побачите зміни.
Для редагування html - сторінок рекомендується користуватися програмою Dreamweaver. Це потужний редактор, який дозволить вам змінити багато на вашому сайті.
Для редагування html - сторінок рекомендується користуватися програмою Dreamweaver. Це потужний редактор, який дозволить вам змінити багато на вашому сайті.
Зверніть увагу
Для коректного відображення фон повинен бути по ширині таким же, як і ширина сторінки.
Корисна порада
Для редагування сайту користуйтеся програмою Dreamweaver.
Поділися в соціальних мережах:
Схожі
- Як змінити колір сайту
- Як змінити фон сайту
- Як змінити картинку на сайті
- Як змінити колір фону сайту
- Як встановити іконки на сайтах
- Як встановити фон на сайт
- Як вставити картинку в html
- Як створити хороший сайт
- Як дізнатися відвідуваність сайтів
- Як поставити свою картинку на сайті
- Як поставити іконки на сайт
- Як прикріпити тему
- Як викласти картинку
- Як розширити шаблон
- Як зробити макет сайту
- Як поміняти фон на сайті
- Як змінити аватар
- Як вставити банер на сайт
- Як на сайт поставити моніторинг
- Як додати фон
- Як створити сайт в інтернеті?