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

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

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

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

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

Інструкція

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

    Уважно проаналізуйте систему управління сайтом. Якщо потрібної функції немає, доведеться залізати в html код.

    Якщо ви працюєте з Joomla, шукайте файл: mw_joomla_logo.png, він лежить в пaпке images в папці шaблона (Joomla templates названіе_шаблона images mw_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 — текст, який буде підставлятися на місце картинки в разі, якщо вони виключені з перегляду (для економії трафіку, наприклад). Цей текст, будучи невидимим, все одно прочитується пошукачами і може служити хорошим інструментом для розкрутки вашого сайту.

    Зберегти код з новою картинкою.

    При необхідності почистити кеш. Можливо, в нього ще завантажена колишня картинка, і він відображає ваш сайт неправильно.

Зверніть увагу

Уважно дивіться на адреси папок, дотримуйтесь регістр букв.

Корисні поради

У блогах на WordPress адресу картинки шапки має вигляд: wp-content / themes / images / header.jpg

Тут треба просто відмалювати нову картинку і зберегти її під ім’ям header