Як змінити фон сайту
Відео: Робота з фоном - як змінити колір фону веб-сторінки (Основи HTML і CSS)
Содержание
якщо фон сторінок вашого сайту складається з однієї картинки, яка має ширину сайту і розмножується по вертикалі, то поміняти його можна тільки редагуванням цієї картинки в графічному редакторі. А якщо фон формується в коді сторінок, то їх можна змінити, скориставшись інструкціями наведеними нижче.
щоб змінити фон, спочатку треба визначити - яким чином він заданий в поточній версії сторінок сайту. Для цього слід відкрити вихідний код сторінки, що лежить на сервері. Це можна зробити звичайним текстовим редактором, підійде стандартний Блокнот. А якщо ви використовуєте якусь систему управління сайтом, то сторінку можна відредагувати прямо в браузері за допомогою вбудованого редактора страніц.HTML-код сторінки (HTML - HyperText Markup Language, «мова розмітки гіпертексту») складається з рядків з інструкціями для браузера, що описують типи, зовнішній вигляд і розташування кожного елемента веб-сторінки. Ці інструкції називають «тегами» і вони згруповані в блоки, один з який починається з відкриваючого тега і закінчується закриває тегом . Згідно зі стандартами мови HTML в відкриваючому тезі можна задати параметри фона сторінки. Робиться це розміщенням в ньому атрибута bgcolor:Тут заданий зелений колір для фона цієї сторінки. Деякі кольори по стандартам HTML мають власні імена - наприклад, Chocolate або Gainsboro, але зазвичай використовують шістнадцяткові коди кольорів:якщо колір фона, заданий цим способом, вам слід, знайти в коді сторінки тег body і замінити значення атрибута bgcolor на потрібне вам.
2
У сторінках з більш складним дизайном для опису зовнішнього вигляду частіше використовують CSS (Cascading Style Sheets - «каскадні таблиці стилів»). CSS - це мова, створений саме для опису зовнішнього вигляду елементів html-документа. Блоки CSS-коду можуть бути або включені в код сторінки, міститися в окремому файлі з розширенням "css" і підключатися до сторінці спеціальною інструкцією в вихідному коді страніци.Вам слід знайти в коді сторінки тег А якщо після тега
Рада 2: Як поміняти фон на сайті
Той, хто любив в школі алгебру і англійську мову зможе швидко навчитися програмувати на початковому рівні. Але зараз створюються рішення досвідченими програмістами по створенню платформ для створення сайтів. При чому сайт може зробити навіть школяр.
Вам знадобиться
- Платформа для створення сайту Ucoz.
Інструкція
1
При створенні сайту вам пропонується вибрати певний шаблон (тему оформлення) вашого майбутнього сайту. Найчастіше виходить так, що шаблон вам сподобався, а фон в цьому шаблоні виявився невдалим. Щоб змінити фон вашого шаблону необхідно зробити наступне: відкрийте "Панель управління" вашого сайту - "Управління дизайном" - "Редагування шаблонів" - відкрийте "Таблицю стилів (CSS)". Тепер натисніть клавіші "Ctrl + F" (пошук) - введіть "body". Після "background" ми побачимо адреса розташування цієї картинки.
2
Скопіюйте цю адресу. У новій вкладці браузера перейдіть на головну сторінку сайту і допишіть адресу зображення. Якщо на екрані з`явиться картинка нашого фону, значить, йдемо далі, інакше необхідно знайти іншу адресу на фон сайту.
3
Після того, як ви знайшли основну картинку вашого сайту, відредагуйте її в Photoshop`e або замініть на іншу. З приводу розмірів картинки обмежень немає, бажано підібрати картинку, що буде добре вписуватися в дизайн сайту. Після вибору або редагування картинки необхідно завантажити її в "Файловий менеджер".
4
Повертаємося до "Таблиці стилів (CSS)", знаходимо рядок "body" і міняємо назву старого фону на новий. Натискаємо кнопку "Зберегти" - переходимо на головну сторінку і насолоджуємося новим фоном на вашому сайті.
Корисна порада
Також в "Таблиці стилів" можна знайти і змінити багато інших параметрів. Цей файл відповідає за графічну складову вашого шаблону.
Корисна порада
З`ясувати значення шістнадцятирічного коду для потрібного вам відтінку кольору допоможуть сайти з он-лайн конвертерами квітів, або спеціальні програми - наприклад - ColorImpact і Ruler.
Поділися в соціальних мережах:
Схожі
- Як змінити посилання
- Як змінити заголовок
- Як змінити колір фону
- Як змінити html-код сайту
- Як встановити фон на сайт
- Як зробити, щоб сторінка відкрилася в новому вікні
- Як поставити банер
- Як зробити гіперпосилання на сайті
- Як зробити напис посиланням
- Як викласти файл на свій сайт
- Що таке html-код сторінки сайту
- Як помістити посилання
- Як додати посилання на сторінку
- Як редагувати html код
- Як поміняти фон на сайті
- Як зробити картинку фоном для сайту
- Як створювати сайт в блокноті
- Як задати колір фону
- Як розмістити посилання на файл
- Як помістити форму
- Як міняти фон в html