Оформление шапки сайта | Как создать свой сайт

Как в Dreamweaver оформить шапку сайта

Июн-1-2009 Автор: VeryOldMan

Продолжаем. Как вы помните, у нас должен быть заголовок страницы, в шапке. Давайте и его напишем! Ставим текстовый курсор в шапку и пишем. Так как цвет шрифта по умолчанию черный — надпись плохо видна на темном фоне. Это мы исправим. Конечно с помощью определенных css стилей. А сейчас отформатируем заголовок шапки, как заголовок первого уровня. Ставим текстовый курсор на него и в раскрывающемся списке Формат (Format) выбираем  Заголовок1 (Heading 1).  Для того, чтобы выдержать единый стиль заголовков первого уровня по всему сайту, создадим для него стиль css по тегу h1:

Оформление шапки сайта

Тег выбираем из списка в окошке Тег (Tag). Сохраняем стиль cssв нашей таблице.
В категории Тип (Type) выбираем шрифт и его цвет. Я выбрал Arial и цвет белый. В категории Блок (Block) можно поставить выравнивание текста по центру. В категории Рамка (Box) можно задать точное положение текста, вот так, например:

Оформление шапки сайта

Выбирайте настройки по своему вкусу:

Оформление шапки сайта

Может где-то так…

Давайте разберемся с фонами.  Естественно, нам помогут наши css стили для сайта. Для этого создадим стиль css, привязанный к тегу body. Определяем стиль вот так:

Оформление шапки сайта

Жмем ОК

В категории Фон (Background):

Оформление шапки сайта

Обзором находим вертикальную полоску и повторяем по оси Х.  О, страница почти нарисовалась!

Оформление шапки сайта

Проверим браузером что получилось. Для этого в инструментарии документа щелкнем на значке  . Выберем браузер, если будет запрос на сохранение – жмем Да. Если после просмотра вам что-то не нравится – закрываем браузер, исправляем страницу в редакторе и снова проверяем.

Получается? Значит, процесс верстки  сайта проходит успешно. Давайте попробуем вставить в страницу графическое изображение. Опять же нам помогут  css стили для сайта.

И потихоньку переберемся на страницу — Как вставить картинку в страницу сайта в Dreamweaver






4 комментария
  1. Михаил Пишет,

    Где на сайте тег боди

  2. VeryOldCat Пишет,

    После тега head

  3. алекс Пишет,

    К какому тегу боби надо привязатся, у меня его никогда небыло.

  4. алекс Пишет,

    хотя извеняюсб недосмотрел, второй день делаю уже не соображаю.

Добавить комментарий