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

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

Інструкція

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

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

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

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

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

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

background-image

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

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

Як встановити "операційну" XP

Самостійна установка операційної системи - це важливий навик, яким повинен володіти кожен…

Як перестати худнути

На тлі загального захоплення схудненням з'являється безліч дівчат, для яких вага стала справжньою…

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

Блокування стільникового телефону використовується для того, щоб захистити особисті дані власника…

Як створювати образ за допомогою Alcohol

Для повного дублювання вмісту компакт-диска використовуються програми для створення образів.…

Як передати дані по локальній мережі

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

Як вивести кліщів у кішки

На жаль, вушний кліщ - дуже поширене явище для пухнастих мурлик. Захворювання це передається від…

Як виростити жито

Вирішивши вирощувати жито, важливо правильно вибрати місце. Ця зернова культура добре росте на…

Як стимулювати ріст волосся на голові

За місяць волосся виростають на 1-1,5 см, в теплу пору року їх зростання прискорюється. Але…

Як зробити свічку з мила

Сьогодні магазини надають багатий вибір найрізноманітніших предметів. Але набагато приємніше не…