Міністерство освіти Російської Федерації

Воронезький Державний Педагогічний Університет

Кафедра інформатики та МПМ

Виконав: ст-ка фіз-мат. фак-ту,

3 курс, відділення «інформатика»

Меграбян Е.

Науковий керівник: кандидат технічних наук,

Дацент кафедри інформатики та МПМ,

Богданова М. В.

Ворнонеж

2003

Зміст

FrontPage і його інтерфейс
Запуск редактора ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 4
Робота з панелями інструментів ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 4
Рядок стану і символи форматування ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .. 5
Переміщення по сторінці ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 5
Властивості строница ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 5
Попередній перегляд ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .7
Основи роботи у FrontPage
Текс ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .8
Зміна розміру шрифту ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .9
Зміна шрифту ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 9
Зміна кольору тексту ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 9
Символи ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 10
Списки ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .. 10
Створення списку ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .. 11
Перетворення суцільного тексту в список ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 11
Зміна стилю всього списку ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 12
Вставка горизонтальної лінії ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .12
Форматування горизонтальних ліній ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .13
Використання декорацій ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .. 13
Мініатюри для попереднього перегляду ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 14
Посилання ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .14
Створення посилання ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .14
Посилання, створювані автомотіческі ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 16
Створення посилань на сторінки сайтів в Internet ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .. 16
Побудова таблиць ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .. 16
Інструменти панелі таблиць ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .. 17
Решта кнопок панелі таблиць ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .19
Вставка таблиці ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .. 20
Зміна властивостей таблиці ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .. 22
Розміщення зображень ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 23
Колекція ілюстрацій ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 24
Зміна властивостей зображення ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .. 25
Звуки ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .30
Рухливі кнопки ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .31
Менеджер банерів ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 33
Ті, що біжать рядки ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 35
Зміна параметрів рядка, що біжить ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 36
Лічильник візитів ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .. 36
Вставка відеокадрів ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 37
Загальні поля сторінок ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 38
Перевірка орфографії ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .40
Шаблони і майстри
Шаблони сайтів ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .. 41
Шаблони сторінок ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 42
Створення фреймів ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 43
Використання шаблонів фреймів ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 43
Замовні шаблони ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .. 44
Замовні шаблони сайтів ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .. 44
Майстра ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 45
Майстри сайтів ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 45

Компоненти про форми FrontPage
Додавання пошукового компоненту ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .45
Штемпель ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .48
Зміст ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 49
Включення змісту ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 49
Додавання тимчасового зображення ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .. 50
Додавання тимчасових сторінок ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 51
Створення форми зворотного зв'язку ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 52

FrontPage і його інтерфейс.
Запуск редактора.

- Запустивши Редактор безпосередньо (або прямо з Microsoft Windows, або з Провідника Frontpage при натисканні на панелі інструментів кнопки
Show Frontpage Editor або командою Show Frontpage Editor з меню Tools). У цьому випадку Редактор відкриється з порожнім екраном; щоб відкрити потрібну сторінку, використовуйте команду Open меню File і приступайте до редагування.

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

Рис. 1 Загальний вигляд вікна редактора Frontpage.

Спочатку він може здатися важкувато, але не лякайтеся: у цьому розділі ви дізнаєтесь, для чого призначені більшість цих кнопок і меню.
Якщо ви вмієте користуватися Excel, ви помітите , що вкладки внизу вікна редагування - Normal (Звичайний вигляд), HTML (HTML-код) і Preview
(Попередній перегляд) - схожі на вкладки робочих аркушів. Ці вкладки дозволяють побачити редаговану сторінку з різних точок зору. Для початку ми будемо працювати у звичайному режимі (вкладка Normal).
Робота з панелями інструментів.

Редактор має в своєму розпорядженні поруч панелей інструментів, якими можна керувати через меню View (Вид): Standard (Стандартна), Format
(Оформлення), Image (Малювання), Forms (Форми) , Advanced
(Додатково) і Table (Таблиця). Коли вони все видно, вони займають істотну частину вікна Редактора. Тому ті, що вам не потрібні, краще сховати. Щоб приховати панель інструментів, виберіть у меню View і приберіть галочку навпроти імені цієї панелі. Щоб показати заховану панель, знайдіть її ім'я в меню View і поставте навпроти нього галочку, тоді панель з'явиться на тому ж самому місці, яке вона займала раніше.
Придивившись, ви побачите в меню View пункти Status Bar (Рядок стану) і Format Marks (Символи форматування). Цим опцій присвячено наступний розділ даної глави.

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

Рядок стану, розташовану в самому низу вікна Редактора, можна ховати і показувати; для цього служить команда Status Bar меню View.

Редактор в деяких випадках неявно використовує символи форматування, такі, як знаки абзацу. Щоб показати чи сховати ці мітки на сторінці, виберіть у меню View опцію Format Marks.

Підказка: Щоб приховати або показати символи форматування, можна скористатися кнопкою Show/Hide Paragraph стандартної панелі інструментів. На ній зображено символ абзацу.
Переміщення по сторінці.

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

У редакторі Frontpage реалізовані 25 найбільш популярних клавіатурних комбінацій Microsoft Word, так що користувачі Office будуть почувати себе в редакторі, як вдома.
Властивості сторінки.

Щоб встановити в редакторі параметри сторінки, виберіть команду Page
Properties (Властивості сторінки) в меню File або в контекстному меню, що з'являються, якщо клацнути правою кнопкою миші. У діалоговому вікні Page
Properties, крім загальної інформації, типу назви сторінки, встановлюються такі параметри, як фоновий малюнок і фоновий звук, колір фону, стандартні кольори тексту і гіперпосилань, поля сторінки, а також деякі змінні. Для редагування властивостей, сторінка повинна бути відкрита в редакторі. У цьому розділі ми детально розглянемо кожен з цих параметрів і почнемо з вкладки General (Загальні), що на рис. 2.

Рис. 2. Діалогове вікно Page Properties, вкладка General.

У текстовому полі Title можна ввести або відредагувати назву сторінки; поле Base Location призначене для завдання необов'язкового базового URL сторінки. Щоб встановити для посилань цієї сторінки цільової фрейм за замовчуванням, введіть його ім'я в текстовому полі Default Target Frame або натисніть кнопку Target Frame. З'явиться діалогове вікно Target Frame.

У секції Background Sound (Фоновий звук) можна змінити властивості фонового звуку; деталі цієї процедури будуть описані нижче в розділі
"Звуки".

На вкладці Background (Фон), вигляд якої наведено на рис. 3, задаються параметри фону і кольору різних посилань.

Рис. 3. Діалогове вікно Page Properties, вкладка Background.

У секції Specify Background and Colors вашій увазі пропонуються наступні опції:

- Background Image (Шпалери). Встановивши цей прапорець, ви можете вибрати зображення, яким буде заповнений фон вашої сторінки. Браузери автоматично розмножують цей малюнок, викладаючи їм, як плиткою, задній план сторінки (в усякому разі, більшість браузерів).

- Watermark (Водяний знак). Шпалери, який при скролінгу сторінки залишається нерухомий. Щоб зробити фоновий малюнок статичним, встановіть прапорець Watermark, потім натисніть кнопку Browse і виберіть потрібний файл.

- Background (Колір фону). Якщо ви не використовуєте фонових малюнків, то майте на увазі можливість зміни кольору фону сторінки; щоб задати колір фону, відмінний від встановленого за замовчуванням, виберіть потрібний колір у списку, що розкривається Background. Вибираючи колір фону, переконайтеся, що текст і зображення будуть добре на ньому виглядатиме.

- Text (Колір тексту за замовчуванням). Щоб задати колір, в який за замовчуванням буде забарвлений текст на вашій сторінці, за допомогою спадних списком Text. Стандартним є чорний колір (Black), проте не бійтеся експериментувати з будь-якими квітами, які будуть добре сприйматися на вибраному вами фоні. Явні установки кольору тексту, зроблені в редакторі при форматуванні, мають перевагу перед кольором, встановленим за замовчуванням.

- Hyperlink (Цвет гіперпосилання). У цьому списку виберіть колір, яким будуть виділені на сторінці все ще не відвідані гіперпосилання.

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

За замовчуванням звичайним кольором посилань є синій (Blue), а для відвіданих посилань встановлено фіолетовий (Purple). Іноді корисно змінити обидва ці кольори, щоб усі бачили, скільки уваги ви приділяєте навіть таких дрібниць

- Active Hyperlink (Цвет гіперпосилання). Активної гіперпосилання стає при натисканні на неї; щоб вибрати колір, в який будуть пофарбовані активні посилання, скористайтеся списком Active Hyperlink

У розділі Get Background and Colors from Page (Взяти установки фону і кольору зі сторінки) на вкладці Background ви можете вказати, що на даній сторінці варто використовувати такий же набір перерахованих вище параметрів
(колір фону, малюнок, кольори тексту і посилань), як на деякій іншій сторінці. Встановіть перемикач на цю опцію і виберіть відповідну сторінку поточного сайту, натиснувши кнопку Browse. Якщо у вас вже є потрібним чином оформлена сторінка, то ви заощадите час на повторній установці тих же самих значень для поточної сторінки.

Порада: Команда Get Background and Colors from Page є чудовим засобом для створення "стильових сторінок" . Якщо, наприклад, ви вносите зміни в підкладку і набір квітів стильової сторінки, то ці зміни будуть відображені на всіх використовують її сторінках.

Щоб задати верхнє і/або ліве поле сторінки, перейдіть на вкладку
Margins , установіть цей прапорець і введіть у текстове поле потрібне значення (в пікселях). Якщо ви захочете притиснути текст або зображення до самого краю вікна браузера, встановіть значення полів що дорівнюють нулю.

На вкладці Custom (Спеціальна інформація) ви побачите список використовуваних на вашій сторінці метапеременних (meta tags), які знаходяться в коді HTML-сторінки і містять інформацію про сторінку, таку як тип вмісту, набір символів, назва програми згенерувати код і т. п. Вони ніколи ні в якому вигляді не відображаються, але для тих браузерів, які здатні їх розпізнати, вони несуть корисну інформацію. На цій вкладці можна додавати, видаляти і редагувати системні і призначені для користувача метапеременние.

Остання вкладка діалогового вікна Page Properties призначена для завдання кодування символів сторінок HTML; ця операція необхідна при створенні Web-сторінок на мовах, відмінних від англійської.
Попередній перегляд.

Будемо вважати, що ви працюєте над своїм сайтом off-line, без підключення до сервера. Час від часу вам хочеться подивитися, як ваша сторінка буде виглядати в реальності. Перейдіть в режим попереднього перегляду (Preview view); для цього треба просто перейти в
редакторі на вкладку Preview (рис. 4)

Рис. 4. Режим перегляду Preview.

Напевно, ви питаєте себе: а якщо я не зберіг файл на сервер, на що ж я насправді дивлюся? Все правильно, коли Frontpage редагує файл, то насправді редагується його локальна копія, розташована на вашому комп'ютері. Файл записується локально до тих пір, поки ви реально не відправите його на ваш сервер Internet. To, що ви бачите в редакторі в режимі попереднього перегляду, - це насправді локальний файл, представлений таким чином, як якби він знаходився на сервері. Оскільки насправді ви до сервера не підключені, то деякі активні елементи на ваших сторінках можуть не працювати. Вкладка Preview дуже зручна для перегляду сайту за відсутності з'єднання з Internet, але щоб побачити сайт в реальних умовах, особливо для тестування, його необхідно дивитися в браузері, підключеному до Internet.

Якщо у вашому сайті використовуються фрейми, то в нижній частині вікна
Редактора ви побачите ще дві додаткові вкладки; навіщо вони потрібні та як з ними поводитися, ми вивчали в розділі 6.

Основи роботи у Frontpage.
Текст.

Щоб помістити на сторінку тексту, просто-напросто введіть його з клавіатури. 1. Командою New меню File створіть в редакторі нову сторінку.
У діалоговому вікні New виберіть Normal Page (Звичайна сторінка) і натисніть кнопку ОК. На вашому екрані з'явиться пуста сторінка (рис. 5).

Рис. 5. Нова сторінка в редакторі.

2. Наберіть слова Cascade Coffee Roasters.

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

Все те, що ви введете, буде так само виглядати в браузері. Щоб почати новий абзац, натисніть клавішу, як у Word.

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

Є два способи зміни розміру символів вашого тексту:

- Виділіть фрагмент тексту, який ви хочете змінити. Це може бути одне слово, рядок, абзац або ціла сторінка (щоб виділити сторінку цілком, натисніть +), потім клацніть на кнопці збільшення
(Increase Text Size) або зменшення (Decrease Text Size) розміру шрифту на панелі інструментів

- Виділивши фрагмент тексту, ви можете використовувати команду Font (Шрифт) в меню Format (Формат).
Зміна шрифту.

Frontpage не обмежує вас у виборі шрифту. Якщо коли-небудь ви використовували Font (Шрифт) в Microsoft Word, то у вас не буде проблем з використанням цієї функції в редакторі Frontpage.

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

Для оформлення тексту ви можете використовувати набір з 48 стандартних кольорів, пропонований Frontpage, або комбінувати кольори на власний смак. Для зміни кольору виділіть потрібний фрагмент тексту інатисніть кнопку
Text Color (Колір тексту) на панелі інструментів.

У діалоговому вікні Color (Колір) виберіть колір зі стандартного набору, натисніть кнопку ОК. Якщо ви хочете використовувати додаткові кольори, натисніть кнопку Define Custom Colors (Визначити колір), визначте ваш колір і потім клацніть на кнопці Add To Custom
Colors (Додати до набору). Створюючи комбінований колір, пам'ятайте, що для корекції кольору можна використовувати покажчик (повзунок) з правого боку вікна. Радимо при створенні сайту дотримуватися "безпечною" 216-кольорової палітри.
Символи.

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

1. Встановіть курсор там, де ви хочете вставити символ.

2. Виберіть пункт Symbol (Символ) в меню Insert (Вставка). Потім з'явиться діалогове вікно Symbol, зображене на рис. 6.

Рис. 6. Діалогове вікно Symbol.

3. Виберіть символ і клацніть на кнопці Insert. Frontpage вставить символ на сторінку, але не закриє діалогове вікно, щоб, повторюючи цю процедуру, ви змогли вставити потрібну кількість символів.

4. Для завершення роботи натисніть Close (Закрити).
Списки

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

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

- Bulleted List (Маркований список). Елементи такого списку забезпечені маркерами. Маркіровані списки зазвичай використовуються для перерахування логічно пов'язаних одиниць інформації без певної послідовності.

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

- Menu List (Меню). Різновид маркованих списків, що підтримується більшістю браузерів.

- Numbered List (Нумерований список). Цей список являє собою послідовність впорядкованих пунктів. Зазвичай вони нумеруються цифрами, починаючи з 1. Нумеровані списки є ідеальним засобом, наприклад, для запису послідовності дій.
Створення списку.

1. Відкривши сторінку в редакторі, помістити курсор на те місце, де має перебувати початок списку, його можна встановити на початок, середину і навіть на кінець абзацу. Якщо в тому рядку, де стоїть курсор, вже є який-небудь текст, то Frontpage зробить цей абзац перший пункту списку.
Якщо потрібно почати новий список, то поставити курсор на порожню рядок.

2. Вибрати в списку, що розкривається стилів опцію Numbered List.

Frontpage відзначить перший рядок нового списку номером 1. Набрати текст першого пункту списку.

3. Увівши перший пункт, натиснути клавішу. Редактор поставить на новій рядку наступний номер, після якого можна ввести наступну порцію тексту. (Повторюйте цю процедуру до тих пір, поки список не закінчиться .).

4. Завершивши введення списку, натиснути комбінацію клавіш +.
Редактор Frontpage почне новий рядок під списком і встановить курсор на її початок.
Перетворення суцільного тексту до списку.

Припустимо, що у вас є на кілька рядків, які ви хотіли б перетворити в список. Ви можете просто виділити всі елементи тексту та вибрати в меню Format позицію Bullets and Numbering (Маркери та
Нумерація). Ви побачите діалогове вікно налаштувань маркування та нумерації, яке показано на рис. 7.

Рис. 7. Діалогове вікно Bullets and Numbering.

Діалогове вікно Bullets and Numbering має три вкладки. За допомогою першого вкладки ви зможете визначити вид маркера. Frontpage за замовчуванням запропонує вам застосувати маркування, що належить до тієї декорації, яку ви використовуєте для даної сторінки. Однак ви можете використовувати і інше зображення, вказавши його за допомогою кнопки Browse. Як ви розумієте, для того, щоб список виглядав привабливо, маркер повинен мати невеликі розміри.

Дві інші вкладки, Plain Bullets (Звичайні маркери) і Numbers (Нумерація), дозволяють вам використовувати маркери у вигляді шрифтових символів і нумерації.
Ви можете оцінити зовнішній вигляд списку, використовуючи схему попереднього перегляду в лівій частині діалогового вікна. Вказаний за замовчуванням стиль не передбачає жодного форматування. Якщо ви хочете перетворити текст в нумерований список, то в цьому вам допоможуть опції на вкладці Numbers. Якщо список починається не з одиниці і не з букви "а", то виділіть спочатку один із стилів у позиції "нумерація", потім у текстовому полі Start At (Почати з ..) і введіть номер, з якого треба починати нумерацію, потім натисніть кнопку ОК.
Зміна стилю всього списку.

Для зміни стилю списку встановіть курсор в межах переліку та натисніть праву клавішу миші. Потім виберіть позицію List Properties
(Властивості списку) в контекстному меню. Ви побачите діалогове вікно List
Properties, дуже схоже на діалогове вікно Bullets and Numbering, за винятком того, що в ньому є додаткова вкладка Other
(Інше). У ній ви можете вибрати такі можливості, як маркування списку за допомогою графічних зображень, список-меню, список-покажчик (мал.
8). Вибравши стиль, натисніть кнопку ОК, і Frontpage відразу ж застосує вказаний стиль до списку.

Рис. 8. Діалогове вікно List Properties.
Вставка горизонтальної лінії.

Щоб вставити горизонтальну лінію, встановіть курсор там, де ви хотіли б, щоб з'явилася лінія, потім виберіть позицію Horizontal Line
(Горизонтальна лінія) в меню Insert. , Що з'явилася лінія буде використовувати ті ж параметри оформлення, що і попередня горизонтальна лінія, створена за допомогою Редактора. Лінії можуть використовуватися на сторінці з будь-якими розмірами і форматом. Також горизонтальні лінії можуть розташовуватися усередині комірки таблиці та будуть відповідати формату цього осередку.
Форматування горизонтальних ліній.

Щоб змінити вужеві створену лінію, натисніть праву кнопку миші і виберіть пункт Horizontal Line Properties з контекстного меню. З'явиться діалогове вікно Horizontal Line Properties, яке показано на рис. 9.

Рис. 9. Діалогове вікно Horizontal Line Properties.

У секції Width (Довжина) ви можете вказати довжину лінії в пікселях або у відсотках від ширини вікна в браузері. Потім в секції Height (Висота) введіть товщину лінії. У секції Alignment (вимкнення) ви можете позиціонувати лінію по лівому або правому краю або по центру, встановлюючи перемикач відповідно до положення Left, Bight або
Center. З списку, що розкривається Color (Колір) ви зможете вибрати для лінії відповідний колір. Якщо значення кольору задано як Default (Цвет за замовчуванням), то ви також зможете вказати, чи потрібно для даної лінії використовувати затінення, встановивши прапорець Solid Line (Суцільна лінія). Якщо прапорець встановлений, то лінія відображається кольором, встановленим за умовчанням (звичайно сірим), а якщо лінія використовує затінення, то колір за замовчуванням відтінений кольором підкладки сторінки.
Використання декорацій.

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

Отже, виберіть в меню Format пункт Theme (Декорація), щоб відкрити вікно Choose Theme (Вибір декорації). Дане вікно діє так само, як і однойменне вікно в Провіднику. Вікно надає можливість вибрати відповідну декорацію з числа використовуваних для даного сайту або створити нову. Пам'ятайте про те, що будь-які зміни внесені вами, торкнуться тільки ту сторінку, яка в даний момент відкрита в редакторі.
Мініатюри для попереднього перегляду.

Як ви вже знаєте, присутність на сторінці графічних зображень великого розміру зазвичай не дуже радує відвідувачів ваших сторінок.
Використовуючи команду Auto Thumbnails (Генерація мініатюр), ви можете змусити Frontpage автоматично створити зменшену копію будь-якого зображення і помістити її на сторінку, причому з цієї копії буде проставлена гіперпосилання, за якою можна досягти оригіналу. Таким чином, коли відвідувач заходить на вашу сторінку, він бачить зменшені копії зображень, які значно швидше передаються по каналу зв'язку, і вирішує, які з цих картинок він хоче побачити в оригіналі.

Щоб створити мініатюру для попереднього перегляду , виділіть ту картинку, зменшений варіант якої ви хочете зробити, і виберіть пункт
Auto Thumbnails з меню Tools (Інструменти) або натисніть комбінацію клавіш
+. Frontpage автоматично створить зменшену копію цього зображення і розмістить її на сторінці, причому з нього вже буде проставлена гіперпосилання на оригінал. Конкретні параметри для зменшеного зображення можна задати в діалоговому вікні Options. Як тільки ви дасте вказівку створити мініатюру, зменшене зображення буде створено в пам'яті комп'ютера, і в той момент, коли ви вирішите зберегти сторінку, вам буде запропоновано зберегти також і мініатюру.
Посилання.

Посилання (вона ж гіперпосилання) - це з'єднання між двома точками.
Відвідувачі сайту можуть, клацнувши по посиланню, "перестрибнути" туди, куди вона веде, і місце призначення посилання представляється у вигляді URL ( Uniform Resource
Locator, Уніфікований покажчик ресурсу). Посилання можуть вказувати на текст, зображення та інші файли (наприклад, на документи Microsoft
Office), а також на закладки всередині документів. Наприклад, ви може проставити посилання з документа Microsoft Word на файл Excel. Натискаючи на такому посиланні, автоматично запускається програма Excel і відкриває файл, на який вказує посилання. Використовуючи Frontpage, ви зможете дуже просто пов'язувати між собою HTML-сторінки і файли Office, створюючи потужний і динамічний сайт.
Створення посилання.

Для того щоб встановити посилання, вьделіте фрагмент тексту або зображення, з якого буде здійснюватися перехід, і натисніть комбінацію клавіш + або виберіть пункт Hyperlink (Гіперпосилання) з меню Edit.
Ви побачите діалогове вікно Create Hyperlink (Створення гіперпосилання), показане на рис. 10.

Підказка: Ви можете швидко створити або відредагувати посилання, вибравши потрібний фрагмент тексту і натиснувши кнопку Create or Edit Hyperlink на панелі інструментів.

Рис. 10. Діалогове вікно Create Hyperlink.

Ви можете встановлювати посилання на об'єкти кількох різних типів:

на сторінку в Провіднику Frontpage, на будь-який URL, використовуючи при цьому ваш
Web-браузер, на будь-який файл, що знаходиться на вашому комп'ютері, на будь-яку адресу e-mail. Ви можете також створити нову сторінку і встановити посилання на неї. Крім цього, ви можете вказати, що метою переходу є певна закладка або фрейм. Нижче описані деякі способи створення гіперпосилань:

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

- Посилання на URL. Ви можете ввести точну адресу (URL) сторінки в текстовому полі або ж натиснути на кнопку Use your Web Browser to select a page (Вказати сторінку за допомогою браузера). При натисканні цієї кнопки запускається Web-браузер, встановлений на вашому комп'ютері. Коли ви знайдете потрібну сторінку в Internet, адресу цієї сторінки буде автоматично поміщений в текстове поле URL в діалоговому вікні Create
Hyperlink.

- Посилання на локальні файли. Якщо ви хочете встановити гіперпосилання на файл, що знаходиться на вашому комп'ютері, ви можете зробити це, використовуючи кнопку Make a hyperlink to a file on your computer (Створити посилання на файл на вашому комп'ютері). У діалоговому вікні Select File (Вибір файлу) ви можете вказати потрібний файл.

- Посилання на адресу e-mail. Якщо ви хочете створити посилання, яка б давала можливість відвідувачам вашого сайту відправити лист за якою-небудь конкретною адресою, то в цьому випадку можна використовувати кнопку Make a hyperlink that sends E-mail (Створити посилання для відправки листа по електронній пошті). Ви побачите, що з'явилося діалогове вікно Create E-mail
Hyperlink (Створення поштового посилання), зображене на рис. 11. Для того щоб така посилання працювала, вам досить просто ввести адресу одержувача в текстовому полі.

Рис. 11. Діалогове вікно Create E-mail Hyperlink.

- Посилання на нову сторінку. Дана можливість дозволяє створити посилання, що вказує на ще не створену сторінку. Натискання на кнопку Create a page and link to the new page (Створити сторінку і проставити посилання) викликає появу діалогового вікна New (Нова сторінка).
Посилання, що створюються автоматично.

Деякі послідовності символів, якими прийнято позначати популярні протоколи Internet, автоматично розпізнаються Frontpage як частини адрес, і на такі послідовності символів, набрані в тексті, посилання будуть проставлені без вашої участі. Наприклад, вам достатньо набрати в тексті www.microsoft.com, і оскільки www - це стандартний префікс адрес в World Wide Web (Всесвітній Павутині), Frontpage автоматично інтерпретує таку послідовність як URL і перетворює її на заслання виду http://www.microsoft . com /. Таким же чином ви зможете створювати посилання і для інших протоколів, що, наприклад, посилання для відправки електронної пошти і т. д.
Створення посилань на сторінки сайтів в Internet.

Завдяки Frontpage вам не знадобиться вручну набирати адреси сторінок в Internet, якщо раптом ви захочете проставити на них посилання зі свого документа. Ви зможете легко створювати подібні посилання двома способами:

- Розташуйте курсор на тому місці вашої сторінки, в якому ви хочете проставити посилання, натисніть на панелі інструментів кнопку Create or Edit
Hyperlink і перейдіть на вкладку World Wide Web.

- Відкривши будь-який сайт в браузері Microsoft Internet Explorer або
Netscape Navigator, просто клацніть по будь-якій посиланням на сторінці і, не відпускаючи кнопку миші, перетягніть її до редактора. Frontpage автоматично створить посилання на цю сторінку.
Побудова таблиць.

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

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

Побудувати таблицю в редакторі Frontpage можна двома способами: або безпосередньо намалювати її на сторінці, користуючись інструментами панелі таблиць (Table Toolbar), або вставити за допомогою меню Table. Якщо вам важко буде вибрати, який з цих методів віддати перевагу, не хвилюйтеся - ви зможете застосувати обидва підходи до однієї про ту ж таблиці. Наприклад, ви можете вставити таблицю через меню Table, а додавати в неї рядка за допомогою інструментів панелі таблиць. Але для ясності обидва ці методу будуть нижче описані окремо, а на закінчення ми порівняємо їх і подивимося, щов них спільного.
Інструменти панелі таблиць.

Побудова таблиць у Frontpage здійснюється практично тим же шляхом, що й у Microsoft Word, за допомогою інструментів панелі таблиць (рис.
12). Щоб показати панель таблиць на екрані, виберіть у меню View опцію
Table Toolbar або Draw Table в меню Table.

Рис. 12. Інструменти панелі таблиць.

За допомогою цієї панелі ви можете малювати таблиці прямо на сторінці, а згодом при необхідності змінювати їх параметри. Першою на панелі таблиць розташована кнопка Draw Table (Намалювати таблицю); з неї ви зазвичай і будете починати побудову таблиць:

1. У меню Table опцію Draw Table або натисніть кнопку Draw
Table на панелі таблиць; при цьому курсор миші набуде вигляду олівця.

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

Отже, ви намалювали таблицю, що складається з однієї комірки, з одним стовпчиком і одним рядком, при цьому автоматично була намальована її рамка < br> (щоб прибрати рамку, перейдіть у вікно установки властивостей таблиці Ваша таблиця буде виглядати приблизно так, як показано на рис. 13.

Рис. 13. Нова таблиця.

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

Порада: Якщо, перетягуючи кордон, ви будете утримувати кнопку, то всі комірки в цьому напрямку збережуть свою ширину.
Додавання рядків і стовпців.

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

1. Виберіть на панелі таблиць олівець (якщо ви ще цього не зробили), натиснувши кнопку Draw Table.

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

3. Натисніть кнопку миші та тягніть курсор горизонтально, щоб розбити клітинку по горизонталі, або вертикально, щоб розбити по вертикалі. Коли ви почнете тягнути курсор, за ним потягнеться пунктирна лінія, намічаються майбутню графу. Не прагніть малювати строго прямолінійно, тому що Frontpage випрямити лінію, яку ви ведете, головне - рухатися у вірному напрямку.

На рис. 14 представлена таблиця, розділена на дві колонки, причому права колонка розділена на два рядки.

Рис. 14. Таблиця ускладнюється.

Якщо ви хочете розбити таблицю на рівні рядки або стовпці, скористайтеся кнопками панелі таблиць Insert Rows (Вставити рядки) та
Insert Columns (Вставити стовпці).

1 . Помістіть курсор всередину яче