Як вставити картинку в шапку

Як вставити картинку в шапку

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

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

  • Навички роботи у графічному редакторі

Інструкція

1. Якщо у вас стоїть менеджер сайту, в нього, як правило, включена функція "" змінити картинку "". У такому випадку вам залишається тільки підставити своє. Уважно проаналізуйте систему управління сайтом. Якщо потрібної функції немає, доведеться залазити в html код. Якщо ви працюєте з Joomla, шукайте файл: Mw_joomla_logo.png, він лежить у теці images у теці шаблону (Joomla emplatesназвання _ шаблонаimagesmw _ joomla _ logo.png) Для того, щоб змінити картинку в html, треба:Відкрити html код сайту ("вигляд" > "перегляд html коду"). Знайти "шапку" ", виділену тегами headЗнайти картинку, переглянувши в заголовку теги imgПосилання на картинку має вигляд: img src="/"picture.jpg""

2. Завантажити і проаналізувати розмір і вагу картинки. У графічному редакторі намалювати свою, таку ж за параметрами картинки Залити картинку на сервер, помістити її в той же каталог, де всі картинки сайту (або в просто в мережу, або в альбом зображень, головне, щоб сховище було довгостроковим)

3. Знову відкрити код сайту. Підставити адресу вашої картинки замість тієї, яка лежить там зараз. Для підстраховки можна встановити точний розмір зображення та невидимі межі наступним чином:img src = "" адреса картинки/picture.jpg "" height = "" потрібна висота в пискелях "" width = "" потрібна ширина в пікселях "" border = "" 0 "" alt = "" Пояснення до картинки "" Значення тегів:img = image - картинка.src = source - джерело, тобто адресborder = межі. Якщо пограти з цим значенням, навколо зображення буде з 'являтися рамка (обведення) alt = alternate - текст, який буде підставлятися на місце картинки в разі, якщо вони вимкнені з перегляду (для економії трафіку, наприклад). Цей текст, будучи невидимим, все одно вважається пошуковиками і може служити хорошим інструментом для розкрутки вашого сайту. Зберегти код з новою картинкою. При необхідності почистити кеш. Можливо, в нього ще завантажена колишня картинка, і він відображає ваш сайт неправильно.