ЯК зробити фоновий малюнок на сайті

Осягнути ази сайтобудування можна самостійно, в інтернеті і книгах представлено достатньо інформації по цій темі. Однак на початковому етапі часто виникають труднощі у застосуванні того чи іншого тега. Дійсно, найпоширеніші компоненти краще запам'ятати, оскільки вони необхідні при написанні будь-якого сайту.

Інструкція

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

Підкоригує зображення за допомогою програми Adobe Photoshop. Коли робота буде закінчена, в меню «Файл» виберіть команду «Зберегти для Web» і вкажіть потрібну папку. Якщо це перше зображення, яке буде використовуватися для сайту, то автоматично створюється папка «Images».

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

Збережіть зміни в блокноті, натисніть кнопку «Оновити» в браузері. На екрані з'явиться фоновий малюнок. Якщо розміри зображення менше параметрів web-сторінки, то картинка буде дублюватися стільки разів, скільки необхідно для заповнення всього простору. Виправити цей недолік можна двома способами:
• за допомогою програми Adobe Photoshop встановіть опції картинки в пікселах («Зображення» - «Розмір зображення») -
• задайте потрібні розміри в html-коді.
Наприклад, якщо потрібно ширина 1250 px, а висота - 650 px, то потрібно дописати необхідні атрибути для комірки таблиці, в яку буде поміщена картинка.

Не можна задати розмір в тезі - зображення завжди буде відображатися у натуральну величину.

Аналог ccs для вставки фонового зображення:

background-image

Атрибут «background-image: url (images / bg.jpg)» - шлях до фонового зображення.

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

Як виправити поставу дитині

Всі батьки бажають здоров'я своєї дитини, але не всі знають, що передумови до порушень постави у…

Як нанести димчастий макіяж

Димчастий макіяж поступово стає класичним варіантом мейк-апу для особливих випадків - його наносять…

Як розібрати об'єктив Sony

Об'єктиви фотоапаратів Sony розбираються аналогічно об'єктивам інших виробників. Однак незважаючи…

Як визначити довжину волосся

Визначити довжину волосся часто буває не просто. Це пов'язано, в першу чергу, з тим, що волосся…

Як замовити одяг з Німеччини

Про високу якість одягу німецьких виробників знає багато хто. Якщо купувати одяг німецьких брендів…

Як розрахувати мінімальний податок

Підприємства, які використовують у спрощеній системі оподаткування об'єкт «доходи за вирахуванням…

Як утеплити стіни в приватному будинку

Утеплення стін в приватному будинку - одна з найважливіших процедур. Адже мало кому хочеться…

Як обробити стіни вагонкою

Вагонка являє собою обрізану дошку, товщина якої становить близько 20 мм. Використовують даний…

Як розблокувати пінкод

PIN-код служить для зашиті сім-карти вашого телефону і банківського рахунку від сторонніх. Але якщо…