Як змінити дизайн сайту

Як змінити дизайн сайту

Головне для будь-якого сайту окрім контенту - це дизайн. Іноді привабливий дизайн сайту компенсує безглуздо підібрану інформацію на сайті. При опрацюванні сайту, в цілому, треба заздалегідь продумувати увесь вид до дрібниць. Яким зробити фон, яку зробити шапку, куди помістити флеш-баннер. Тому має сенс подумати про зміну дизайну.

 

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

  • Сайт, початковий фал сайту (html, php), файл CSS, знання основ HTML, CSS, PHP (необов'язково), елементи дизайну

Інструкція

1. Перше, що змінюємо, - це фон сайту. За фон на вашому ресурсі відповідає тег "background". Прив'язка відбуватиметься до тега "body". Відкриваємо початковий css файл і прописуємо body {background - color:#f6f6f6;} зберігаємо, і наш фон буде заданий як ясно сірий. Як видно фон задається шістнадцятиричним значенням, але можна прописати і звичайне значення кольору, наприклад "" green"" або "" red"". Якщо в якості фону треба вставити картинку, то прописуємо "background - image: url (посилання на ваше зображення)"

2. Далі створюємо в початковому файлі блок "div" з ідентифікатором "header", прописуємо його в таблицях стилю "#header", за бажанням задаємо рамку і відступи. Не забуваємо про ширину блоку. За допомогою тега background задаємо або колір, або зображення. Таким чином, виходить шапка сайту, яку можна змінити цим же способом. Не забувайте вказувати параметри зображення, коли ставите його на шапку сайту.

3. За допомогою блоків div також задаємо дизайн правого контейнера, лівого (якщо є), поля для основного контенту і нижньої частини сайту.


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

5. Вставляємо іконку на сайт. Для цього створений файл "favicon.ico" копіюємо в кореневу теку нашого сайту.

6. Якщо є необхідність вставити php скрипт, то застосовуємо наступну форму: <?php

первинник скрипта ?>. необхідно враховувати, що початковий файл сайту має бути з розширенням .php, інакше скрипт працювати не буде.

7. Відкриваємо CSS файл і задаємо основні параметри шрифту (font - family), його розміру (font - size), стилю (font - style).

 


Надрукувати  

Схожі матеріали