Упражнение 2. Таблицы

Страница Товары смотрится достаточно хорошо. Теперь стоит подумать о содержании ее дочерних страниц, предлагающих описание и цены конкретной продукции. Давайте приведем в надлежащий вид страницу с описанием ассортимента труб. Чтобы перейти к дочерней странице (или к любой другой странице, ссылка на которую присутствует в текущем документе), не нужно возвращаться в режим переходов. Достаточно активизировать соответствующую ссылку.

  1. Удерживая нажатой клавишу Ctrl, щелкните на строке текста Трубы металлические. Откроется страница Трубы, показанная на рис. 23.3. На ней уже есть маркированный список, в котором по замыслу разработчиков шаблонов Front-Page должны быть перечислены разновидности товара. Предположим, что недавно компания Геркулес расширила ассортимент труб, и вы хотите поместить список новых товаров правее имеющегося списка. Документы формата HTML не поддерживают размещение текста в несколько столбцов, поэтому web-дизайнеры часто пользуются для этих целей таблицами.

Описание ассортимента труб

Рис. 23.3. Описание ассортимента труб

  1. Переместите курсор в начало строки Основные выгоды.
  2. Выберите команду Таблица > Вставить > Таблица (Table > Insert > Table).
  3. Вам понадобятся всего две ячейки, расположенные рядом. Поэтому введите в счетчик Число строк (Rows) открывшегося окна диалога (рис. 23.4) цифру 2.
  4. Чтобы по ширине таблица занимала не всю страницу, введите в поле Задать ширину (Specify Width) число 80, убедившись, что одноименный флажок установлен, а в расположенном рядом переключателе выбрано положение В процентах (In Percent).

Параметры таблицы

Рис. 23.4. Параметры таблицы

  1. Щелкните на кнопке ОК.
  2. Выделите заголовок Основные выгоды и три строки расположенного под ним списка. Для этого протащите мышь слева от указанных абзацев.

Примечание

Разрабатывая web-страницы, не забывайте, что их будут просматривать люди, имеющие компьютеры с самыми разными дисплеями. Поэтому старайтесь задавать размеры элементов в процентах от ширины окнабраузера. Если, привыкнув к дисплею с высоким разрешением, вы добавите на страницу рисунок или таблицу шириной 1000 пикселов, то такой объект просто не поместится на экране монитора шириной 800 пикселов. Указывая размеры в процентах, можно избежать подобных неприятностей. Браузер удаленного пользователя сам масштабирует объект надлежащим образом.

  1. Нажатием клавиш Ctrl+X вырежьте выделенный текст.
  2. Щелкните в левой ячейке новой таблицы правой кнопкой мыши и выберите в контекстном меню команду Вставить (Paste).
  3. Нажатием клавиши Tab переместите курсор в правую ячейку таблицы.
  4. Введите заголовок Новые поступления.
  5. Выбором пункта Заголовок 3 (Heading 3) в списке Стиль (Style) панели инструментов Форматирование измените шрифт нового заголовка.
  6. Нажмите клавишу Enter и введите текст Трубы квадратные.
  7. Затем введите еще два пункта, отделяя их нажатиями клавиши Enter.
  8. Отредактируйте текст левой ячейки таблицы в соответствии с рис. 23.5.

Добавление таблицы

Рис. 23.5. Добавление таблицы

  1. Выше новой таблицы введите абзац с кратким описанием продукции.