ЯК вставити картинку в шапку для сайту

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

Інструкція

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

Для редагування картинки краще використовувати Adobe Photoshop. Майте на увазі, що версії програми можуть бути англомовні і для зручності роботи буде потрібно русифікатор. Його можна завантажити безкоштовно в інтернеті.

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

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

Створіть новий шар («Шар» - «Новий»).

Відкрийте в програмі картинку, яку хочете бачити в шапці сайту («Файл» - «Відкрити»).

На панелі інструментів виберіть значок «Прямокутна область», виділіть з її допомогою картинку.

Використовуйте команду «Скопіювати» з меню «Редагування» і вставте зображення на новий шар підготовленої форми («Редагування» - «Вставити»). Виберіть інструмент "Переміщення" і пересуньте картинку при необхідності.

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

Для вставки картинок в мові html присутній спеціальний тег з різноманітними атрибутами:
• src - адреса зображення-
• height - висота в px-
• width - ширина в px-
• border - рамка в px-
• alt - пояснення до зображення, відображається у користувачів при вимкненому функції прийому зображень.
Наприклад,

. Зворотний тег не потрібно.