DreamWeaver шаг за шагом


Шаг 5 - часть 2


Перед вами откроется вот такой диалог. Что здесь нужно заполнить:

  • Title - название вашей странички (как оно будет отображаться в заголовке окна браузера)
  • Background Image - фоновый рисунок (в нашем случае не используем)
  • Background - цвет фона (в нашем случае белый)
  • Text - цвет текста (черный)
  • Links - цвет ссылок (темно-синий)
  • Visited Links - цвет посещенных ссылок (фиолетовый)
  • Active Links - цвет текущей активной ссылки (темно-красный)
  • Left Margin, Margin Width - отступ от края страницы до начала контента слева (в нашем случае 0)
  • Top Margin, Margin Height - то же, но сверху
  • Document Encoding - кодировка документа (будьте внимательны, указывайте правильную кодировку)
  • Tracing image - кладет на фон полупрозрачную картинку с дизайном - удобно для точного совмещения дизайна в HTML с дизайном (наброском), сделанным в PhotoShop.

Ну, а вот теперь пора заняться таблицами и прочим. Для начала сделайте таблицу с параметрами как показано на рисунке слева: 3 ряда, 2 колонки, оттступы и бордюр по нулям, ширина таблицы 100%. Заметьте, что эти данные полностью совпадают с тем что мы планировали в начале при разработке модульной сетки.

После нажатия на OK вы получите пустую таблицу, которую нужно корректировать и заполнять нашими графическими элементами.

Прежде всего выберите первую ячейку (просто кликните внутрь) и вставьте картинку с логотипом (My homepage).

После этого выделите колонку слева (самую крайнюю). Делается это примерно как в том же Word - подводите к самой верхней границе колонки, дожидаетесь появления стрелочки вниз и нажимаете. Кроме того можно выделить ячейки колонки по-отдельности нажав кнопку ctrl и не отпуская ее кликать по ячейкам.

После выделения укажите ширину (Width) нашей колонки, которую мы определили еще в модульной сетке - 247 Pix. Где вводить это значение? Обратите внимание на самую нижнюю плавающую панель - свойства. Там как раз и есть нужное окошко (я его выделил красным).

Проделайте ту же операцию со второй колонкой, только теперь укажите ширину 100%.




- Начало -  - Назад -  - Вперед -



Книжный магазин