Упражнение 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. Выше новой таблицы введите абзац с кратким описанием продукции.