Шаг 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%.