Как сделать шапку для сайта в Dreamweaver | Как создать свой сайт

Как сделать шапку для сайта

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

Итак, как нам сделать шапку для сайта.  Сейчас определим стили css,  вернее стилевой класс css для шапки,  или правильнее,  хедера (header):

Все, как и для внешнего контейнера:

Как сделать шапку для сайта

 

Обзовем его header и сохраним в уже созданной таблице стилей. Жмем ОК и попадаем снова в окошко определения правил. Если вы помните, в шапке у нас есть надпись. Но так как это заголовок, то зададим для него отдельный стиль. А сейчас идем в категорию Фон:

Как сделать шапку для сайта

 

С помощью кнопки Обзор выбираем из папки images фрагмент шапки, изображение не повторяем.
Идем в категорию Рамка. Если вы записали размеры фрагментов, то проставьте их, если нет, то посмотрите в разделе Фотошоп.  Ладно, я вам подскажу:

Как сделать шапку для сайта

 

В окошке Плавающий указываем контейнеру, куда ему плавать. Пункт левая (left) заставляет контейнеры сдвинуться к левому краю страницы и выстроиться по горизонтали. Жмем ОК.

Продолжаем создавать класс css. Привязываем стиль к первому верхнему контейнеру, где будет шапка. Для этого его нужно активировать. Это можно сделать в режиме Проект, так как и с первым, внешним контейнером. Но для того, чтобы не запутаться с активацией контейнеров сделайте так. Зайдите в режим Код:

Как сделать шапку для сайта

 

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

Как сделать шапку для сайта

 

Удалим надпись сверху шапки, и она станет на место.

Ну вот, стили css для шапки сайта определили  и  продолжаем процесс его создания.

Дальше наш путь — в раздел  Сайдбар для сайта






3 комментария
  1. Галина Чернышова Пишет,

    Мне конечно трудновато все понять, но есть большое желание это сделать.

    А если у меня два сайта, то для каждого надо подбирать стилевой класс css?

    Вообще, уроки замечательные. Мне кажется , что даже такие как я «чайники» и то смогут разобраться. Правда , не совсем быстро!

  2. Светлана Пишет,

    Спасибо за уроки!

    Трудными шагами, 🙂 ) но потихоньку двигаюсь!

  3. Рахим Пишет,

    Уважаемый Veryold man. У меня кое какая проблема. Когда я вставляю картинку на шапку сайта в таблицу в программе она отображается, а в браузерах нет. Помогите пожалуйста разобраться с этой проблемой.
    P.S. и это возникает только когда я создаю таблицу стилей и объеденяю их всех

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