Если Вы помните, в прошлый раз мы создали каркас или скелет веб-страницы из так называемых свободно плавающих контейнеров, к которым мы привязали «правила поведения» - стили CSS. А так как каркас это еще не страница сайта, то продолжим создание веб-страницы. Итак:
Будем делать рамку сначала для хедера, а потом и для остальных частей веб-страницы.
Откроем стиль header в режиме редактирования. Для этого достаточно щелкнуть правой клавишей мышки на названии стиля и в выпадающем меню выбрать Редактировать. В категории Граница создаем рамку, вот так:
А в категории Рамка задаем поле внизу контейнера, вот так:
Откроем стиль sidebarl в режиме редактирования. В категории Граница создаем рамку, вот так:
Откроем стиль content в режиме редактирования. В категории Граница создаем рамку, вот так:
Откроем стиль sidebarr в режиме редактирования. В категории Граница создаем рамку, вот так:
Откроем стиль futer в режиме редактирования. В категории Граница создаем рамку, вот так:
А в категории Рамка задаем поле вверху контейнера, вот так:
Вот и готова рамка веб-страницы. И контуры ее стали отчетливо просматриваться. Так что если есть желание, то можно открыть создаваемую нами веб-страницу в разных браузерах и посмотреть на рамку, а так же проверить, нет ли ошибок в верстке. Можно удалить все надписи - Здесь располагается содержимое нового тега Div из всех контейнеров или удалять их по мере необходимости. На этом создание веб-страницы, естественно, не заканчивается. В следующей статье мы создадим заглавие сайта и вставим в контейнер контента какую-либо статью, для примера.