ЯК вставити логотип в сайт :: Веб-програмування

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

Інструкція

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

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

Для вставки логотипу в HTML-код сторінки найзручніше використовувати графічний режим (режим WYSIWYG) редактора сторінок, який є в більшості систем управління сайтами. Відкривши потрібну сторінку в такому редакторі, клікніть місце, в яке слід помістити логотип, і натисніть кнопку вставки зображення в меню. На екрані повинен з'явитися діалог, в якому вам треба вказати місце зберігання файлу з логотипом в комп'ютері. Залежно від редактора, в цьому ж діалозі можуть бути і поля для введення додаткових параметрів - розмірів картинки, відступів від сусідніх елементів сторінки і т.д. Всі заповнивши, натисніть кнопку OK, а потім збережіть відредаговану сторінку.

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

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