Крім майстрів, при розробці Web-вузлів можна використовувати шаблони. Вони допомагають створювати типову структуру веб-сайту.

Для створення веб-сайту із застосуванням одного з запропонованих шаблонів виконайте такі дії:

1. В меню Файл(File) виберіть команду Створити Сторінка або веб-сайт(Нова сторінка або Web-сайт).
2. На панелі виберіть команду Шаблони веб-сайтів(Web Site Templates).
3. Діалогове вікно, що відкрилося. Шаблони веб-сайтівмістить шаблони для створення Web-вузлів (табл. 11.2).

Таблиця 11.2.Шаблони, які використовуються для створення Web-вузлів

Виділіть курсором значок шаблону, послугами якого хочете скористатися. При цьому в області Опис(Description) з'являється коротке призначення вибраного майстра.

1. У полі (Specify the location of the new web) введіть розташування та ім'я створюваного Web-вузла.
2. Натисніть кнопку ОК.

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

Шаблон створення односторінкового Web-вузла

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

Щоб переглянути структуру створеного з за допомогою шаблону Web-вузла, відобразіть у вікні програми панель Список папок(Folder List), вибравши меню Вид(View) однойменну команду. Сторінка, що входить до створеної структури Web-вузла, збережена у файлі з ім'ям index.htm. За промовчанням мається на увазі, що ця сторінка буде використовуватися як домашня. Відкрийте цю сторінку двічі, клацнувши на ім'я файлу index.htm. Сторінку буде відкрито в режимі редагування у робочій області програми FrontPage (рис. 11.36).

Мал. 11.36.

Зауваження

Структуру Web-вузла, створеного на основі шаблону Односторінковий веб-сайт, можна змінити надалі: додати нові папки та будь-яку необхідну кількість сторінок.

Шаблон створення порожнього Web-вузла

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

Після створення шаблону створений веб-сайт відкривається в режимі редагування. На панелі папок можна переглянути структуру веб-сайту. Вона не містить жодної сторінки.

Зауваження

Шаблон Порожній веб-сайт(Empty Web) зручно використовувати у тих випадках, коли для створення домашньої сторінкиВи маєте на увазі використовувати сторінку з більш складною структурою, наприклад, що включає кадр.

Шаблон створення багатосторінкового персонального Web-вузла

Використовуючи шаблон Особистий веб-сайт(Personal Web), ви зможете досить швидко створити персональний Web-сайт. У ньому ви можете розмістити інформацію особистого характеру, фотографії друзів, довідкові відомості, а також, використовуючи посилання, переглядати сторінки, що найчастіше відвідуваються в Інтернеті. До того ж цей Web-вузол - чудовий стартовий майданчик для тих, хто приступає до вивчення можливостей, що надаються програмою FrontPage.

Щоб створити персональний веб-сайт за допомогою шаблону, виконайте такі дії:

1. В меню Файл(File) виберіть команду Створити(New), а потім у підменю, що відкрилося - опцію Сторінка або веб-сайт(Нова сторінка або Web-вузол).
2. На панелі, що з'явилася Створення веб-сторінки або вузлавиберіть команду Шаблони веб-сайтів(Web Site Templates).
3. В полі Вкажіть розташування нового веб-сайту(Specify the location of the new web) діалогового вікна, що відкрилося Шаблони веб-сайтіввведіть розташування та ім'я веб-сайту, що створюється. Назвемо Web-вузол, наприклад, My Pers_Web.
4. Двічі клацніть на значку Особистий веб-сайт(Personal Web). Починається процес створення шаблону. Через деякий час у головному вікні програми FrontPage відкриється отриманий Web-сайт для перегляду та редагування (рис. 11.37).

На панелі Список папокрозташовані файли сторінок створеного веб-сайту. Вибираючи курсором миші файли, перегляньте запропоновані вам сторінки. Використовуючи засоби FrontPage, ви можете їх модифікувати, змінити назви сторінок, додати до Web-сайту нові сторінки, вставити свій текст.

Мал. 11.37. Персональний веб-сайт, створений з використанням шаблону

Розділ 11 Створення Web-вузла за допомогою майстрів та шаблонів

Шаблони та майстри

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

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

Що таке шаблони та майстри і чим вони відрізняються один від одного? З шаблонами ви, ймовірно, стикалися з іншими офісними продуктами, наприклад, під час роботи з Microsoft Word.

Шаблон- це сукупність параметрів документа для його багаторазового використання, тобто каркас вашого документа. Вибравши той чи інший шаблон, ви надалі використовуєте засоби, які в ньому вже закладені. Наприклад, вибравши шаблон Текст одним стовпцем (One-column Body), ви отримуєте сторінку, де інформацію необхідно розміщувати в одну колонку по центру. В інших шаблонах заздалегідь виділено області для розміщення тексту та графічної інформації тощо.

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

Майстри створення Web-вузлів

Для запуску майстра створення Web-вузла виконайте такі дії:

1. У меню Файл (File) виберіть команду Створити (New), а потім у підменю, що відкрилося, - опцію Сторінка або веб-сайт (Page or Web). В результаті в головному вікні FrontPage з'являється панель Створення веб-сторінки або вузла (New Page or Web) (рис. 11.1).

Мал. 11.1. Панель Створення веб-сторінки або вузла для роботи з новими сторінками та веб-сайтами

2. На панелі виберіть Шаблони веб-сайтів (Web Site Templates). Відкривається діалогове вікно Шаблони веб-вузлів, в якому можна вибрати шаблон або майстер для створення веб-сайту (рис. 11.2).

Мал. 11.2. Діалогове вікно Шаблони веб-сайтів

Діалогове вікно містить одну вкладку Веб-вузли (Web Sites), на якій розташовані значки пропонованих системою шаблонів та майстрів для створення Web-вузлів. У табл. 11.1описано призначення майстрів, запропонованих програмою FrontPage.

Таблиця 11.1. Майстри, що використовуються для створення Web-вузлів

Зауваження

У діалоговому вікні Шаблони веб-сайтів FrontPage пропонує чотири майстри для створення Web-вузла. Вони перераховані у табл. 11.1. Іншими у списку є шаблони.

3. Перейдіть до піктограми майстра, послугами якого хочете скористатися. При цьому в області Опис (Description) з'являється короткий опис вибраного майстра.

4. У полі Вкажіть розташування нового веб-сайту (Specify the location of the new web) введіть URL-адресу Web-вузла, тобто ім'я Web-сервера, на якому хочете розмістити Web-сайт, і ім'я Web-сайта. Імена повинні бути розділені символом "/". Наприклад, http://localhost/Corporate.При цьому можливі такі варіанти:

• Web-сервер встановлений на вашому комп'ютері. У такому випадку ім'я сервера автоматично поставляється до URL-адреси. Серверу також можна присвоїти мережне ім'я вашого комп'ютера за промовчанням localhost.
• Ви використовуєте веб-сервер свого провайдера, доступний в Інтернеті. В цьому випадку в якості імені сервера вводиться його реальна URL-адреса.
• Зберігайте веб-сайт на своєму комп'ютері. У цьому випадку адресою вказується фізичний шлях до нього.
• Щоб встановити з Web-сервером безпечне з'єднання протоколу SSL, встановіть прапорець у вікні Шаблони веб-сайтів Потрібне підключення SSL (Secure connection required (SSL)).

5. Натисніть кнопку ОК. Запускається майстер.

Порада

Для запуску майстра або шаблону можна також двічі клацнути мишею на значку вибраного майстра.

Створення Web-вузла з допомогою майстра здійснюється так. Після запуску майстра на екрані по черзі з'являються діалогові вікна для введення параметрів Web-вузла, що створюється. Ви повинні відповісти на всі запропоновані запитання. Для переміщення між екранами в процесі роботи майстра використовуються кнопки, розташовані в нижній частині та мають таке призначення:

Відповівши на всі запитання майстра, ви натискаєте кнопку Готово. Майстер створює веб-сайт і виводить його в головному вікні програми для перегляду та редагування.

Зауваження

Ви можете перейти до завершального етапу будь-якого вікна майстра, скориставшись кнопкою Готово. У цьому випадку програма FrontPage створить веб-сайт, використовуючи параметри, пропоновані за замовчуванням.

Розглянемо коротко можливості майстрів створення Web-вузла:

• Майстер корпоративного веб-сайту (Corporate Presence Wizard). Створює Web-сайт, що представляє компанію в Інтернеті. До складу створеного Web-вузла можуть входити:

· Сторінки, що використовуються відвідувачами Web-вузла для перегляду новин про компанію, а також інформації про товари та послуги

· Таблиця з змістом, що полегшує відвідувачам переміщення по Web-вузлу

· Форма відгуків клієнтів з того чи іншого питання

• Майстер інтерфейсу бази даних (Database Interface Wizard). Web-сайт, створений за допомогою цього майстра, може містити наступні сторінки:

· Сторінка перегляду інформації з бази даних

· Сторінка, призначена для введення інформації

· Сторінка, що дозволяє редагувати базу даних Web-вузла з оглядача

• Майстер веб-обговорення (Discussion Web Wizard). Створює Web-вузол, на сторінках якого користувач висловлює свою думку щодо. проведеної дискусії. До складу створеного Web-вузла можуть входити:

· Сторінки для проведення дискусії та сторінка, за допомогою якої відвідувач визначає, чи дійшло його повідомлення до Web-вузла

· Зміст Web-вузла

· Форма потокових відповідей

· Пошукова форма, що дозволяє відвідувачам сайту знаходити на Web-вузлі інформацію, що їх цікавить

• Майстер веб-імпорту (Import Web Wizard). Імпортує на створюваний у FrontPage Web-сайт дані від інших Web-вузлів. Імпортувати можна весь веб-сайт або його окремі сторінки. Імпорт можна здійснювати з комп'ютера, з комп'ютера, що знаходиться у вашому комп'ютері. локальної мережіабо з Інтернету, вказавши його URL-адресу

Майстер створення Web-вузла для представлення компанії

Розглянемо роботу майстра Майстер корпоративного веб-сайту (Corporate Presence Wizard), що створює Web-сайт для представлення підприємства в Інтернеті. Для створення веб-сайту за допомогою цього майстра виконайте такі дії:

1. У меню Файл (File) виберіть команду Створити (New), а потім у підменю, що відкрилося, - опцію Сторінка або веб-сайт (Page or Web).

2. На панелі Створення веб-сторінки або вузла, що з'явиться у вікні програми FrontPage, виберіть команду Шаблони веб-вузлів (Шаблони Web-вузлів).

3. У полі Вкажіть розташування нового веб-сайту діалогового вікна Шаблони веб-сайтів введіть розташування та ім'я веб-сайту, що створюється.

4. Двічі клацніть Майстер корпоративного веб-сайту.

5. Майстер розпочинає свою роботу. На екрані з'являється перше вікно, в якому міститься короткий описмайстри
(Рис. 11.3). Ознайомтеся із запропонованою інформацією та натисніть кнопку Далі.

Мал. 11.3. Перше інформаційне вікно майстра Майстер корпоративного веб-сайту

6. На наступному етапі роботи майстра вам пропонується визначитися зі сторінками, які будуть включені до Web-сайту (рис. 11.4). У діалоговому вікні розміщено такі прапорці:

Домашня (Ноте) - домашня сторінка Web-вузла
що нового (What's New) - сторінка новин Web-вузла
продукти та послуги (Products/Services) - сторінка, що представляє продукцію або послуги, які пропонує компанія

Мал. 11.4. Діалогове вікно для вибору сторінок Web-вузла

Зміст (Table of Contents) - сторінка, що містить зміст створюваного Web-вузла. З цієї сторінки можливий перехід на всі сторінки вузла
зворотний зв'язок (Feedback Form) - сторінка у вигляді форми, на якій відвідувачі Web-вузла зможуть розмістити свою думку про запропоновані товари та послуги
Форма пошуку (Search Form) – сторінка у вигляді форми для пошуку слів на Web-вузлі. Ця формадозволить відвідувачу швидше знайти потрібну інформацію

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

7. Наступне діалогове вікно майстра дозволяє визначити формат домашньої сторінки створюваного Web-вузла (рис. 11.5). У ньому розташовані прапорці, встановлення яких призводить до резервування на сторінці місця для наступної інформації:

Вступ (Introduction) – для вступної інформації
призначення (Mission Statement) - про цілі та завдання фірми
профіль організації (Company Profile) - про профіль компанії
контактні відомості (Contact Information) – для контактної інформації

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

Мал. 11.5. Діалогове вікно для визначення формату домашньої сторінки

Зауваження

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

8. Наступне вікно майстра дозволяє задати параметри сторінки, яка міститиме найсвіжіші новини вашого Web-вузла або повідомляти, на якій сторінці Web-вузла з'явилася нова інформація (рис. 11.6). У цьому вікні знаходяться три прапорці, установка яких призводить до розміщення на веб-сайті наступних розділів:

Мал. 11.6. Діалогове вікно для встановлення параметрів сторінки новин

9. На наступному кроці роботи майстра на полях продукти (Products) та послуги (Services) (рис. 11.7) можна задати параметри сторінки, що містить інформацію про товари та послуги, що надаються фірмою. Відповідно до введених цифр буде створюватися по одній сторінці на кожний рекламований товар або послугу. Введіть у ці поля необхідні числа та натисніть кнопку Далі.

Мал. 11.7. Діалогове вікно, що дозволяє задати кількість рекламованих товарів та послуг

10. У діалоговому вікні, яке з'являється на наступному кроці, можна вказати розділи, під які будуть зарезервовані місця на сторінках, що рекламують товари та послуги (рис. 11.8). Воно містить дві групи прапорців. Перша група прапорців визначає параметри сторінки, що представляє товари:

Зображення продукту (Product image) – резервує на сторінці місце для розміщення зображення товару
інформацію про ціну (Pricing information) - резервує на сторінці місце для розміщення цін на вказаний товар
форма запиту даних (Information request form) – призводить до створення форми запиту інформації

Друга група прапорців визначає параметри сторінки, яка рекламує послуги:

Список можливостей (Capabilities list) – резервує на сторінці місце для більш докладного описупослуги
посилання рахунки (Reference accounts) - резервує на сторінці місце для розміщення облікових записів
форма запиту даних (Information request form) – вказує на необхідність формування форми запиту до відвідувачів Web-вузла на послуги

Встановіть прапорці та натисніть кнопку Далі, щоб перейти до наступного кроку.

Мал. 11.8. Діалогове вікно для завдання параметрів сторінок, що містять інформацію про товари та послуги

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

Мал. 11.9. Діалогове вікно дозволяє задати поля форми-анкети зворотного зв'язку з відвідувачами Web-вузла

12. У наступному діалоговому вікні необхідно задати формат даних, що надходять із форми-анкети зворотного зв'язку з відвідувачами вашого Web-вузла (рис. 11.10). Вибір того чи іншого формату визначатиметься способом їх обробки. Вам пропонується на вибір два варіанти:

Так - формат із роздільниками табуляцією (Yes, use tab-delimited format) - дані зберігаються у вигляді таблиці. Ця опція використовується у випадку, якщо результати опитування будуть оброблятися за допомогою бази даних або електронної таблиці Microsoft Excel
Ні – формат веб-сторінок (No, use web-page format) – дані зберігаються у форматі Web-сторінки

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

Мал. 11.10. Діалогове вікно дозволяє задати формат даних, що надходять із форми-анкети

13. На черговому кроці майстер пропонує встановити параметри сторінки змісту Web-вузла (рис. 11.11). Діалогове вікно містить три прапорці:

Автоматично оновлювати список сторінок (Keep page list up-to-date automatically) - встановлення прапорця дозволяє автоматично оновлювати інформацію в змісті при зміні сторінок, що входять до Web-сайту.
показувати сторінки, що не входять до веб-сайту (Show pages not linked into web) - прапорець визначає, чи потрібно в змісті показувати сторінки, які не мають прямих посилань з інших сторінок
маркери для сторінок верхнього рівня (Use bullets for top-level pages) - під час встановлення прапорця список сторінок верхнього рівня відображається у вигляді маркованого списку

Мал. 11.11. Діалогове вікно дозволяє встановити параметри сторінки, що містить зміст Web-вузла

Попередження

Установка прапорця автоматично оновлювати список сторінок (Keep page list up-to-date automatically) при великій кількості сторінок
Web-вузлі та частому оновленніможе збільшити завантаження сторінки змісту.

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

Мал. 11.12. Діалогове вікно для розміщення інформації у верхній та нижній частинах сторінок Web-вузла

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

Зауваження

Встановлення прапорців у цьому вікні майстра використовується лише для резервування місця на веб-сторінках. Після завершення роботи майстра в редакторі FrontPage ви можете розмістити необхідну інформацію в цих місцях.

Встановіть потрібні прапорці та натисніть кнопку Далі.

15. Далі в роботі майстра пропонується розмістити на сторінках значок У стадії розробки (Under Construction), що вказує на те, що створення даної сторінки ще не завершено (рис. 11.13). Встановіть одну з двох опцій і натисніть кнопку Далі, щоб перейти до наступного діалогового вікна.

Мал. 11.13. Вам пропонується розмістити на сторінках значок У стадії розробки

16. У наступних двох діалогових вікнах необхідно задати інформацію про компанію, для якої Web-сайт створюється. У діалоговому вікні на рис. 11.14, необхідно запровадити повну та скорочену назву компанії, а також її адресу. Решту інформації про компанію - номер телефону, номер факсу, адресу електронної пошти Web-майстра та адресу електронної пошти компанії, введіть у вікні, показаному на рис. 11.15.

Мал. 11.14. Діалогове вікно для введення повної та скороченої назви компанії, а також адреси

Мал. 11.15. Діалогове вікно для введення номера телефону, факсу та адреси електронної пошти

17. На наступному кроці майстер пропонує вибрати стиль оформлення вашого Web-вузла (рис. 11.16). Ви можете погодитись з оформленням, яке буде прийнято за умовчанням, та натиснути кнопку Далі. Пізніше ви зможете змінити оформлення як всього Web-вузла, так і будь-яких сторінок, скориставшись командою Тема (Theme) меню Формат (Format). Якщо ж ви хочете зайнятися оформленням створюваного Web-вузла в Наразі, то натисніть кнопку Вибрати веб-тему (Choose Web Theme), розташовану в центрі діалогового вікна. На екрані з'явиться вікно Вибір теми (Choose Theme) (мал. 11.17).

Мал. 11.16. Діалогове вікно для встановлення стилю оформлення Web-вузла

Мал. 11.17. Діалогове вікно для вибору теми оформлення сторінок Web-вузла

У верхній частині діалогового вікна Вибір теми за замовчуванням встановлено опцію всіх сторінок (All pages), що вказує, що вибрана вами тема оформлення Web-вузла буде поширюватися на всі сторінки. Нижче цієї опції розміщено список тем оформлення, що надається у ваше розпорядження програмою FrontPage. При виборі значення з цього списку в області Зразок теми (Sample of Theme) ви можете переглянути запропоноване оформлення тексту, заголовків, списків, навігаційних панелей, гіперпосилань. Якщо встановити прапорці, розташовані під списком тем, то:

Яскраві кольори (Vivid colors) – кольори, що використовуються в оформленні, будуть більш насиченими
Активні малюнки (Active graphics) - можна додати до оформлення активну графіку
Фоновий малюнок (Background picture) можна додати в оформлення сторінок фонове зображення
Застосувати з допомогою CSS(Apply using CSS) - до оформлення сторінок додається зовнішня таблиця стилів

Вибравши на свій смак тему оформлення та встановивши необхідні прапорці, натисніть кнопку ОК для закриття діалогового вікна Вибір теми. При цьому ви повертаєтеся у вікно майстра. Натисніть кнопку "Далі.

18. У наступному діалоговому вікні (рис. 11.18) майстер повідомляє, що він закінчив збір необхідних йому відомостей і готовий перейти до побудови Web-вузла. За замовчуванням у діалоговому вікні майстра встановлено прапорець Показувати "Завдання" після завантаження веб-сайту (Show Tasks View after web is uploaded), що вказує на те, що після завершення роботи майстра та завантаження створеного Web-вузла на екрані відображатиметься перелік сформованих завдань з доробки вузла . Залиште цей прапорець встановленим, оскільки відразу після завершення роботи майстра зможете переглянути список робіт, які виконати, і переконатися, що майстер всю основну роботу за вас виконав.

Мал. 11.18. Завершальне інформаційне вікно майстра

Зауваження

До натискання кнопки Готово можна повернутися до попередніх діалогових вікон, переглянути введену вами інформацію, щось змінити. Для цього можна скористатися кнопкою Назад (Back). Після перегляду налаштувань вам не обов'язково повертатися до останнього діалогового вікна. Щоб запустити процес створення веб-сайту, натисніть кнопку Готово в будь-якому вікні.

Натисніть кнопку Готово, щоб завершити створення веб-сайту.

Майстер розпочинає створення Web-вузла. Якщо в останньому діалоговому вікні встановлено прапорець Показувати "Завдання" після завантаження веб-сайту

(Show Tasks View after web is uploaded), після завершення роботи майстра на екрані відкриється в табличному вигляді список завдань з доопрацювання Web-вузла (рис. 11.19). Завдання відсортовані за пріоритетом виконання. У стовпці Порівняно з (Associated With) вказано назву сторінки, що вимагає доопрацювання, а в стовпці Опис (Description) - опис роботи, яку виконати.

Мал. 11.19. Перелік завдань для завершення створення Web-вузла

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

Першим у списку завдань є редагування домашньої сторінки Web-вузла. Тому під час запуску першого у списку завдання відкривається домашня сторінка як редагування (рис. 11.20). Розглянемо розташовані на ній елементи. Вони, як правило, будуть присутні і на решті сторінок Web-вузла.

• Заголовок сторінки (домашня сторінка має назву Додому). Є графічним об'єктом
• Web сторінки фону. Як і заголовок, є графічним об'єктом

Мал. 11.20. Домашня сторінка Web-вузла

• Горизонтальна та вертикальна панелі посилань, розташовані у верхній частині сторінки над заголовком та у лівій спільній області, відповідно. Горизонтальна навігаційна панель містить посилання Ноте (Домашня сторінка), Зворотній зв'язок, Зміст і Форма пошуку. Вертикальна панель домашньої сторінки містить посилання Новини, Продукти, Послуги, призначені для переходу на сторінки з новинами компанії, а також на сторінки, що рекламують товари та послуги
• Горизонтальні розділові лінії
• Номери контактних телефонів, поштова адреса, електронна адреса, назва компанії. Дана інформаціярозташовується в нижній частині сторінки

Зауваження

Графічні зображення на веб-сторінках можна створювати за допомогою таких програмних продуктів, як Microsoft Photo Draw, Microsoft Image Composer, CorelDraw, Adobe Photoshopі т.д.

Елементи, що розміщуються на сторінці, а також сама сторінка характеризуються властивостями, які можна переглянути і змінити за допомогою діалогового вікна властивостей елемента. Щоб відкрити дане вікно, необхідно виділити елемент, натиснути праву кнопку миші і вибрати з контекстного меню команду Властивості (Properties) з назвою модифікованого елемента. Наприклад, для відкриття вікна властивостей заголовка сторінки необхідно використовувати команду Властивості оголошення на сторінці (Page Banner Properties), панелі посилань - Властивості панелі посилань (Link Bar Properties), горизонтальній лінії - Властивості горизонтальної лінії (Horizontal Line Properties) і т.д.

Розглянемо структуру навігації Web-вузла для представлення компанії в Інтернеті (рис. 11.21), а також як пов'язані сторінки, що входять до його складу. Для цього перейдіть в режим Переходи, натиснувши на панелі Views однойменну кнопку.

Мал. 11.21. Структура навігації Web-сайту Майстер корпоративного веб-сайту

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

Web-вузол для проведення дискусій

Щоб створити веб-сайт дискусійної групи:

1. У меню Файл (File) виберіть команду Створити (New), а потім у підменю, що відкрилося, - опцію Сторінка або веб-сайт
(Page or Web).

2. На панелі Створення веб-сторінки або вузла, що з'явиться у вікні програми FrontPage, виберіть команду Шаблони веб-вузлів (Web Site Templates).

3. У полі Вкажіть розташування нового веб-сайту діалогового вікна Шаблони веб-вузлів задайте розташування та ім'я створюваного Web-вузла, після чого двічі клацніть на піктограмі Майстер веб-обговорення (Discussion Web Wizard).

4. Майстер розпочинає свою роботу. На екрані з'являється перше вікно, в якому міститься короткий опис майстра. Ознайомтеся із запропонованою інформацією та натисніть кнопку Далі.

5. У другому діалоговому вікні (рис. 11.22) розташовані прапорці. Вони дозволяють вказати створювані на Web-сайті сторінки та реалізовані функції:

Форма нового розділу (Submission Form) – форма для введення зауважень у ході дискусії
Зміст (Table of Contents) - Зміст, що використовується для організації та перегляду раніше поданих зауважень з певної теми. Зміст включають до Web-вузла, якщо потрібно, щоб відвідувачі знайомилися з питаннями інших учасників і робили за ними зауваження
форма пошуку (Search Form) - форма для пошуку інформаціїза заданим критерієм
ланцюжка заголовків (Threaded Replies) - при встановленні даного прапорця зауваження з загальної тематики об'єднуються, забезпечуючи тим самим відвідувачеві їх послідовний перегляд
сторінка підтвердження (Confirmation Page) - сторінка підтвердження, що дозволяє відвідувачу дізнатися, чи дійшло його повідомлення до Web-вузла

За замовчуванням усі прапорці встановлені. Якщо хочете відмовитися від будь-яких сторінок або функцій, зніміть відповідний прапорець, після чого натисніть кнопку Далі, щоб перейти до наступного кроку.

Мал. 11.22. Вікно, що дозволяє задати сторінки створюваного Web-вузла

6. У наступному діалоговому вікні майстра (рис. 11.23) розташовано два поля. У верхньому полі введіть заголовок дискусії, а в нижньому - назву папки, в яку будуть розміщуватися повідомлення дискусійної групи. Ви можете залишити назву папки, яку пропонує майстр за промовчанням. Завершивши введення інформації, перейдіть до наступного кроку, натиснувши кнопку Далі.

Мал. 11.23. Діалогове вікно для введення заголовка

Зауваження

Зауважте, що назва папки повинна починатися з символу підкреслення "_".

На наступному кроці роботи майстра (рис. 11.24) необхідно вказати, які поля спочатку має містити форма для подання зауважень у ході дискусії. За промовчанням до неї пропонується включити поля тема (Subject) та нотатки (Comments). Згодом у форму можна буде окрім вибраних, додати інші поля. Встановивши потрібну опцію, натисніть кнопку Далі.

Мал. 11.24. Діалогове вікно для полів форми

8. У наступному вікні майстра (рис. 11.25) необхідно вказати, чи потрібно обмежити кількість учасників дискусійної групи. За замовчуванням встановлена ​​опція Ні, усіма бажаючими (No, anyone can post article), що вказує, що будь-хто може брати участь у дискусії. Залишіть це значення і натисніть кнопку Далі.

Мал. 11.25. Вікно, що дозволяє обмежити кількість учасників дискусійної групи

9. У наступних діалогових вікнах майстра вказується, як упорядковувати статті, що розміщені на Web-вузол, розміщувати зміст на домашній сторінці, задаються поля пошукової форми, тема оформлення Web-вузла, чи використовувати фрейм для оформлення сторінок, і якщо так, то його вигляд . У цих вікнах можна прийняти параметри, пропоновані стандартним майстром. У заключному вікні майстра натисніть кнопку Готово (Finish). Майстер розпочинає створення Web-вузла. Після завершення роботи майстра перейдіть в режим роботи папки (Folders), натиснувши однойменну кнопку на панелі режимів представлення (Views).

Мал. 11.26. Перегляд надісланого повідомлення

10. Web-вузол у браузері. Виберіть на домашній сторінці посилання Помістити нову статтю (Post a new article). Відкриється форма для введення повідомлення. Введіть у поля форми тему, своє ім'я та повідомлення, після чого натисніть кнопку Помістити (Post Article). Залежно від встановленого режиму безпеки в браузері, на екрані може з'явитися попередження системи безпеки. Натисніть у цьому вікні кнопку Так (Yes). У нижньому кадрі сторінки з'являється підтвердження отримання
Веб-вузлом повідомлення. На рис. 11.26 показано сторінку змісту з надісланим повідомленням.

Майстер імпорту Web-вузлів

Розглянемо роботу майстра імпорту Web-вузла (Import Web Wizard). Даним майстром ви можете скористатися, якщо захочете переписати до себе на комп'ютер Web-вузол, що сподобався в Інтернеті, або допрацювати Web-вузол. створений без використання програми FrontPage.

Щоб імпортувати веб-сайт за допомогою майстра, виконайте такі дії:

3. У полі Вкажіть розташування нового веб-сайту (Specify the location of the new web) діалогового вікна Шаблони веб-вузлів задайте розташування та ім'я створюваного Web-вузла, після чого двічі клацніть мишею на піктограмі Майстер веб-імпорту (Import Web Wizard) .

Порада

Для запуску майстра Майстер веб-імпорту (Import Web Wizard) можна також скористатися командою Імпорт (Import) з меню Файл (File). На екрані з'явиться діалогове вікно Шаблони веб-сайтів і за промовчанням буде обрано піктограму Майстер веб-імпорту.

4. Запускається майстер і на екрані з'являється його перше діалогове вікно Choose Source (Вибрати джерело) (мал. 11.27), в якому необхідно вказати, звідки імпортується Web-сайт. У вікні розташовані дві опції:

• Каталог на локальному комп'ютері або в локальній мережі - при виборі цієї опції файл буде імпортуватися з каталогу локального диска або мережі. Встановіть прапорець Увімкнути вкладені папки (Include subfolders), якщо каталог, що копіюється, містить підкаталоги. Для вказівки повного шляху до Web-вузла можна скористатися кнопкою Огляд (Browse)
• 
  веб-сайт в Інтернеті (From a World Wide Web site) - ця опція дозволяє імпортувати Web-сайт з WWW-сервера. Вам необхідно лише в полі Розташування (Location) вказати URL-адресу

Встановіть одну з двох запропонованих опцій, вкажіть розташування Web-вузла, що імпортується, і натисніть кнопку Далі.

Мал. 11.27. Перше діалогове вікно майстра імпорту Web-вузла

5. Вигляд наступного діалогового вікна залежить від встановленої першому кроці опції. Якщо ви імпортуєте Web-сайт з каталогу, буде відкрито вікно Зміна списку файлів (Edit File List) (рис. 11.28), що містить список всіх файлів, включаючи вказані вами підкаталоги. Під час імпортування всіх файлів натисніть кнопку (Next). Якщо ви хочете виключити з імпорту окремі файли, виділіть їх і видаліть зі списку, скориставшись для цього кнопкою Виключити (Exclude). Для відновлення у списку помилково віддаленого файлунатисніть кнопку Оновити (Refresh). Після завершення формування списку натисніть кнопку.

Мал. 11.28. Діалогове вікно майстра під час імпортування Web-вузла з каталогу

6. При імпорті файлу з Інтернету відкривається діалогове вікно Вибір обмежень на завантаження (рис. 11.29), в якому вам пропонується сформувати ряд умов щодо кількості рівнів, що копіюються в ієрархії сторінок і максимального обсягу інформації в кілобайтах. Якщо встановлено прапорець Тільки текстові та графічні файли (Limit to text and image files), то імпортуватимуться лише текстові та графічні файли. Задавши необхідні параметри, натисніть кнопку, щоб перейти до наступного кроку в роботі майстра.

Мал. 11.29. Діалогове вікно майстра під час імпортування Web-вузла з Інтернету

7. Наступне діалогове вікно є інформаційним. Натисніть кнопку Готово (Finish). Почнеться процес імпорту, при якому зберігається структура Web-вузла, що імпортується.

Зауваження

У разі відсутності в структурі Web-вузла каталогу private, у якому FrontPage розміщує конфіденційні файли, а також каталогу images для розміщення графічних файлів, вони будуть додані до створюваної структури.

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

Майстер інтерфейсу бази даних

Майстер інтерфейсу бази даних (Database Interface Wizard) (Database Interface Wizard) - це новий майстер, що з'явився у FrontPage XP. Він створює Web-вузол, що дозволяє працювати з інформацією, що міститься в базі даних Access, Oracle або SQL Server. Щоб скористатися цим майстром:

1. На панелі Створення веб-сторінки або вузла виберіть пункт Шаблони веб-сайтів (Web Site Templates).

2. У полі Вкажіть розташування нового веб-сайту (Specify the location of the new web) діалогового вікна Шаблони веб-вузлів задайте місце розташування та ім'я створюваного Web-вузла, після чого двічі клацніть на значку Майстер інтерфейсу бази даних (Database Interface Wizard) .

3. Майстер розпочинає свою роботу. На екрані з'являється його перше вікно (мал. 11.30), в якому необхідно вказати базу даних, з якою буде здійснюватись з'єднання Web-вузла. У вікні розташовані опції:

Нове підключення до БД Access на веб-сайті (дана опція вказує, що з'єднання буде здійснюватися з новою базою даних Access
існуюче підключення до бази даних (Use an existing database connection) - при виборі цієї опції стає можливим вибір існуючої бази даних із розташованого під опцією списку
підключення до зразка бази даних (Борей) (Use a sample database connection (Northwind)) - з'єднання з тестовою базою даних

Розглянемо, як здійснюється з'єднання з новою базою даних. Залишіть встановлене за промовчанням нове підключення до БД Access на веб-сайті та натисніть кнопку Далі.

Мал. 11.30. Вікно майстра, призначене для вибору бази даних

4. Наступне вікно майстра містить одне поле, призначене для введення назви бази даних. Введіть ім'я та натисніть кнопку Далі.

5. На наступному етапі майстер пропонує сформувати перелік полів бази даних (рис. 11.31). Інформація про поля представлена ​​у вигляді таблиці, що містить три стовпці. У першому стовпці вказується ім'я поля, у другому - його тип, а третьому - об'єкт інтерфейсу, з допомогою якого інформація даного полябуде представлено у формі. За замовчуванням таблиця містить три поля. За допомогою розміщених у діалоговому вікні кнопок до таблиці можна додавати нові поля, редагувати та видаляти наявні.

Мал. 11.31. Вікно для формування списку полів баз даних

Додати (Add) – відкриває діалогове вікно (рис. 32), за допомогою якого в базу даних вводиться нове поле
Змінити (Modify) - відкриває діалогове вікно, за допомогою якого редагується інформація про обране в таблиці поле створюваної бази даних
Видалити - видаляє виділене в таблиці поле з бази даних Використовуючи дані кнопки, сформуйте поля таблиці.

При введенні нового або редагуванні існуючого поля відкривається вікно, аналогічне показаному на рис. 11.32. Воно містить такі об'єкти інтерфейсу:

Ім'я стовпця (Column name) – найменування поля
Тип стовпця (Column type) – тип поля. Визначає тип інформації, що зберігається в полі. Може бути текстовим (Text), текстовим полем великої довжини (Memo), цілим числом (Integer), цілим числом великої довжини (Long), речовим числом(Float), речовим числом з подвійною точністю (Double), датою (Date), логічним (Boolean)
Тип вхідних даних поля форми (Form field input type) - вказує на об'єкт інтерфейсу, за допомогою якого інформація поля буде представлена ​​у формі. Список містить наступні значення: Напис (Text Box), Текстова область (Text Area), Перемикач (Option Button), Список, що розкривається (Drop-Down Box)
Число варіантів (Number of options) – кількість опцій у перемикачі або значень у списку. Даний лічильник доступний, коли зі списку Тип вхідних даних поля форми вибрано значення Перемикач (Option Button), Розкривний список (Drop-Down Box)

Мал. 11.32. Вікно майстра для введення та редагування інформації про поле бази даних

6. Після того, як вся інформація про поля задана, натисніть кнопку Далі. Майстер розпочинає створення бази даних на основі введеної інформації. Після того, як база даних буде створена, з'явиться інформаційне вікно, в якому натисніть кнопку Далі.

7. Встановлюючи прапорці на наступному кроці роботи майстра (рис. 11.33), ви вказуєте сторінки, що входять до Web-сайту. Майстер пропонує три сторінки:

Сторінка результатів (Result Page) - сторінка перегляду інформації, що міститься у базі даних
Форма відправлення (Submission Form) – сторінка, призначена для введення інформації до бази даних
Редактор бази даних (Database Editor) – сторінка, що дозволяє редагувати базу даних Web-вузла з оглядача

Мал. 11.33. Формування списку сторінок Web-вузла

Мал. 11.34 Діалогове вікно, що дозволяє створити пароль для доступу до сторінки, яка використовується для редагування бази даних

Вкажіть сторінки, що включаються до веб-сайту, і перейдіть до наступного кроку роботи майстра.

8. Якщо у Web-сайті включено сторінку Редактор бази даних (Database Editor), з'являється діалогове вікно, що дозволяє задати ім'я користувача та пароль для доступу до цієї сторінки. Для того щоб доступ до сторінки був обмежений, в полі Користувач (Username) введіть ім'я користувача, який редагуватиме структуру бази даних, у полі Пароль (Password) - пароль і в полі Підтвердження (Confirm) - підтвердження пароля. Якщо хочете, щоб доступ до цієї сторінки здійснювався без введення пароля, встановіть прапорець Не захищати мій редактор бази даних ім'ям користувача та паролем. кроку, натиснувши кнопку Далі.

9. З'являється інформаційне вікно, що вказує список сторінок, що включаються майстром Web-узел. Натисніть у цьому вікні кнопку Готово. Майстер завершує створення Web-вузла та відкриває його у вікні програми FrontPage для перегляду та редагування (рис. 11.35).

Мал. 11.35. Одна із сторінок створеного майстром Web-вузла в режимі редагування

Шаблони для створення Web-вузлів

Крім майстрів, при розробці Web-вузлів можна використовувати шаблони. Вони допомагають створювати типову структуру веб-сайту.

Для створення веб-сайту із застосуванням одного з запропонованих шаблонів виконайте такі дії:

1. У меню Файл (File) виберіть команду Створити (New), а потім у підменю, що відкрилося, - опцію Сторінка або веб-сайт (Нова сторінка або Web-сайт).

2. На панелі Створення веб-сторінки або вузла виберіть команду Шаблони веб-вузлів (Web Site Templates).

3. Діалогове вікно, що відкрилося Шаблони веб-вузлів містить шаблони для створення Web-вузлів (табл. 11.2).

Таблиця 11.2. Шаблони, які використовуються для створення Web-вузлів

Виділіть курсором значок шаблону, послугами якого хочете скористатися. При цьому в області Опис з'являється коротке призначення обраного майстра.

4. У полі Вкажіть розташування нового веб-сайту (Specify the location of the new web) введіть розташування та ім'я створюваного Web-вузла.

5. Натисніть кнопку ОК.

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

Шаблон створення односторінкового Web-вузла

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

Щоб переглянути структуру створеного за допомогою шаблону Web-вузла, відобразіть у вікні програми панель Список папок (Folder List), вибравши в меню Вигляд (View) однойменну команду. Сторінка, що входить до створеної структури Web-вузла, збережена у файлі з ім'ям index.htm. За промовчанням мається на увазі, що ця сторінка буде використовуватися як домашня. Відкрийте цю сторінку двічі, клацнувши на ім'я файлу index.htm. Сторінку буде відкрито в режимі редагування у робочій області програми FrontPage (рис. 11.36).

Мал. 11.36. Web-сайт, створений за допомогою шаблону Односторінковий веб-сайт

Зауваження

Структуру Web-вузла, створеного на основі шаблону Односторінковий веб-сайт, можна змінити надалі: додати нові папки та будь-яку необхідну кількість сторінок.

Шаблон створення порожнього Web-вузла

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

Після створення шаблону створений веб-сайт відкривається в режимі редагування. На панелі папок можна переглянути структуру веб-сайту. Вона не містить жодної сторінки.

Зауваження

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

Шаблон створення багатосторінкового персонального Web-вузла

Використовуючи шаблон Особистий веб-сайт (Personal Web), ви зможете досить швидко створити персональний веб-сайт. У ньому ви можете розмістити інформацію особистого характеру, фотографії друзів, довідкові відомості, а також, використовуючи посилання, переглядати сторінки, що найчастіше відвідуваються в Інтернеті. До того ж цей Web-вузол - чудовий стартовий майданчик для тих, хто приступає до вивчення можливостей, що надаються програмою FrontPage.

Щоб створити персональний веб-сайт за допомогою шаблону, виконайте такі дії:

1. У меню Файл (File) виберіть команду Створити (New), а потім у підменю, що відкрилося, - опцію Сторінка або веб-сайт (Нова сторінка або Web-сайт).

2. На панелі Створення веб-сторінки або вузла виберіть команду Шаблони веб-вузлів (Web Site Templates).

3. У полі Вкажіть розташування нового веб-сайту (Specify the location of the new web) діалогового вікна Шаблони веб-вузлів, що відкрилося, введіть місцезнаходження та ім'я створюваного Web-вузла. Назвемо Web-сайт, наприклад, My Pers_ Web.

4. Клацніть двічі на піктограмі Особистий веб-сайт (Personal Web). Починається процес створення шаблону. Через деякий час у головному вікні програми FrontPage відкриється отриманий Web-сайт для перегляду та редагування (рис. 11.37).

На панелі Список папок розміщено файли сторінок створеного веб-сайту. Вибираючи курсором миші файли, перегляньте запропоновані вам сторінки. Використовуючи засоби FrontPage, ви можете їх модифікувати, змінити назви сторінок, додати до Web-сайту нові сторінки, вставити свій текст.

Мал. 11.37. Персональний веб-сайт, створений з використанням шаблону

Модифікація персонального Web-вузла

На рис. 11.37 показано домашню сторінку персонального Web-вузла, створеного за допомогою шаблону. Вона містить набір елементів, які можна використовувати у вигляді, у якому вони пропонуються майстром, чи його змінити.

У верхній частині домашньої сторінки розташований заголовок Ласкаво просимо!, що є об'єктом, що називається оголошення на сторінці (Page Banner). Цей об'єкт використовується для відображення у графічному вигляді заголовків на веб-сторінках. Вигляд заголовка визначається в діалоговому вікні Властивості оголошення на сторінці (Page Banner Properties), що відкривається подвійним клацанням на заголовку або однойменною командою контекстного меню.

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

При знаходженні курсора над заголовком сторінки над розташованою під заголовком датою, курсор набуває вигляду руки, що тримає сторінку.

Встановіть курсор на текст у центрі сторінки. Курсор не змінює свого зовнішнього вигляду. Текст можна сміливо видалити і на його місці розмістити необхідну інформацію.

Для зміни властивостей об'єктів, над якими курсор набуває вигляду руки, що тримає сторінку, використовуються відповідні діалогові вікна. Наприклад, для зміни формату дати, що відображається на сторінці, вам необхідно встановити курсор на дату і двічі клацнути мишею. Відкриється діалогове вікно Дата та час (Date and Time) (мал. 11.38), використовуючи яке ви зможете встановити інший формат відображення дати.

Мал. 11.38. Діалогове вікно Дата та час

Зліва на сторінці розміщена панель посилань,звана також панеллю навігації. Для налаштування властивостей панелі посилань використовується діалогове вікно Властивості панелі посилань (Link Bar Properties), що відкривається при подвійному натисканні на цій панелі.

Назви кнопок панелей посилань відповідають назвам сторінок, що входять до Web-сайту, на які за цими посиланнями здійснюється перехід. Ви можете перевірити дії цих посилань. Для цього виконайте такі дії:

1. Встановіть курсор на назву однієї зі сторінок на навігаційній панелі.

2. Коли курсор набуде вигляду руки, що тримає сторінку, натисніть клавішу і, утримуючи її натиснутою, клацніть лівою кнопкою миші. Здійсниться перехід на вибрану сторінку.

Ви не можете виділити напис на панелі навігації та змінити розміщений на ній текст. Щоб змінити назви кнопок на панелі посилань, ви повинні присвоїти інші назви сторінкам, на які переміщуєтесь за допомогою цих кнопок. Наприклад, для зміни назви Захоплення на Хобі вам необхідно виконати такі дії:

1. У режимі редагування відкрийте сторінку під назвою Захоплення. Для цього виконайте одну з таких дій:

Двічі клацніть значок файлу interes.htm на панелі Список папок (Folder List)
Для переходу з домашньої сторінки на сторінку Захоплення скористайтеся панеллю посилань: утримуючи клавішу , клацніть на написі Захоплення

2. Встановіть курсор на заголовок сторінки та двічі клацніть мишею.

3. У полі Текст оголошення (Page banner) діалогового вікна Властивості оголошення на сторінці (Page Banner Properties) (мал. 11.39) введіть нову назву заголовка, наприклад, Хобі.

Мал. 11.39. Діалогове вікно Властивості оголошення на сторінці

4. Натисніть кнопку ОК. Діалогове вікно Властивості об'яви на сторінці закриється. Сторінка матиме вигляд, представлений на рис. 11.40.

Порада

Зверніть увагу, що змінилася не лише назва сторінки, а й назва кнопки на панелі посилань, розміщеної зліва на сторінці. Поверніться на домашню сторінку та перегляньте панель посилань, розміщену на ній. Назва відповідної кнопки змінилася і на домашній сторінці, і на всіх сторінках веб-сайту. Діючи аналогічним чином, можна змінити назви інших кнопок, крім кнопки Додому.

Крім наведеного вище способу зміни назви сторінок, відповідно, і назв кнопок панелей посилань, існує ще один:

1. Перейдіть до режиму Переходи (Navigation), натиснувши однойменну кнопку на панелі режимів Подання (Views). У робочій області FrontPage відображається структура навігації персонального Web-вузла, в якій сторінки представлені у вигляді прямокутників.

2. Встановіть курсор на сторінку, назву якої хочете змінити, натисніть праву кнопку миші і виберіть у контекстному меню команду Rename (Перейменувати). Назва сторінки стає доступною для редагування (рис. 11.41).

3. Введіть нову назву сторінки та натисніть клавішу .

Мал. 11.40. Вигляд Web-сторінки після зміни її назви

Мал. 11.41. Зміна назв сторінок у режимі Переходи

Обидва способи, які використовуються для зміни тексту кнопок панелі посилань, не дозволяють змінити назву кнопки, призначеної для переходу на домашню сторінку.

Щоб змінити на панелі посилань назву кнопки переходу на домашню сторінку, потрібно скористатися вкладкою Переходи (Navigation) діалогового вікна Настройка веб-вузла (Web Settings) (мал. 11.42).

Мал. 11.42. Діалогове вікно Налаштування веб-сайту

Щоб відкрити це вікно, скористайтеся командою Налаштування веб-вузла (Web Settings) з меню Сервіс (Tools). Потім введіть нову назву посилання в текстове поле Домашня сторінка (Home page) і натисніть кнопку ОК. Перегляньте, як тепер випрасують панелі посилань. Подивіться сторінками Web-вузла.

Порада

Використовуючи вкладку Переходи діалогового вікна Настроювання веб-сайту, крім кнопки Додому панелі посилань, можна змінити назви кнопок, які дозволяють переміщатися сторінками Web-вузла одного рівня ієрархії.

Шрифти, колір тексту та гіперпосилань, фонове зображення персонального Web-вузла визначено темою, заданою стандартним майстром. Для зміни теми оформлення Web-вузла скористайтеся діалоговим вікном Теми (Themes), яке відкривається командою Тема (Theme) з меню Формат (Format). Докладніше про теми оформлення Web-вузлів розказано у розділі 15.

Шаблон створення Web-вузла підтримки покупців

Шаблон Веб-сайт підтримки замовників (Customer Support Web) дозволяє створити Web-сайт підтримки покупців вашої продукції. На сторінках вузла відвідувачі зможуть ознайомитися з пропонованими товарами та послугами, поставити запитання, що їх цікавлять, розмістити свої зауваження та пропозиції щодо якості товару. На рис. 11.43 показано структуру Web-вузла, створеного з використанням цього шаблону.

Мал. 11.43. Структура Web-сайту, створеного за допомогою шаблону Веб-сайт підтримки замовників

• Що нового (What's New) - інформація про те нове, що пропонується відвідувачу
• Продукти (Products) - сторінка з інформацією про запропоновані товари та послуги
• Типові питання(F.A.Q.) - сторінка з відповідями на питання, що часто ставляться
• Запит на обслуговування (Service Request) – сторінка підтримки покупців продукції. Містить форму, в якій користувач може описати проблему, з якою він зіткнувся, та поставити відповідні питання
• Пропозиції (Suggestions) – сторінка, на якій відвідувачі за допомогою форми можуть запровадити свої пропозиції
• Каталоги та довідники (Catalogs/Manuals) - сторінка, за допомогою якої користувачі зможуть завантажити на свої комп'ютери програмне забезпеченняабо документи з вашого веб-сайту, використовуючи протокол FTP (File Transfer Protocol)
• Форум підтримки (Support Forum) – сторінка для участі у форумі
• Зверніться до нас (Contact Us) - сторінка з контактною інформацією
• Пошук (Search) - сторінка, що містить форму для пошуку потрібної інформаціїна Web-вузлі

Шаблон створення Web-вузла проекту

Шаблон Веб-сайт проекту (Project Web) дозволяє створити Web-сайт, який можна використовувати як координаційний і дискусійний центр для ведення великого проекту. На сторінках Web-вузла можна розміщувати інформацію про учасників проекту, стан справ, обговорювати найважливіші питання тощо. На рис. 11.44 показано структуру Web-вузла, створеного з використанням даного шаблону.

Мал. 11.44. Структура Web-сайту, створеного за допомогою шаблону Веб-сайт проекту

Web-сайт містить велику кількість сторінок, що мають наступне призначення:

• Учасники (Members) - сторінка з інформацією про учасників проекту
• Розклад (Schedule) - сторінка, що містить план проекту
• Архів (Archive) - сторінка доступу до спільно використовуваних документів та файлів
• Пошук (Search) - форма для пошуку інформації, що міститься в документах Web-вузла
• Обговорення (Discussions) - сторінка, що містить посилання на дискусійні групи Обговорення технічних умов (Requirements) та Інформаційна базаданих (Knowledge Base), призначені для проведення діалогових форумів
• Контактні відомості (Contact Inf) - сторінка з контактною інформацією

Шаблони та майстри для створення Web-сторінок

Щоб переглянути шаблони і майстри, запропоновані програмою FrontPage для створення Web-сторінок, у меню Файл (File) виберіть команду Створити (New), потім у підменю, що відкрилося, - опцію Сторінка або веб-сайт (Page or Web). У вікні програми з'являється панель Створення веб-сторінки або вузла (New Page or Web), де виберіть команду Шаблони сторінок (Page Templates). З'явиться діалогове вікно Шаблони сторінок, наведене на рис. 11.45.

Мал. 11.45. Діалогове вікно Шаблони сторінок дозволяє вибрати шаблони та майстри для створення Web-сторінки

Діалогове вікно Шаблони сторінок містить три вкладки. На вкладці Загальні вказані імена основних шаблонів сторінок. Вкладка Сторінка рамок (Frames Pages) містить назви шаблонів сторінок, які використовують кадри. У цьому розділі ми обмежимося розглядом шаблонів вкладки Загальні. Опис шаблонів вкладки Сторінка рамок буде наведена в розділі 20.

Кількість шаблонів створення Web-сторінок, запропонованих програмою FrontPage, набагато більша, ніж шаблонів для Web-вузлів. При переміщенні за списком шаблонів в області Опис (Description) вікна з'являється короткий опис вибраного шаблону, а в області Зразок (Preview) відображається приблизний вид сторінки, що створюється за його допомогою.

Першим у списку шаблонів йде Звичайна сторінка (Normal Page), що є шаблоном порожньої сторінки. Для створення сторінки з використанням цього шаблону немає потреби відкривати діалогове вікно Шаблони сторінок (Page Templates). Досить натиснути мишею на кнопці Створити (New) стандартної панелі інструментів. За промовчанням завжди буде використовуватися шаблон Звичайна сторінка.

У табл. 11.3 наведено список шаблонів та майстрів створення сторінок, що надаються програмою FrontPage.

Зауваження

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

Таблиця 11.3. Шаблони та майстри створення Web-сторінок

Шаблон Колекція фотографій

Шаблон Колекція фотографій (Photo Gallery) створює сторінку для розміщення графічних зображень(Рис. 11.46). Цей шаблон був відсутній у попередніх версіяхПрограми FrontPage. Зручність шаблону Колекція фотографій полягає в тому, що на сторінку, створену за допомогою даного шаблону, легко додавати нові графічні зображення, видаляти наявні.

Для налаштування графічних зображень, розміщених на сторінці, створеній за допомогою шаблону Колекція фотографій, призначено діалогове вікно Властивості колекції фотографій (Photo Gallery Properties) (рис. 11.47). Щоб відкрити це вікно, встановіть курсор в область розташування графічних зображень і виконайте одну з таких дій:

• Двічі клацніть мишею
• Натисніть праву кнопку миші та виберіть з контекстного меню команду Властивості фотоколекції (Photo Gallery Properties)

Мал. 11.46. Сторінка, створена за допомогою шаблону Колекція фотографій

Мал. 11.47. Діалогове вікно Властивості колекції фотографій

Діалогове вікно Властивості колекції фотографій (Photo Gallery Properties) містить дві вкладки. Вкладка Рисунки (Pictures) призначена для формування списку зображень, що розміщуються на сторінці, вказівки порядку їх прямування. Вкладка Макет (Layout) дозволяє встановити спосіб розташування графічних зображень на Web-сторінці.

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

• Додати (Add) - додає до списку і, відповідно, Web-сторінку нове графічне зображення. При натисканні на цю кнопку з'являється меню двох команд. Команда Малюнки з файлів (Pictures from Files) відкриває діалогове вікно Відкриття файлу (File Open), яке дозволяє додати зображення, що знаходиться у файлі. Команда Малюнки зі сканера та камери (Pictures from Scanner or Cameras) додає на Web-сторінку графічне зображення зі сканера або цифрової камери
• Змінити (Edit) – відкриває діалогове вікно Зміна малюнка (Edit Picture) (рис. 11.48), що дозволяє відредагувати графічне зображення
• Видалити (Remove) – видаляє графічне зображення зі списку

Розташовані під списком кнопки Вгору (Move Up) і Вниз (Move Down) змінюють порядок зображень у списку і, відповідно, на Web-сторінці.

На веб-сторінці, створеній за допомогою шаблону Колекція фотографій, графічні зображення відображаються у вигляді мініатюр, розмір яких задається за допомогою полів Ширина (Width) та Висота (Height) області Розмір ескізу (Thumbnail).

Вкладка Малюнки містить два прапорці, установка яких:

• Зберегти пропорції (Maintain aspect ratio) – вказує на необхідність зберігати пропорції у мініатюрі
• Стандартний розмір (Set as Default Size) - вказує, що встановлений розмір необхідно використовувати як значення за замовчуванням

Поле Підпис (Caption) дозволяє ввести текст до графічного зображення, яке відображатиметься на веб-сторінці. Форматування цього тексту (шрифт, колір, розмір, зображення) здійснюється за допомогою списків і кнопок, розташованих над полем.

Кнопка Змінити (Edit) вкладки Малюнки (Pictures) відкриває діалогове вікно Зміна малюнка (Edit Picture) (рис. 11.48), що дозволяє відредагувати графічні зображення, що розміщуються на Web-сторінці.

Мал. 11.48. Діалогове вікно Зміна малюнка

Лічильники Ширина (Width) та Висота (Height) області Розмір малюнка

(Picture Size) дозволяють встановити розмір графічного зображення у пікселах. Нижче розташовані прапорці наступного призначення:

• Зберегти пропорції (Maintain aspect ratio) - під час встановлення прапорця зберігаються пропорції у зображенні
• Стандартний розмір (Set as Default Size) - встановлений прапорець вказує, що заданий розмір буде використаний як значення за замовчуванням

Кнопки області Повернути малюнок (Rotate Picture) мають таке призначення:

Розташована в діалоговому вікні Зміна малюнка кнопка Обрізати (Crop) дозволяє розмістити на Web-сторінці не всі зображення, а його частину. При натисканні кнопки на графічному зображенні з'являється рамка з маркерами виділення. Встановлюючи курсор по черзі на маркери, переміщуйте контури рамки, змінюючи розмір рамкою, що обмежується, таким чином, щоб вона виділила на зображенні потрібну область. Потім натисніть кнопку Обрізати. Вирізане зображення замінить собою початкове.

Крім названих, у діалоговому вікні містяться такі кнопки:

• Назад (Previous) – відображає у вікні зображення, що знаходиться у списку вкладки Малюнки перед поточним
• Далі (Next) – відображає у вікні зображення, що знаходиться у списку вкладки Малюнки після поточного
• Скидання (Reset) – відновлює початкове зображення

Вкладка Макет (Layout) діалогового вікна Властивості колекції фотографій

(Photo Gallery Properties) (рис. 11.49) дозволяє встановити спосіб розташування графічних зображень. Список Виберіть формат (Choose a layout) містить варіанти розташування зображень та написів до них на веб-сторінці. Область Зразок (Preview) дозволяє переглянути, як виглядатиме сторінка при вибраному варіанті розташування. Список Число малюнків у рядку (Number of pictures per row) вказує кількість зображень в одному рядку.

Мал. 11.49. Вкладка Макет діалогового вікна Властивості колекції фотографій

Цей розділ містить загальні відомостіпро вузли та їх властивості, привілеї адміністраторів та адміністрування вузлів з віддалених комп'ютерів. Розділ містить такі підрозділи:

Веб- та FTP-вузли

Декілька веб- або FTP-вузлів на одному комп'ютері з Windows 2000 можуть бути створені під час роботи в інтрамережі або в Інтернеті будь-яким із трьох способів:

• Додавання номерів портів до IP-адреси.
• Використання декількох IP-адрес, кожному з яких відповідає плата мережевого адаптера.
• Призначення кількох імен доменів та IP-адрес однієї платі мережного адаптера за допомогою імен заголовків вузлів.

Нижче наведений приклад ілюструє сценарій роботи в інтрамережі, при якому адміністратор встановив на сервер компанії Windows 2000 Server з IIS, результатом чого буде створення одного веб-вузла, що встановлюється за замовчуванням, http://CompanyServer. Потім адміністратор створив два додатковихвеб-сайту, по одному на кожен підрозділ: група маркетингу та відділ кадрів.

Хоч і CompanyServer, і Marketing, і HumanResourcesрозміщені на одному комп'ютері, кожен з них буде виглядати як окремий веб-сайт. Ці вузли підрозділів мають такі ж установки системи безпеки, якби вони розміщувалися на окремих комп'ютерах, оскільки кожен вузол має власні параметри доступу та адміністративних дозволів. Крім того, адміністративні завдання можуть бути розподілені між працівниками кожного підрозділу. додаткові відомостіпро розміщення кількох вузлів див. у розділі Призначення імен заголовка вузла, адрес та портів веб-сайтів розділу «Про визначення адрес за іменами».

Якщо створюється велика кількість вузлів, не забудьте врахувати обмеження, що накладаються апаратною частиною, і, при необхідності, зробіть модернізацію апаратного забезпечення. Докладнішу інформацію див. у томі IIS Resource Guide пакета Windows 2000 Resource Kit.

Властивості та успадкування властивостей на вузлах

Властивості – це значення, які можуть бути встановлені на веб-сайті. Наприклад, можна використовувати для зміни порту TCP, призначеного веб-сайту, який використовується за замовчуванням, зі значенням 80 на інший номер порту. Властивості вузла відображаються у вікні властивостей і зберігаються в базі даних, яка називається метабазою.

Під час інсталяції IIS різним властивостям надаються значення за промовчанням, які відображаються у вікні властивостей. Можна використовувати значення, пропоновані за промовчанням IIS, або налаштувати ці параметри для задоволення потреб публікації в Інтернеті. Коригування стандартних налаштуваньіноді дозволяє додати нові функціональні можливості, підвищити продуктивність та посилити систему безпеки.

Властивості можуть задаватися лише на рівні вузла, лише на рівні каталогу чи рівні файла. Параметри, задані на верхньому рівні, Такому як рівень вузла, автоматично використовуються, тобто. успадковуютьсяна нижніх рівнях, наприклад, лише на рівні каталогу. Крім того, значення цих параметрів можуть змінюватись окремо на нижньому рівні. Якщо змінити властивість для окремого вузла, каталогу або файлу, зміна налаштування основних властивостей не призведе автоматично до перевизначення значення властивості, заданого явно на нижньому рівні. Натомість буде виведено повідомлення із запрошенням підтвердити, чи слід змінити властивість окремого вузла, каталогу чи файлу відповідно до нового значення основної властивості.

Значення деяких властивостей мають вигляд списку. Наприклад, значення документа, що використовується за замовчуванням, може бути списком документів, які завантажуватимуться, якщо користувач в адресі URL не вказав ім'я файлу. Іншими прикладами властивостей, що зберігаються у форматі списків, є спеціальні повідомлення про помилки, керування доступом TCP/IP, зіставлення сценаріїв та зіставлення MIME. Хоча ці списки зазвичай містять кілька елементів, IIS розглядає весь список як єдине значення якості. Якщо користувач змінює список для каталогу, а потім вносить глобальну зміну у властивості на рівні вузла, список на рівні каталогу повністю замінюється на новий список з рівня вузла; об'єднання списків не провадиться. Крім того, значення властивостей, що мають формат списку, відображаються лише на рівні основних властивостей, а також на рівні вузла або каталогу, на якому ці властивості були змінені щодо значення за промовчанням. Списки не відображаються, якщо вони становлять успадковані значення за промовчанням.

На наступному малюнку зображено вікно властивостей, на якому задаються властивості для всіх веб-сайтів.

можна натиснути кнопку Довідкау вікні властивостей для отримання відомостей про встановлення окремих властивостей.

Оператори веб-сайту

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

Наприклад, постачальник послуг Інтернету, який розмістив безліч вузлів різних компаній, може призначити представника компанії оператором веб-сайту компанії. Подібний метод розподіленого адміністрування сервера має такі переваги:

• Кожен оператор може діяти як оператор вузла і може змінювати конфігурацію веб-сайту за необхідності. Наприклад, оператор може встановити дозволи на доступ до веб-сайту, дозволити вхід до системи, змінити документ, що використовується за замовчуванням, та примітки, встановити термін придатності вмісту вузла та включити оцінку вмісту.
• Оператору веб-сайту не дозволяється змінювати ідентифікатор веб-сайту, конфігурувати ім'я користувача та пароль анонімного користувача, регулювати смугу пропускання, створювати віртуальні каталоги чи змінювати шляхи до них, і навіть змінювати ізолювання додатків.
• Оскільки оператори мають більш обмежені, ніж адміністратори веб-сайту, привілеї, вони не мають можливості віддаленого огляду файлової системиі, отже, що неспроможні встановлювати властивості каталогів чи файлів (якщо використовувати шлях, задовольняє універсальному угоді про імена).

Інструкції із зазначення облікових записів користувачів Windows, що використовуються операторами веб-сайту, див. Призначення операторів веб-сайту .

Віддалене адміністрування вузлів

Оскільки не завжди зручно виконувати завдання адміністрування на комп'ютері, на якому виконується IIS, є дві можливості віддаленого адміністрування. Якщо з'єднання з сервером здійснюється через Інтернет або через проксі-сервер, можна використовувати HTML-версію диспетчера служб Інтернету для зміни властивостей вузла. При роботі в інтрамережіможна використовувати або HTML-версію диспетчера служб Інтернету, або, що знаходиться в Microsoft Management Console (MMC). Хоча HTML-версія диспетчера служб Інтернету пропонує безліч можливостей, аналогічних можливостям оснащення Internet Information Services, зміни властивостей, які потребують координації зі службовими програмами Windows, не можна зробити за допомогою HTML-версії диспетчера служб Інтернету.

Примітка. У попередніх версіях оснащення Internet Information Services називалося диспетчером служб Інтернету.

Веб-версія диспетчера служб Інтернету використовує веб-сайт, внесений до списку адміністративних веб-вузлів, для доступу до властивостей IIS. Після встановлення IIS випадково вибирається порт, номер якого знаходиться в діапазоні від 2000 до 9999, і призначається цьому веб-сайту. Це вузол відповідає на запити веб-браузера до імен усіх доменів, встановлених на комп'ютері, за умови, що номер порту додано до адреси. Якщо використовується звичайна автентифікація, при зверненні до сайту буде запрошено ім'я користувача та пароль. Використовувати цей вузол можуть лише члени групи адміністраторів Windows. Оператори веб-сайту можуть віддалено адмініструвати веб-сайти. Інструкції з використання HTML-версії диспетчера служб Інтернету та оснащення Internet Information Services див. у розділі Дистанційне адміністрування .

Примітка.Хоча функціональні характеристики HTML-версії диспетчера служб Інтернету багато в чому збігаються з характеристиками оснастки IIS, HTML-версія розроблена як веб-сторінка. Дії з правою кнопкою миші не підтримуються. Багато звичних кнопок панелі інструментів або заголовки вкладок відображаються як посилання в лівій рамці. Через ці відмінності багато інструкцій у документації можуть не зовсім точно описувати конкретні дії, що виконуються в HTML-версії диспетчера служб Інтернету.

Під час виконання завдань віддаленого адміністрування також доступна електронна документація. Щоб отримати цю документацію, запустіть веб-браузер і введіть http:// Ім'яСервера/webmast/iis/misc/default.asp, де Ім'яСервера- Ім'я комп'ютера, на якому запущено IIS.

Порівняння MIME можуть бути налаштовані на рівні комп'ютера, веб-сайту, віртуального каталогу, каталогу або файлу. Щоб настроїти порівняння MIME на рівні комп'ютера, використовуйте вікно властивостей Internet Information Services . Щоб настроїти порівняння MIME на інших рівнях, використовуйте вікно властивостей Заголовки HTTP .

Примітка. Зіставлення MIME, налаштовані на рівні комп'ютера, автоматично перекривають установки, зроблені на нижчих рівнях.

Щоб прискорити виконання лабораторної роботиможливе копіювання через буфер обміну даних для створення сторінки з кадрами п.2.3.1, 2.1.4 та 2.1.5 із файлу з методичними вказівками.

2.1.1 Створити та оформити web-вузли, що містять web-сторінки. Для цього необхідно виконати команду Файл 4 Створити 4 Односторінковий Web-сайт,у вікні діалогу вибрати варіант Односторінковий Web-вузол. Потім перейти в режим Переходи(Вкладка внизу вікна Front Page ) , далі двічі клацнути за назвою файлу index.htm у центрі екрана. Потім слід розташувати на аркуші дані, вказані малюнку 1: ввести текст за зразком, розмістити картинки.Для створення логотипу назви магазину можна скористатися засобом WordArt.

Для оформлення зовнішнього вигляду домашньої сторінки необхідно скористатися командою Формат4Шрифт, в якій потрібно вибрати колір шрифту та гарнітуру написання. Далі потрібно зберегти сторінку.

Для створення сторінки з кадрами, вказаною на малюнку 2 в області переходів, виділити файл index.htm і виконати команду Файл 4 Створити 4 Інші шаблони сторінок,у діалоговому вікні, що з'явилося Шаблони сторіноквибрати вкладку Сторінка рамок, потім вибрати шаблон Оголошення та зміст, і натиснути на кнопку ОК.Після цього перейти в режим редагування сторінки, потім клацніть на кнопці Створити сторінкуу кожному кадрі.

Малюнок 1 Приклад домашньої сторінки

Для оформлення сторінки верхнього кадру (рисунок 2) вставити таблицю з одного рядка та трьох стовпців. Потім у стовпці таблиці помістити малюнки, далі перемістити межі стовпців за розміром кожного з малюнків та вирівняти їх по центру. Потім клацнути правою кнопкою миші на таблиці і в контекстному меню вибрати команду Властивості таблиці.. У групі елементів Межізадати нульовий розмір кордону таблиці у тому, щоб кордон стала невидимою.

Для написання пунктів меню в лівій частині сторінки з кадрами слід використовувати таблицю, що складається з одного стовпця і чотирьох рядків. Кожен пункт меню записується до рядка таблиці.

У правій частині сторінки з кадрами слід ввести текст, оформивши його належним чином.

Після цього необхідно виконати команду Файл4Зберегти,для збереження всіх нових сторінок. Кожну сторінку буде збережено під своїм ім'ям. Сторінка, що зберігається, буде виділена рамкою синього кольору. Наприклад, для сторінки верхнього кадру слід задати ім'я baner.htm, для лівого – mnu.htm, для правого – text.htm, а для самої сторінки з кадрами – ім'я start.htm. В результаті повинна вийде сторінка з кадрами, представлена ​​на малюнку 2.

Рисунок 2 Приклад створення сторінки з кадрами

Після створення сторінки з кадрами start.htm слід розпочати створення інших сторінок, які будуть містити інформацію щодо кожного з пунктів меню, що знаходиться у лівому кадрі.

Примітка.Дані, що містяться на створюваних web-сторінкахможна перенести скориставшись командами роботи з буфером обміну з електронного варіанта методичних вказівок по FrontPage, встановленого комп'ютерах.

Створити нову сторінку, на якій у режимі Конструкторрозмістити таку інформацію.

Ми познайомилися з головним вікном програми, командами меню, стандартною панеллю інструментів, розглянули наявні шаблони та майстри для створення Web-сторінок та Web-вузлів. Тепер можна розпочати створення власного Web-вузла.

У цьому розділі ви познайомитеся з розміщенням на Web-сторінці текстової інформації, заголовків, дізнаєтеся про засоби форматування символів, абзаців, використання для оформлення інформації списків.

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

Для створення односторінкового веб-сайту виконайте такі дії:

1. В меню Файл(File) виберіть команду Створити(New), а потім у підменю, що відкрилося - опцію Сторінка або веб-сайт(Page or Web). В результаті в головному вікні FrontPage з'являється панель Створення веб-сторінки або вузла(New Page or Web).
2. Виберіть на панелі значення Шаблони веб-сайтів(Web Site Templates). Відкривається діалогове вікно Веб-сайти шаблонів.
3. В полі Вкажіть розташування нового веб-сайту(Specify the location of the new web) діалогового вікна Шаблони веб-сайтіввведіть розташування та ім'я веб-сайту, що створюється. Наприклад, надамо йому ім'я My Test_Web.
4. Двічі клацніть на значку Односторінковий веб-сайт(One Page Web). Починається процес створення шаблону. Через деякий час у головному вікні програми FrontPage відкривається створений Web-сайт (мал. 12.1), який ви можете модифікувати. Панель Список папок(Folder List) відображає його структуру, що складається з двох папок _privateі imagesта сторінки index.htm.

Мал. 12.1.

Зауваження

За промовчанням програма FrontPage передбачає, що перша розміщена у Web-сайті сторінка буде домашньою. Уструктуру папок вона збережена під ім'ям index.htm.

Двічі клацніть мишею на панелі Список папок(Folder List) на ім'я файлу index.htm. Ця порожня Web-сторінка відкриється у робочій області програми FrontPage. Можна приступати до розміщення об'єктів.

Розміщення тексту на сторінці

Основне призначення Web-сторінки - це познайомити відвідувача Web-вузла з інформацією, що його цікавить. Щоб інформація легко сприймалася, її слід подати належним чином: оформлення не повинно пригнічувати своєю одноманітністю, а тішити око. Для цього FrontPage надає у розпорядження розробника засоби форматування символів, абзаців, що включають встановлення різних параметрів шрифту, інтервалів між символами, зсувів, відступів, відображення символів малими великими літерами, у вигляді верхніх та нижніх індексів тощо. За допомогою цих засобів ви зможете виділити на сторінці найважливіші місця, зробити інформацію, що легко читається.