MS FrontPage

курс лекций

1. MS FrontPage та його інтерфейс

Для запуску MS FrontPage в меню Пуск виберіть Програми - Microsoft Office - Microsoft FrontPage. При першому відкритті програми Ви побачите у вікні перегляду і редагування сторінок файл нової сторінки з імям new_1.htm.

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

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

І Вид. Керує відображенням web-сайту;

І Список файлів. Призначений для швидкого переміщення між web-сторінками сайту. При подвійному натисканні на імені файлу можна перейти до його редагування.

І Робоча область. Подання цієї частини залежить від варіанту, обраного в розділі «Вид».

Рядок стану, розташовано нижній частині вікна редактора веб - сайтів.

Размещено на http://www.allbest.ru/

Якщо всі панелі інструментів видимі, редактор Microsoft FrontPage виглядає так, як показано на рис. 6.1.

Рис. 6.1 - Загальний вигляд вікна MS FrontPage

Розглянемо меню Вид горизонтального меню редактора Microsoft FrontPage. Можливі такі подання робочого столу.

- Сторінка. В цьому випадку робоча область надає можливість розробляти поточну сторінку. При цьому на робочій області присутні такі закладки перегляду сторінки. Закладка Конструктор дозволяє редагувати сторінку в режимі WISYWIG. Закладка З розділом дозволяє змінювати html-код сторінки та редагувати сторінку в режимі WISYWIG. Закладка Код дозволяє прочитати html-код поточної сторінки і при необхідності його виправити. Закладка Перегляд надає можливість побачити як буде виглядати web-сторінка в браузері.

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

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

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

- Переходи - візуальне представлення карти сайту.

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

Властивості web-сторінки.

Щоб встановити в Редакторі властивості сторінки, виберіть команду Формат - Властивості, або Файл - Властивості, або за допомогою контекстного меню робочої області знайти команду Властивості сторінки. У даному діалоговому вікні крім загальної інформації, типу назви сторінки, встановлюються такі параметри, як фоновий малюнок і фоновий звук, колір фону, стандартні кольору тексту і гіперпосилань, поля сторінки, а також деякі змінні. Для редагування властивостей, сторінка повинна бути відкрита в редакторі. детально розберемо кожен з цих параметрів і почнемо з вкладки Загальні , показаної на рис. 6.2.

Рис. 6.2 - Вкладка Загальні команди Властивості сторінки

В текстовому полі Назва можна ввести або відредагувати назву сторінки; поле Базове розташування призначено для завдання необовязкового базового URL сторінки. Щоб встановити для посилань цієї сторінки цільовий фрейм за замовчуванням, введіть його імя в текстовому полі Кінцева рамка за замовченням. Відкриється діалогове вікно Кінцева рамка.

У секції Фоновий звук можна змінити властивості фонового звуку. Задається розташування та кількість повторень звукового файлу або безперервне відтворення.

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

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

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

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

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

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

- Колір активних гіперпосилань. Активним гіперпосиланням стає при натисканні на нього, щоб вибрати колір, в який будуть пофарбовані активні посилання, скористайтеся списком.

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

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

Попередній перегляд.

Перейти в режим попереднього перегляду; для цього достатньо перейти в Редакторі на вкладку Перегляд. Коли Microsoft FrontРage редагує файл, то насправді редагується його локальна копія, розташована на вашому компютері. Файл записується локально до тих пір, поки ви реально не відправите його на ваш сервер Internet. Саме те, що ви бачите в редакторі в режимі попереднього перегляду, - це насправді локальний файл, представлений таким чином, якщо б він знаходився на сервері. Оскільки насправді ви до сервера не підключені, то деякі активні елементи на ваших сторінках можуть не працювати. Вкладка Перегляд дуже зручна для перегляду сайту за відсутності зєднання з Internet, але щоб побачити сайт в реальних умовах, особливо для тестування, його необхідно дивитися в браузері, підключеному до Internet.

Делись добром ;)