Вправа 2. Таблиці

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

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

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

2.  Перемістите курсор в початок рядка Основні вигоди.

3.  Виберіть команду Таблиця > Вставити > Таблиця (Table > Insert > Table).

4.  Вам знадобляться всього два осередки, розташовані поряд. Тому введіть в лічильник Число рядків (Rows) вікна діалогу (мал. 23.4), що відкрилося, цифру 2.

5. Щоб по ширині таблиця займала не всю сторінку, введіть в поле Задати ширину (Specify Width) число 80, переконавшись, що однойменний прапорець встановлений, а в розташованому поряд перемикачі вибрано положення У відсотках (In Percent).

Мал. 23.4. Параметри таблиці

6.  Клацніть на кнопці ОК.

7.  Виділите заголовок Основні вигоди і три рядки розташованого під ним списку. Для цього протягнете мишу зліва від вказаних абзаців.

Примітка

Розробляючи web-страницы, не забувайте, що їх проглядатимуть люди, що мають комп'ютери з самими різними дисплеями. Тому прагніть задавати розміри елементів у відсотках від ширини окнабраузера. Якщо, звикнувши до дисплея з високим дозволом, ви додасте на сторінку малюнок або таблицю шириною 1000 пікселів, то такий об'єкт просто не поміститься на екрані монітора шириною 800 пікселів. Указуючи розміри у відсотках, можна уникнути подібних неприємностей. Браузер видаленого користувача самого масштабує об'єкт належним чином.

8. Натисненням клавіш Ctrl+x виріжте виділений текст.

9. Клацніть в лівому елементі нової таблиці правою кнопкою миші і виберіть в контекстному меню команду Вставити (Paste).

10.  Натисненням клавіші Tab перемістите курсор в правий елемент таблиці.

11.  Введіть заголовок Нові надходження.

12.  Вибором пункту Заголовок 3 (Heading 3) в списку Стиль (Style) панелі інструментів Форматування зміните шрифт нового заголовка.

13.  Натисніть клавішу Enter і введіть текст Труби квадратні.

14.  Потім введіть ще два пункти, відокремлюючи їх натисненнями клавіші Enter.

15.  Відредагуйте текст лівого елементу таблиці відповідно до мал. 23.5.

Мал. 23.5. Додавання таблиці 

16. Вище за нову таблицю введіть абзац з коротким описом продукції.