Рейтинг@Mail.ru

Найти в Google:

Пользовательского поиска

Завершаем создание страницы сайта

февраля 02, 2011

Вот и последняя статья раздела, в которой будет создана страница сайта. Итак, доработаем хедер. Если Вы помните, в хедере у нас есть только заглавие сайта и больше ничего. Вот с заглавия и начнем. Как вы помните (если помните), заглавие у нас выполнено в виде надписи в формате h1. И свойства его описаны стилем тега h1. Свойства мы его описали, да пожалуй, не все. Надо же, к примеру, разместить надпись как-то покрасивее. Значит, откроем стиль h1 в режиме редактирования и:

В категории Рамка, в подменю Поля – задаем Сверху – 40 пикселей, Слева – 400.

Завершаем создание страницы сайтаТеперь заглавие стало где-то посредине хедера.

Давайте создадим небольшое меню в хедере. Я сделаю его универсальным, для всех страниц сайта, как для главной страницы сайта, так и для внутренних страниц. Какие пункты меню нужны и для каких страниц, я думаю, Вы разберетесь сами. Самый простой способ создания меню в хедере – это создать для него контейнер и соответственно стиль для него. Как это делать – Вы уже знаете. В стиле нового контейнера задаем:

В категории Рамка:

Завершаем создание страницы сайта

Привязываем стиль к контейнеру. В этом контейнере создаем меню по тем же правилам, как и в случае меню левого сайдбара:

Завершаем создание страницы сайта

Страница сайта почти готова.  Завершим ее создание  тем, что оживим ее  немного,  добавив картинку в качестве фона в хедер. Для красоты. Я нашел фотографию лошадей, открыл ее в фотошопе, изменил высоту фотографии до 150 пикселей, по высоте хедера и немного подкорректировал.

Теперь отроем стиль хедера header в режиме редактирования и в категории Фон сделаем так:

Завершаем создание страницы сайта

Где картинка фона 1.png находится папке images. Вот так у нас получилось:

Завершаем создание страницы сайта

Как создавать внутренние страницы? Можно как у блога сделать их все одинаковыми, естественно подправив меню, можно убрать из хедера картинку и уменьшить его высоту да в общем, как Вам фантазия подскажет.

Страница сайта может быть создана и немного по-другому.  Например, для ее создания  вовсе не обязательно применять рамки. Можно сделать и проще. Например, используя в категории Фон цвет фона, не очень темный:

Завершаем создание страницы сайта

Ну вот, пожалуй и все! Страница сайта создана. Пробуйте создавать свой сайт. Успехов!


Кстати, тоже интересно:
Оставить комментарий

XHTML: Можно использовать такие теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">

Карта сайта