Вам понадобится
- Сайт, исходный фал сайта(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, иначе скрипт работать не будет.
исходник скрипта ?>. необходимо учитывать, что исходный файл сайта должен быть с расширением .php, иначе скрипт работать не будет.
7
Открываем CSS файл и задаем основные параметры шрифта(font-family), его размера(font-size), стиля (font-style).