Створення таблиць та гіперпосилань; шаблони веб-сторінок.
Сторінка Товари виглядає досить добре. Тепер варто подумати про зміст її дочірніх сторінок, що пропонують опис і ціни конкретної продукції. Давайте приведемо в належний вигляд сторінку з описом асортименту труб. Щоб перейти до дочірньої сторінки (або до будь-якої іншої сторінки, посилання на яку присутнє в поточному документі), не потрібно повертатися в режим переходів. Досить активізувати відповідне посилання.
Утримуючи натиснутою клавішу Ctrl, клацніть на рядку тексту Труби металеві. Відкриється сторінка Труби, показана на мал. 23.3. На ній вже є маркірований список, в якому за задумом розробників шаблонів Front-page мають бути перераховані різновиди товару. Припустимо, що недавно компанія Геркулес розширила асортимент труб, і ви хочете помістити список нових товарів правіше наявного списку. Документи формату HTML не підтримують розміщення тексту в декілька стовпців, тому web-дизайнеры часто користуються для цих цілей таблицями.
Перемістите курсор в початок рядка Основні вигоди.
Виберіть команду Таблиця > Вставити > Таблиця (Table > Insert > Table).
Вам знадобляться всього два осередки, розташовані поряд. Тому введіть в лічильник Число рядків (Rows) вікна діалогу (мал. 23.4), що відкрилося, цифру 2.
Щоб по ширині таблиця займала не всю сторінку, введіть в поле Задати ширину (Specify Width) число 80, переконавшись, що однойменний прапорець встановлений, а в розташованому поряд перемикачі вибрано положення У відсотках (In Percent).
Клацніть на кнопці ОК.
Виділите заголовок Основні вигоди і три рядки розташованого під ним списку. Для цього протягнете мишу зліва від вказаних абзаців.
Натисненням клавіш Ctrl+x виріжте виділений текст.
Клацніть в лівому елементі нової таблиці правою кнопкою миші і виберіть в контекстному меню команду Вставити (Paste).
Натисненням клавіші Tab перемістите курсор в правий елемент таблиці.
Введіть заголовок Нові надходження.
Вибором пункту Заголовок 3 (Heading 3) в списку Стиль (Style) панелі інструментів Форматування зміните шрифт нового заголовка.
Натисніть клавішу Enter і введіть текст Труби квадратні.
Потім введіть ще два пункти, відокремлюючи їх натисненнями клавіші Enter.
Гіперпосилання
Режим проглядання гіперпосилань дозволяє проглядати дерево гіперпосилань і перевіряти працездатність внутрішніх і зовнішніх посилань вузла.
Щоб вивести дерево гіперпосилань, клацніть в панелі режимів на значку Гіперпосилання (Hyperlinks). На екран буде виведений список тек і дерево гіперпосилань. Звернете увагу в списку тек на мініатюру файлу index.htm у вигляді будиночка. Це файл домашньої сторінки.
У панелі списку тек клацніть на файлі products, htm.
Frontpage помістить значок вибраної сторінки в середину вікна і лініями покаже всі посилання, що є на цій сторінці (мал. 22.11). Давайте змоделюємо некоректне гіперпосилання, перейменувавши один з файлів web-узла.
Клацніть на значку prod03.htm і виберіть команду Перейменувати.
Введіть текст pi-od04. htm і натисніть клавішу Enter.
Відкриється вікно діалогу, що пропонує відновити Гіперпосилання, вказуючі на перейменовану сторінку. Клацніть в нім на кнопці Немає (No).
Клацанням на значку products.htm поверніться до колишньої схеми. Виберіть команду Сервіс > Перерахувати гіперпосилання (Tools > Recalculate Hyperlinks).
У вікні діалогу, що відкрилося, клацніть на кнопці Так. Frontpage прогляне посилання web-узла і перевірить їх стан (при роботі з великими вузлами цей процес може зайняти тривалий час). Програма виявить на сторінці products, htm посилання на неіснуючий файл prod03.htm. Це відіб'ється на схем
Клацніть на значку «плюс» мініатюри prod0l.htm.
Потім клацніть на значку «плюс» мініатюри index, що з'явилася.htm. У вікні з'явиться новий фрагмент web-узла