Режими перегляду

FrontPage пропонує 6 режимів перегляду Web-вузла, кнопки яких маються на панелі режимів:

• Page (Страница) – редактор окремої Web-сторінки. У цьому режимі можна змінювати зміст будь-якої сторінки вузла, набудовувати її оформлення і переглядати HTML-код, на основі якого генерується сторінка.

• Folders (Папки) – список папок і файлів Web-вузла з їхніми детальними характеристиками, подібний до списку вікна програми Проводник Windows.

• Reports (Отчеты) – статистична інформація про вузол й окремі його компоненти.

• Navigation (Навигация) – редактор структури Web-вузла, що дозволяє в графічному режимі змінювати зв'язок між сторінками і перебудовувати гіперпосилання.

• Hyperlinks (Гиперссылки) – список Web-сторінок вузла і схема гіперпосилань виділеної сторінки.

• Tasks (Задания) –список завдань, пов'язаних з визначеними файлами, які потрібно не забути виконати для завершення розробки вузла.

Переключати режими перегляду можна як за допомогою команд меню View(Обзор), так і за допомогою кнопок панелі режимів, розташованої в лівій частині вікна FrontPage.

Виконайте такі кроки:

1. Щоб переглянути список файлів, створених майстром Web-вузла, клацніть на кнопці Folders (Папки) панелі режимів.

Вікно FrontPage розділиться на дві області (рис. 4.5). У ліву буде виведений список папок, вкладених у папку D:\My Webs\Corporate_Прізвище (у якій зберігаються усі файли поточного Web-вузла), а у праву – значки файлів кореневої папки вузла.

Рис. 4.5. Режим перегляду папок

Примітка. Режим перегляду Folders (Папки) насправді відображає не всі файли Web-вузла, а тільки ті, які несуть певне навантаження. Допоміжні папки, що містять графічні файли стандартних елементів оформлення і файли підтримки розширень FrontPage, залишаються схованими.

2. Щоб переглянути список зображень, використовуваних у Web-вузлі, клацніть на значку папки images.

3. Двічі клацніть на файлі smallnew.gif. Після цього FrontPage запустить програму Microsoft Foto Editor, призначену для перегляду файлів формату .gif, і відкриє в ній обраний файл.

4. Розгляньте значок (підберіть масштаб), обраний майстром, і закрийте графічну програму.

5. Для повернення в попередню папку клацніть у панелі вмісту папки images правою кнопкою миші й оберіть у контекстному меню команду Up One Level (Вверх на уровень).

6. Оберіть команду File > New > Folder (Файл > Нов.> Папка).

7. Уведіть текст Доповнення. Це буде ім'я нової папки. Натисніть Enter.

8. У списку папок клацніть на значку Доповнення, щоб відкрити нову папку.

9. Клацніть у порожньому списку файлів правою кнопкою миші й оберіть команду New Page (Новая страница).

10. Як ім'я нової Web-сторінки введіть Довідник.

Ми не будемо зараз наповнювати нову сторінку змістом, але, щоб не забути про необхідність зробити це надалі, запишемо відповідний пункт у список завдань.

11. Клацніть на значку Довідник.htm правою кнопкою миші й оберіть команду Add Task (Добавить задание).

12. У поле Task Name (Имя) вікна введення завдання, що відкрилося (рис. 4.6), уведіть текст "Створити сторінку й посилання".

13. Натисніть клавішу Tab і введіть ім'я виконавця задачі.

14. У поле опису введіть текст "Створити сторінку довідника продуктів компанії з таблицею, додати посилання з домашньої сторінки й на сторінки опису продуктів".

Рис. 4.6. Додавання завдання

15. Клацніть на кнопці ДА.

16. Оберіть команду View > Tasks (Обзор > Задан.). У списку операцій ви побачите щойно додане завдання зі статусом Not Started (He запущено).

4.1.3. Навігація по вузлу

Майстер Web-вузла конструює посилання між сторінками за визначеним алгоритмом. Вам може не сподобатися створена ним структура зв'язків. За допомогою режиму перегляду Navigation (Навигация) можна побачити загальну схему вузла, додати або розірвати певні посилання, скорегувати правила розміщення посилань у панелях навігації Web-сторінок.

1. Клацніть на кнопці Navigation (Навигация) панелі режимів.

2. Щоб вмістити в екран всю схему вузла, оберіть у списку Zoom (Масш.) панелі інструментів Navigation (Навигация), що розкриється, пункт Size To Fit (Авторазмер).

Тепер структура навігації виглядатиме так, як показано на рис. 4.7. Кожна сторінка вузла позначається прямокутником. Лінії, що з'єднують ці прямокутники, символізують взаємну підпорядкованість сторінок. Наприклад, сторінка Services (Услуги), з одного боку, є підлеглою щодо домашньої сторінки Номе. Це означає, що FrontPage автоматично розмістить у нижній частині сторінки Services посилання на домашню сторінку. З іншого боку, сторінка Services забезпечує доступ до трьох підлеглих сторінок: Service 1, Service 2 і Service 3. FrontPage помістить посилання на них на самому початку сторінки Services. Давайте вивчимо такі посилання.

Рис. 4.7. Режим навігації

3. Щоб перейти з навігатора до перегляду сторінки Services, двічі клацніть на її прямокутнику. При цьому автоматично включається режим Page (Страница).

4. За допомогою вертикальної смуги прокрутіть вміст сторінки Services униз, щоб побачити посилання, розташовані в її нижній частині, як показано на рис. 4.8. Зверніть увагу, що FrontPage додатково помістив барвисто оформлені посилання на підлеглі сторінки в лівому полі, а посилання на батьківську сторінку Home(Домой) є присутнім тільки внизу.

Випробуйте дію наявних гіперпосилань.

Щоб активізувати посилання в режимі Page (Страница), клацніть на ній, утримуючи натиснутою клавішу Ctrl.

Пересуваючись сторінками за допомогою посилань, порівняйте структуру сторінок зі схемою навігатора вузла.

5. За допомогою команди View > Navigation (Обзор > Навигация) поверніться в режим навігатора.

6. У лівій частині навігатора розташована панель папок Web-вузла. Розгорніть у ній папку Доповнення, клацнувши на відповідному значку + – “плюс”.

У цій папці розташована Web-сторінка, створена у попередній вправі. Поки що вона не включена до складу вузла. Якщо припустити, що ця сторінка міститиме зведену таблицю характеристик товарів фірми, то її необхідно підпорядкувати сторінці Products (Товари).

Рис. 4.8. Режим перегляду сторінки

7. Помістіть покажчик на значок Довідник.htm панелі папок.

8. Натисніть кнопку миші і перетягніть покажчик в ділянку схеми вузла, щоб з'явився прямокутник нової сторінки.

9. Розмістіть прямокутник ліворуч прямокутника Product 1, щоб лінія зв'язку з'єднувала нову сторінку зі сторінкою Products. Потім відпустіть кнопку миші. FrontPage додасть у структуру вузла сторінку Доповнення/Довідник.htm і помістить посилання на неї в ліве поле посилань сторінки Products.

У режимі навігатора можна не тільки додавати нові, але і видаляти непотрібні сторінки.

10. Клацніть на сторінці Service 3 правою кнопкою миші оберіть у контекстному меню команду Delete (Удалить).

11. У вікні діалогу, що відкрилося, оберіть положення перемикача Delete This Page From The Web (Удалить эту страницу из сайта), а потім клацніть на кнопці Да. Файл сторінки буде вилучений з диска, а його значок – зі схеми вузла й усіх папок.

Примітка. Вибір положення перемикача Remove This Page From All Navigation Bars (Удалить страницу со всех панелей навигации)видаляє посилання на дану сторінку з панелей інших сторінок, але зберігає файл сторінки на твердому диску.

12. Клацніть на кнопці Portrait/Landscape (Портрет/Ландшафт), щоб змінити орієнтацію схеми.

13. Заголовок Доповнення/Довідник.htm не дуже відповідає вимогам Web-сторінки. Щоб змінити його, клацніть на прямокутнику цієї сторінки правою кнопкою миші й оберіть команду Rename (Переименовать), потім уведіть текст Довідник товарів. Цей же текст тепер буде використовуватися як заголовок на самій Web-сторінці.

14. Натисніть клавішу Tab. FrontPage автоматично перейде в режим редагування назви наступної сторінки. Уведіть слово Труби.

15. Перейменуйте інші сторінки відповідно до рис. 4.9, переміщуючись ними за допомогою клавіш Tabі Shift+Tab.

Як видно зі схеми вузла, сторінка Відгуки не пов'язана з іншими сторінками. Щоб надати користувачеві доступ до цих двох сторінок, виконайте такі дії:

(Порядок розташування прямокутників у схемі вузла має значення, він визначає порядок розміщення посилань у панелях навігації Web-сторінок.)

16. Перетягніть сторінку Відгуки вправо, перемістивши її в підпорядкування групі Услуги, як показано на рис. 4.10.

Рис. 4.9. Перейменовані сторінки

Рис. 4.10. Нова структура вузла

4.1.4. Гіперпосилання

Режим перегляду гіперпосилань дозволяє переглядати дерево гіперпосилань і перевіряти працездатність внутрішніх і зовнішніх посилань вузла.

1. Щоб вивести дерево гіперпосилань, клацніть у панелі режимів на значку Hyperlinks (Гиперссылки).

2. У панелі списку папок клацніть на файлі products.htm.

FrontPage помістить значок обраної сторінки в середину вікна і лініями покаже всі посилання, що маються на цій сторінці (рис. 4.11).

Рис. 4.11. Перегляд гіперпосилань

Давайте змоделюємо некоректне гіперпосилання, перейменувавши один з файлів Web-вузла.

3. Клацніть на значку prod03.htm правою кнопкою миші й оберіть команду Rename (Переименовать).

4. Уведіть текст prod04.htm і натисніть клавішу Enter.

5. Відкриється вікно діалогу, що пропонує обновити гіперпосилання, які вказують на перейменовану сторінку. Клацніть у ньому на кнопці No (Нет). (Звичайно слід обрати відповідь Yes (Да). Цей варіант дає вказівку FrontPage скорегувати посилання так, щоб зміна імені файлу не внесла плутанини до структури вузла і не порушила його працездатність).

З зазначеної причини ніколи не перейменовуйте файли Web-вузла у Проводнику або за допомогою інших інструментів Windows та файлових менеджерів типу Norton Commander (Windows Commander та інших).

Користуйтеся для цих цілей тільки списком файлів у вікні FrontPage. Операційна система, на відміну від FrontPage, не здатна модифікувати інші Web-сторінки, приводячи їхні посилання у відповідність до нового0 імені файлу.

6. Щигликом на значку products.htm поверніться до попередньої схеми.

7. Оберіть команду Tools > Recalculate Hyperlinks (Инстр. > Пересчет гиперссылок).

7. У вікні діалогу, що відкрилося, клацніть на кнопці Yes (Да). FrontPage перегляне посилання Web-вузла і перевірить їхній стан (при роботі з великими вузлами цей процес може забрати тривалий час). Програма знайде на сторінці products.htm посилання на неіснуючий файл prod03.htm. Це відобразиться на схемі (рис. 4.12) у вигляді розірваної лінії від значка файлу products.htm до значка файлу prod03.htm.

Рис. 4.12. Розірване гіперпосилання

Зверніть увагу, що мініатюри файлів, пов'язаних зі сторінкою Геркулес Products Page означені символами " + ". Вони розвертають відповідну ділянку павутини посилань.

9. Клацніть на значку " + " мініатюри Product 1.

10. Потім клацніть на значку " + " мініатюри index, що з'явилася. У вікні з'явиться новий фрагмент Web-вузла, показаний на рис. 4.13.

Рис. 4.13. Розкриття ділянок посилань

Таке розкриття ділянок у схемі гіперпосилань дозволяє наочно моделювати логіку роботи вузла, не відкриваючи самі Web-сторінки, завантаження яких часто віднімає багато часу та оперативної пам'яті комп'ютера.

4.1.5. Звіти про Web-вузол

Пошук розірваних посилань у схемі гіперпосилань, описаний у попередній вправі – справа складна і незручна. Можна витратити багато часу на перебір усіх сторінок і все-таки, цілком ймовірно, не побачити якихось деталей. Тому FrontPage пропонує розроблювачеві цілий набір звітів, що несуть у собі різну статистичну інформацію про Web-вузол.

1. Щоб побачити підсумкову інформацію FrontPage про даний вузол, оберіть команду View > Reports > Site Summary (Обзор > Отчеты > Резюме сайта).

Відкриється таблиця з оглядом основних параметрів вузла (рис. 4.14). Деякі пункти представляють зведену інформацію з більш докладного звіту на дану тему, який можна відкрити подвійним щигликом на відповідному рядку, а також вибором пункту в меню View > Reports (Обзор > Отчеты)або у списку панелі інструментів Отчеты. Призначення звітів FrontPage описане в табл. 1. Пункти огляду вузла не відкривають доступ до окремих звітів (які не потрапили з цієї причини в табл. 4.1), а лише дають підсумкові значення визначеного параметра, перераховані в табл. 4.2.

Рис. 4.14. Огляд Web-вузла

Таблиця 4.1. Звіти FrontPage

Таблиця 4.2. Підсумкові характеристики огляду вузла

2. Щоб переглянути список розірваних гіперпосилань, двічі клацніть в огляді вузла на рядку Broken Hyperlinks (Сломанные гиперссылки).

Рис. 4.15. Список розірваних ("сломанных") гіперпосилань

У звіті на рис. 4.15 показана наявність двох таких посилань. Перше з'явилася у результаті перейменування файлу в попередній вправі, друге – після видалення файлу Service 3 у підрозділі 4.1.3. Давайте виправимо ці недоліки.

3. Двічі клацніть на рядку розірваного гіперпосилання prod03.htm.

4. У поле Replace Hyperlink With (Заменить гиперссылкой) вікна діалогу, що відкрилося (рис. 4.16), уведіть нову назву файлу prod04. htm.

5. Клацніть на кнопці Replace (Исправить). Перший пункт списку розірваних посилань зникне, що говорить про коректність виправленого посилання.

6. Клацніть на рядку посилання serv03.htm правою кнопкою миші й оберіть у контекстному меню команду Edit Page (Изменить страницу). Файл serv03.htm відкриється в режимі сторінки, і в ньому буде виділене невірне посилання, як показано на рис. 4.17.

7. Натисканням клавіші Delete видаліть посилання.

Рис. 4.16. Заміна невірного гіперпосилання

Рис. 4.17. Виправлення Web-сторінки

8. Оберіть команду File > Close (Файл > Закр.).

9. Щигликом на кнопці Yes (Да) підтвердіть необхідність збереження зміненої Web-сторінки.

10. Щоб повернутися до списку розірваних гіперпосилань, клацніть на значку Reports (Отчеты) панелі режимів. Тепер цей список буде порожній, отже,усіпосилання працюють коректно.