- - аккаунт на платформі Ucoz;
- - веб-браузер Firefox.
Як змінити шапку сайту
Прочитавши: 2053
Крім постійно оновлюються блоків інформації на сайті не останню роль відіграє вчасно змінений дизайн. Як правило, після одного-двох житті ресурсу рекомендується оновлювати його дизайн: можна змінити шаблон або перемалювати деякі елементи сайту.
Вам знадобиться
Інструкція
Зміна дизайну не завжди передбачає повну зміну теми оформлення, іноді достатньо перемалювати деякі елементи, наприклад, «шапку» сайту. Шапкою сайту називається верхня частина сторінки, яка закінчується на блоці з контентом. Також «шапка» називається хедером (header).
Для зміни шапки необхідно завантажити свій сайт в браузері, перейти до головної сторінки і натиснути правою кнопкою миші на зображенні (під якою мається на увазі «шапка»). У контекстному меню виберіть останній пункт «Інформація про сторінку».
У вікні, перейдіть до вкладки «Мультимедіа» і знайдіть за назвою шуканий файл. Шукати слід файли зі словами header, logo, head. Назв, написаних кирилицею ви не зустрінете, будь-то закордонний сайт, будь-то вітчизняний. Якщо ви не можете знайти по імені файлу, спробуйте візуально виявити цей файл. Нижче списку файлів є вікно перегляду.
Тепер вам досить подивитися розміри «шапки» і зробити аналогічну, якщо ви хочете її повністю змінити, або скопіюйте посилання на зображення, натиснувши правою кнопкою миші і вибравши пункт «Копіювати». Вставте в адресному рядку нової вкладки отриману посилання, натисніть правою кнопкою миші на зображенні і виберіть пункт "Зберегти як".
Для редагування картинки можна скористатися будь-яким редактором піксельної графіки, наприклад, Adobe Photoshop або Gimp. Останнім часом деякі веб-майстри віддають перевагу останній програмі, тому вона є абсолютно безкоштовною.
Потім в конфігураційних файлах вашого сайту можна вказати посилання на нову «шапку», видаливши колишню. Для відображення нового зображення бажано скопіювати її на сайт (шлях до папки з картинками можна дізнатися із заслання, яку ви копіювали). Наприклад, https://site.ru/files/images/header.png.