3.3.8. Використання Закладок
Закладки дозволяють формувати гіперпосилання на визначену крапку конкретної Web-сторінки. За допомогою таких посилань користувач може одним щигликом прокрутити сторінку до потрібного місця. Щоб додати закладку, виконайте наступні кроки:
1. Виберіть команду View > Folder List (Обзор > Список папок), щоб вивести у вікно FrontPage панель списку файлів і папок Web-вузла.
2. Двічі клацніть на значку файлу prod04.htm, щоб відкрити його у вікні редактора.
3. Прокрутите Web-сторінку Цвяхи в самий низ і клацніть на початку слова Phone.
4. Виберіть команду Insert > Bookmark (Вставка > Закладка).
В поле Bookmark Name (Имя закладки) вікна діалогу (рис. 3.38), що відкрилося, уведіть текст: end_of_page .
Рис. 3.38. Додавання закладки
6. Клацніть на кнопці ОК.
7. Закрийте файл prod04.htm (команда Файл/Закр.).
8. З появою відповідного запиту підтвердите необхідність збереження виконаних змін.
Тепер давайте додамо на сторінку Труби посилання, що вказує на тільки що створену закладку.
9. Уведіть наприкінці сторінки Труби фразу Зверніть увагу на наші дешеві цвяхи.
10. Виділите слово цвяхи, потім клацніть на ньому правою кнопкою миші і виберіть команду Hyperlink (Гиперссылка).
11. У списку вікна діалогу, що відкрилося, створення гіперпосилання клацніть на значку файлу prod04.htm.
12. У поле Bookmark (Закладка) введіть ім'я тільки що створеної закладки end_of_page, як показано на рис. 3.39.
13. Клацніть на кнопці ОК.
Дію створеного гіперпосилання (підкреслене слово цвяхи) ви зможете оцінити, виконуючи крок 8 підрозділу 3.4.1.
Основа Web-вузла фірми Геркулес вже створена. Тепер потрібно наповнить всі сторінки необхідним змістом. Користуйтесь наявними таблицями та списками при редагуванні сторінок. Видалити всі тексти англійською мовою та непотребні об’єкти (не видалите закладку на сторінці цвяхи). Додайте цікаві малюнки, графіки та діаграми.
Рис 3.39. Посилання на закладку
3.3.9. Перегляд сторінки Web-Вузла у вигляді html- кода
Вікно режиму перегляду Page (Страница) має три вкладки, що відкривають доступ до трьох різних варіантів демонстрації Web-сторінки:
Перший режим— Normal (Обычный) призначений для розробки сторінок за допомогою засобів редагування FrontPage.
Другий режим - HTML — дозволяє переглядати і коректувати HTML- код Web-сторінки, створеної редактором.
Третій режим дає можливість, не виходячи з FrontPage, попередньо переглянути створену Web-сторінку.
FrontPage пропонує розроблювачу безліч різноманітних інструментів, що дозволяють створювати практично будь-які Web-сторінки. Однак повне керування форматом відображення інформації можна одержати, тільки редагуючи вихідний код HTML-файлу, що формує зображення сторінки. FrontPage пропонує два способи перегляду цього коду.
1. Не виходячи з вікна Web-сторінки Трубы, виберіть команду View > Reveal Tags (Обзор > Показ. Теги).
У цьому режимі (рис. 3.40) на екрані відображається не тільки зміст Web-сторінки, але і керуючі конструкції мови html так називані - "теги", - які і формують наявне форматування документа. У HTML-документах всі теги укладені в кутові дужки. Вони поділяються на відкриваючі ( < ) і закриваючі ( > ), котрі відрізняються від перших наявністю символу " / ". Між однойменними відкриваючим і закриваючим тегами розміщується текст, форматування якого задається цими тегами. Наприклад, між тегами <table> і </table> укладений зміст таблиці. Деякі теги, такі як тег <hr>, що додає на сторінку горизонтальну лінію, не мають парного закриваючого тегу. Багаторівневе вкладення подібних конструкцій дозволяє задавати будь-які самі складні варіанти форматування документа. Зазначений режим демонстрації сторінки допомагає зрозуміти її структуру і полегшує пошук помилок.
Рис. 3.39. Tеги документу
2. Перемістіть покажчик миші на значок тегу </а>, розташований праворуч від зображення лева. З'явиться спливаюча підказка, що демонструє повний текст цього тегу.
Зазначений варіант перегляду сторінки дає можливість бачити теги, але не дозволяє їх редагувати. Давайте спробуємо скорегувати HTML-код сторінки, щоб, наприклад, виділити слово мідні напівжирним червоним шрифтом.
3. Прокрутите уміст вікна до тексту Тонкі мідні труби і клацніть мишею перед словом мідні.
4. Щоб одержати повний доступ до коду сторінки, клацніть на корінці HTML. Ви побачите текстовий документ, на основі якого генерується Web-сторінка.
5. Уведіть перед словом мідні теги: <b> <font color="c90000"> (див рис. 3.40).
6. Після цього слова додайте закриваючі теги: </font></b> (рис.3.40).
Рис. 3.40. Редагування коду сторінки
Додавання тегів у режимі редагування коду HTML іноді приводить до порушення раніше призначених режимів форматування і перекручуванню деяких об'єктів. Перед зміною коду корисно зберегти на диску копію Web-сторінки, що редагується, щоб у випадку невдачі мати можливість повернутися до вихідного варіанта.
7. Клацніть на корінці Normal (Обычный), щоб повернутися в звичайний режим перегляду сторінки. Зверніть увагу, що теги, додані в режимі редагування вихідного коду, офарбили слово мідні в червоний колір і задали йому жирне накреслення.
8. Натисканням клавіш Ctrl+/ відключите демонстрацію тегів.
Досконально вивчивши мову HTML, ви зможете коректувати сторінки, створені в FrontPage, додаючи в них самі складні ефекти, недоступні Web-редакторам.