Основні характеристики елементи ms frontpage. Московський державний університет друку. Основні інструменти програми

Мал. 10.28. Діалогове вікно «Insert Table» Мал. 10.29. Створення таблиць в HTML-документі Мал. 10.30. Панель «Таблиця» Мал. 10.37. Панель «Форми» Мал. 10.38. приклади форм Мал. 10.39. Меню команди «Form Field» Мал. 10.44. Приклад титульного листа типової Web-сторінки Мал. 10.45. Діалогове вікно «Marqueе Properties» Мал. 10.46. Діалогове вікно для створення кнопки Мал. 10.47. Діалогове вікно вставки таблиці Мал. 10.48. Діалогове вікно «Select File» Мал. 10.49. Діалогове вікно «Створення гіперпосилання»

Програмний пакет FrontPage був розроблений компанією Vermeer Technologies, відомої своїми розробками стандартних графічних засобів представлення та розміщення інформації в WWW. Microsoft придбала цей пакет і включила його до складу MS Office.

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

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

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

Програмний пакет FrontPage поставляється з декількома додатковими утилітами, разом складовими так званий FrontPage Bonus Pack:

Microsoft Image Composer, графічний редактор, призначений для створення зображень для Web-сайту і маніпулювання ними. Утиліта містить різні ефекти для обробки зображень і більше 200 Мбайт електронних фотографій, які можна використовувати.

Microsoft Personal Web Server (Персональний Web-сервер Microsoft), версія Internet Information Server (US, Інформаційний сервер Internet), що працює під Windows 9.х і Windows NT Workstation. Від FrontPage Personal Web Server (Персонального Web-сервера FrontPage), що входить до складу власне FrontPage, Microsoft Personal Web Server відрізняють більш висока продуктивність і наявність додаткових можливостей.

Web Publishing Wizard (Майстер публікації в WWW), який дозволяє розміщувати Web-сайти у провайдера або в онлайнових службах. Зазвичай цей майстер використовується для серверів, що не підтримують серверні розширення FrontPage (FrontPage Server Extensions).

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

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

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

Функціональні можливості пакету MS FrontPage від версії до версії наближаються до можливостей програмного пакету Macromedia Dreamweaver, розглянутого раніше. Тому матеріал даного параграфа в певному плані можна вважати доповненням до матеріалу попередньої глави.

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

FrontPage може як створювати нові сторінки, так і редагувати підготовлені раніше HTML-документи. Web-Сторінки можна розглядати в режимі WYSIWYG, у вигляді розмітки HTML-коду і у вигляді попереднього перегляду (подібного вікна браузера). Крім цього є можливість завантаження Web-сторінки в браузер для перегляду (зазвичай Internet Explorer).

Редактор може роздруковувати сторінки в тому вигляді, як вони будуть виглядати на екрані (з урахуванням відповідності розмірів аркуша паперу розмірами сторінки).

форматування тексту. Пакет FrontPage надає можливості налаштування гарнітури символів тексту, їх кольору і розміру (кегля). Більшість параметрів оформлення можна змінювати, використовуючи кнопки на панелі інструментів.

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

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

Можливо кілька варіантів розміщення таблиці стилів:

Зовнішня таблиця. Створивши одну зовнішню таблицю, можна в подальшому пов'язувати з нею будь-яку кількість сторінок. Коли виникне необхідність внести зміни, вони проводяться тільки над файлом * .css.

Внутрішня таблиця стилів. Таблиця включається в код сторінки. Певні в ній стилі відносяться тільки до однієї сторінки.

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

Вставка фрагментів коду. HTML швидко змінюється, і з часом в ньому можуть з'явитися нові керуючі теги або їх атрибути, які в певних версіях FrontPage не підтримуються. Проте FrontPage надає можливість вставити будь-який фрагмент HTML, навіть містить нові директиви. Правда, FrontPage не перевіряє допустимість введеної розмітки. У вікні редактора такий текст буде позначено зірочкою Unknown HTML (Невідомий код HTML).

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

Програмний пакет FrontPage підтримує кілька видів посилань:

Посилання на URL-адресу (можна ввести адресу вручну або вибрати з наявних посилань). При роботі з гіперпосиланнями надається можливість перетягування URL-адреси з провідника або браузера на розроблювану сторінку.

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

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

Слід зазначити, що код, записаний в стандартному поданні URL-адреси, автоматично перетворюється на гіперпосилання.

таблиці. FrontPage має зручний механізм побудови таблиць. Таблицю можна задати за допомогою меню Table. У редакторі також існує панель малювання таблиць, з якої за допомогою інструментів Олівець і Гумка можна відповідно малювати і прати елементи таблиці. У редакторі передбачені такі механізми роботи з таблицями, як видалення, вставка і об'єднання осередків, установка вирівнювання (вертикального і горизонтального) даних всередині таблиці, заливка комірок певним кольором.

Таблиці Excel і діаграми Microsoft Office також можуть бути вбудовані в Web-сторінку.

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

зображення. Важливим питанням є уявлення зображень в Web-сторінках. У FrontPage передбачена процедура вставки як стандартних картинок з бібліотеки (clip art), так і зображень з графічних файлів (використовуються формати: * .gif, * .jpg, * .bmp, * .tif, * .wmf, * .ras, * .pcx, * .pcd, * .tag, * .eps). Після вставки зображення виводиться панель з кнопками опцій редагування зображень. До них відносяться функції розташування зображення щодо сусідніх об'єктів, розміщення тексту на зображенні, повороту і симетричного відображення картинки, управління яскравістю і контрастністю, отримання фрагмента, відновлення початкових параметрів, завдання рамки.

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

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

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

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

Будь-яка форма FrontPage має однакову базову структуру: не менше одного питання, одне чи більше текстових полів для введення інформації відвідувачем, кнопка, яка пропонує відправити дані на сервер, і кнопка очищення для видалення введеної або обраної в полях інформації. На стороні сервера є також кілька пов'язаних з формами програм обробки отриманих даних.

Форми можна створювати в FrontPage тільки в тому випадку, якщо у розробника встановлений Personal Web Server. Форми FrontPage можна створити за допомогою Майстра форм, шляхом розробки власної користувальницької форми і за допомогою шаблону.

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

однорядкове текстове поле (One-line text box);

прокручується текстове вікно (скролінг);

прапорці (Checkbox);

перемикачі (Radio button);

спливаюче меню (Drop-down menu);

натискаються кнопки (Push button);

графічні кнопки (Image).

Для додання сторінці динамічності використовуються рядки, що біжать. Передбачено елемент marquee (рядок, що біжить).

Лічильник візитів дозволяє оцінити кількість відвідувачів сторінки. Як правило, встановлюється тільки на головну сторінку. У FrontPage існує форма вставки лічильника, пропонує розробнику кілька варіантів представлення лічильників, а також дає можливість вибору особливого файлу (для лічильника вибирається файл у графічному форматі, в якому повинні бути наведені всі цифри від 0 до 9).

Microsoft FrontPage призначений для створення і подальшого адміністрування Web-вузлів мереж Internet / Intranet. Microsoft FrontPage складається з двох модулів: FrontPage Explorer і FrontPage Editor.

Модуль FrontPage Explorerпризначений для:

створення Web-вузла;

встановлення прав доступу;

організації файлової структури Web-вузла;

запуску FrontPage Editor для редагування сторінок.

Після закінчення процесу створення Web-вузла даний модуль використовується для його розміщення на сервері в мережі Internet / Intranet.

Користувачі можуть створювати, видаляти, відкривати, редагувати і закривати вузли, використовуючи FrontPage Explorer і FrontPage Editor на клієнтському робочому місці.

Особливостями модуля FrontPage Explorer є:

На рис. 10.1 наведено робоче вікно FrontPage Explorer.

Інтерфейс програмного пакету FrontPage витриманий в стилі інших додатків Microsoft Office. Він має багатосторінкове вікно документа з покажчиками сторінок, вікно з піктограмами основних розділів проекту, панелі інструментів, плаваючі меню і т.д. Для більшості об'єктів підтримується метод перетягування (drag and drop) між вікнами і панелями. Передбачені можливості управління складом панелей.

FrontPage побудований як SDI-додаток (Single Document Interface - у вікні програми відображається тільки поточний документ). Для кожного знову відкритого документа формується своє робоче вікно.

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

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

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

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

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

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

На рис. 10.6 приведений вид робочого вікна в режимі роботи з HTML-кодом.

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

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

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

При роботі на Web-сайті можуть знадобитися найрізноманітніші звіти про стан роботи. Звіти представлені в спеціальному вікні (рис. 10.8 ), Що виводять при натисканні на піктограму Reports панелі Views. У списку присутні такі звіти:

All files (список всіх файлів в складі Web-сайту).

Pictures (список графічних файлів в складі Web-сайту).

Unlinked files (файли, недосяжні з основної сторінки Web-сайту).

Linked files (файли, досяжні з основної сторінки Web-сайту).

Slow Pages (сторінки, швидкість передачі яких перевищує межу (наприклад, 30 з для швидкості 28,8 Кбіт / с).

Older files - файли, створені раніше останніх 72 днів.

Recently added files - файли, додані протягом останніх 30 днів.

Hyperlinks - список усіх активних посилань.

Unverified hyperlinks - непідтверджені гіперпосилання.

Component errors - список файлів, в яких виникають помилки уявлення компонентів.

Uncompleted tasks - список незавершених завдань.

Unused themes - список невикористаних декорацій.

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

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

На схемі гіперпосилань FrontPage (рис. 10.10 ) Демонструє графічне представлення посилань між фрагментами Web-сайту. Екран розділяється на дві панелі - список файлів і схему посилань. На схемі відображається характер посилань у вигляді значків. Конверт позначає можливість посилки електронної пошти прямо зі сторінки; малюнок - графічний файл; глобус - зовнішнє посилання; розірвана посилання - адреса посилання заданий неправильно; трикутник зі знаком оклику - помилка в завданні компонента. На схемі також показані піктограми типів файлів Microsoft Office, на які посилаються сторінки

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

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

Вікно (рис. 10.11 ) Відкривається після натиснення піктограми Tasks або при виборі в меню View Провідника опції Tasks.

У вікні виводиться список завдань, що складається з наступних полів:

Status - стан завдань (червоний маркер - не виконано, зелений - виконано),

Task (завдання) - містить опис завдання,

Assigned To (Кому призначене)- показує відповідальних за виконання кожного із завдань,

Priority (Пріоритет) - вказує пріоритет завдання: high (високий), medium (середній) або low (низький),

Associated With (Пов'язано з)- ім'я сторінки або файлу, які потребують редагування для виконання завдання,

Modified Date (Дата зміни)- дата останнього зміни завдання,

Description (Опис)- опис кожного завдання.

Головне меню програмного пакета. Головне меню програми виконано у вигляді стандартного меню Microsoft Office 2000 і включає десять команд: File, Edit, View, Insert, Format, Tools, Table, Frame, Windows, Help.

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

New / FrontPage Web - створення нового Web-сайту.

New / Folder - створення нового каталогу в існуючому сайті.

Open FrontPage Web - відкриття існуючого Web-сайту для перегляду або редагування.

Close FrontPage Web - закриття поточного Web-сайту.

Publish FrontPage Web - перенесення поточного вмісту на інший Web-сервер або в папку.

Delete FrontPage Web - видалення вмісту поточного Web-сайту.

Import - імпорт файлів або папок в поточний Web-сайт.

Export - експорт документа в файл.

Page Setup - налаштування параметрів сторінки при друку.

Print Preview - попередній перегляд документа перед друком.

Recent File - список файлів, змінювалися в останній час.

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

Cut - вирізати документ з приміщенням в буфер обміну.

Redo - Скасування скасування.

Copy - скопіювати документ в буфер обміну.

Paste - вставити документ з буфера обміну.

Delete - видалити документ.

Rename - перейменувати документ (при цьому автоматично змінюються посилання у всіх документах на перейменовувати об'єкт для забезпечення цілісності даних).

Open - відкрити документ для редагування (FrontPage Editor для HTML і т.д.).

Open with - відкрити документ для редагування із зазначенням типу редактора.

Add To Do Task - додати елемент до списку завдань.

Bookmark - вставка / редагування закладки.

Database - управління відбором даних з БД в документ.

Properties - перегляд властивостей документа і т.д.

Меню View містить команди установки режимів роботи, візуалізації тегів, вид плаваючих панелей:

Toolbar - включення / вимикання панелі інструментів.

Status Bar - включення / вимикання рядка стану.

Format Marks - включення / вимикання відображення символів форматування.

Refresh - оновлення інформації в документі.

Hyperlink View - включення режиму перегляду зв'язків.

Folder View - включення режиму перегляду структури папок.

Hyperlinks to Images - включення / вимикання режиму перегляду зв'язків документів з графічними файлами.

Repeated Hyperlinks - включення / вимикання відображення повторюваних зв'язків.

Hyperlinks inside Page - включення / вимикання режиму відображення зв'язків всередині документа.

Refresh - оновлення інформації, що відображається.

Меню Insert включає команди вставки елементів різних типів (розриву, горизонтальної лінії, символу, коментаря, графічного зображення, відеозображення, фонової музики, текстового файлу, керуючого компонента, гіперпосилання, ActiveX, JavaScript, PowerPoint Animation, форми, дати і часу і т.д .), зібрані в відповідні підміню.

Меню Format об'єднує опції форматування, управління зовнішнім виглядом сторінок, установки стилю оформлення, параметрів шрифту і абзацу, настройки типу списку, управління ефектами, установки фонового зображення і т.д.

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

Меню Table, Frames і Window включають специфічні опції роботи з таблицями, фреймами (кадрами) і вікнами.

Деякі опції зазначених підміню підтримуються меню нижчого рівня, так що виходить ієрархічна структура. Нижче, на рис. 10.12 наведено підміню Insert / Active Elements (Вставити / Активні елементи).

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

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

Як приклад на рис. 10.13 наведено діалогове вікно вставки таблиці (Insert Table).

Найбільш часто використовувані команди представлені в складі інструментальних панелей. Загальний вигляд цих панелей ідентичний панелям MS Office. Наприклад, на рис. 10.14 наведено загальний вигляд фрагмента інструментальної панелі: перейти в FrontPage Explorer (), вставити компонент FrontPage (Insert FrontPage Component), вставити таблицю (Insert Table), вставити зображення (Insert Image), створення або редагування гіперпосилання (Create or Edit Hyperlink).

вікна Майстрів. Майстри в FrontPage побудовані так само, як і майстри в інших додатках Microsoft Office 2000. Як приклад можна привести вікно майстра створення Web-сайту дискусій, наведене на ріс.10.15 .

Зліва розташовується зображення, що характеризує той чи інший крок майстра. Під зображенням знаходиться індикатор стану (смуга із зазначенням, яка частина майстра виконана). Справа поміщені поля настройки і коментарі. Кнопки на формі: Cancel (Скасування), Back (Назад), Next (Далі), Finish (Закінчити).

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

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

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

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

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

Створивши вузол, його можна перенести на сервер, вибравши команду File / Copy Web (в Explorer).

Створення нового вузла. Для створення нового Web-вузла (або, за термінологією FrontPage, нового Web) необхідно вибрати в меню File команду New Web FrontPage або клацнути по кнопці New Web на панелі інструментів. З'явиться діалогове вікно, показане на рис. 10.16 . З цього вікна потрібно вибрати один з двох режимів роботи: відкрити існуючий Web-вузол для продовження роботи або створити новий Web-вузол. Якщо буде створюватися новий Web-вузол, то після натискання кнопки ОК на екрані з'являється діалогове вікно, представлене на рис. 10.17 .

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

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

Для того щоб створювати Web-вузол «з нуля», необхідно ви-брати опцію Empty Web (Порожній вузол). Порожній Web дозволить отримати Web-документ, в якому буде відсутня будь-яка інформація.

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

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

Шаблон особистого Web-вузла (рис. 10.19 ) Поставляється вже сконфігурованим, з посиланнями на сторінки співробітників та керівників, а також посиланням mailto (надіслати листа).

Використання. Редактор FrontPage поставляється з трьома майстрами - Form Page (Сторінка з формами), Frames (Кадри) і Personal Home Page (Особиста сторінка). Редактор використовує понад двадцять шаблонів (рис. 10.20 ).

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

Якщо необхідно створити новий документ, вибирається шаблон Normal (Звичайний).

Для створення нової сторінкипотрібно в FrontPage Editor активізувати команду File / New. Потім в розкрився діалоговому вікні New (рис. 10.20) вибрати тип шаблону або позицію Normal Page (Звичайна сторінка)і натиснути кнопку OK. В останньому випадку на екрані з'явиться порожня сторінка, в правому верхньому кутку якої знаходиться миготливий курсор. Для розміщення тексту необхідно ввести його з клавіатури або вставити з буфера. Редактор використовує буфер обміну аналогічно іншим програмам MS Office: можна вирізати або копіювати будь-які фрагменти в інших відкритих в редакторі сторінках або з документів інших програмних додатків. Процедура традиційна: вирізаємо або копіюємо потрібний фрагмент в буфер, переходимо в створюваний документ і виконуємо вставку. Видалити текст або інші елементи можна декількома способами: виділивши видаляється фрагмент, можна потім натиснути клавішу Del або активізувати команду Edit / Clear.

Для відкриття сторінки Web-сайту в FrontPage Editor ісспользуется команда File / Open. При активізації цієї команди відкривається діалогове вікно Select File традиційної форми.

Установка властивостей Web-сторінки і Web-сайту. Для установки в редакторі властивостей сторінки використовується команда File / Page Properties (Властивості сторінки). У діалоговому вікні Page Properties (рис. 10.21 ) Крім загальної інформації, наприклад, назви сторінки, встановлюються такі параметри, як фоновий малюнок і фоновий звук, колір фону, стандартні кольори тексту і гіперпосилань, поля сторінки. Для редагування властивостей Web-сторінка повинна бути відкрита в FrontPage Editor.

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

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

Вкладка Custom надає список використаних на сторінці метапеременних, які знаходяться в коді HTML-сторінки і містять інформацію про сторінку, тип вмісту, набір символів, назва програми, згенерований код і т.п. Вони не виводяться на сторінці, але несуть інформацію для браузерів.

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

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

Для завдання властивостей не окремої сторінки, а Web-сайту в цілому потрібно відкрити діалогове вікно установок Web-сайту FrontPage Explorer (Tools / Web-settings). У цьому багатофункціональному вікні (рис. 10.22 ) Можна задати різні параметри створюваного Web-сайту.

На вкладці General наводяться назва Web-сайту і відомості про нього (версія розширень сервера і версія самого сервера).

Вкладка Advanced містить поле введення зі списком вибору мови скриптів, який використовується за умовчанням (VBScript або JavaScript). Для демонстрації файлів прихованих папок слід ви-брати прапорець опції показу файлів прихованих папок. Якщо потрібно видалити тимчасові файли, слід натиснути кнопку Delete Files.

Для вибору кодування сторінки за замовчуванням потрібно вказати її значення в поле зі списком Default Page Encoding вкладки Language. В поле зі списком Server Message Language цієї ж папки задається мова повідомлень, що повертаються сервером.

У панелях навігації вживаються розділи переходу до основної сторінки, на сторінку вперед або назад і на рівень вгору. На вкладці Navigation можна задати назви розділів (за замовчуванням задані Home, Back, Next, Up). За натисканні кнопки Default раніше введені значення замінюються на перераховані вище.

редагування документа. Після створення документа або завантаження його з існуючого набору (Web) можна використовувати численні функції редактора для створення або редагування сторінки.

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

Панелі інструментів Редактора. Мал. 10.23 ілюструє панелі і інструментарій Редактора FrontPage. Багато з них схожі на кнопки панелей інструментів, які існують в інших додатках MS Office.

Редактор FrontPage надає для створення документів ряд панелей інструментів. Нижня смужка інструментів носить назву панелі форматування.

Якщо помістити покажчик миші над клавішею панелі, то через кілька секунд з'явиться підказка про призначення цієї кнопки.

За допомогою опцій меню View (Вид) можна зробити будь-яку з панелей інструментів видимої або невидимої.

форматування тексту. При форматування тексту можна використовувати текстові стилі. Фізичні стилі доступні через панель інструментів.

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

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

Для зміни розміру шрифту потрібно виділити фрагмент тексту, який необхідно змінити, а потім клацніть на кнопці збільшення (Increase Text Size) або зменшення (Decrease Text Size) розміру шрифту на панелі інструментів. Можна також використовувати команду Format / Font (Формат / Шрифт), Яка викликає появу діалогового вікна, наведеного на рис. 10.24 .

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

Редактор надає кілька додаткових стилів (спеціальних стилів). Для їх вибору використовується вкладка Special Styles (рис. 10.25 ) Наведеного вище вікна.

Щоб застосувати спеціальний стиль, слід його ви-брати, а потім натиснути кнопку OK. В наявності є таке спеціальні стилі:

Citation. Курсив, який може бути використаний для виділення заголовків.

Sample. Шрифт друкарської машинки.

Definition. Використовується для виділення термінів.

Blink. Робить текст мерехтливим.

Code. Моноширинний шрифт, який зазвичай використовується для представлення коду програм.

Variable. Курсив, який може використовуватися для виділення (наприклад, імен змінних).

Bold. Напівжирний шрифт.

Italic. Простий курсив.

Keyboard. Моноширинний шрифт, який можна використовувати, наприклад, для введення тексту користувачем.

Навпроти кожного прапорця зі стилем стоїть відповідний тег стилю. Можливе використання декількох стилів одночасно.

Пакет FrontPage дозволяє ввести один або кілька символів вище або нижче базової лінії рядка. Такий спеціальний стиль називається «верхній або нижній індекс» і використовується досить часто. Для установки цього стилю в списку

Vertical Position (Вертикальна позиція)

діалогового вікна

Font (вкладка Special Styles)

вибираються опції

Superscript (Верхній індекс)

або

Subscript (Нижній індекс)

.

Номери рівнів відповідають зміни висоти верхнього або нижнього індексу по відношенню до основної рядку.

форматування абзаців. Редактор FrontPage надає можливість форматування абзаців. Воно виконується за аналогією з текстовими редакторами.

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

За замовчуванням новий абзац буде використовувати стиль Normal (Звичайний). Для установки іншого стилю абзацу потрібно зробити наступне:

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

Вибрати пункт Paragraph (Абзац) в меню Format (Формат). Вибрати новий стиль в діалоговому вікні Paragraph Properties (Властивості абзацу)і натиснути кнопку OK.

Той же ефект можна отримати в режимі редагування, наприклад:

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

Клацнути правою кнопкою миші в межах абзацу та в контекстному меню вибрати пункт Paragraph Properties, вибрати в розкрився діалоговому вікні новий стиль і клацнути на кнопці OK.

Для завдання відступу абзацу потрібно встановити курсор в межах абзацу і натиснути кнопку Increase Indent (Збільшити відступ)або кнопку Decrease Indent (Зменшити відступ)на панелі інструментів. Таким чином збільшується або зменшується відступ.

Для вирівнювання абзацу по лівій і правій межі і центрування використовуються клавіші Align Left (Вирівняти вліво), Align Right (Вирівняти вправо)або Center (Вирівнювання по центру)відповідно на панелі форматування. Ці кнопки можуть використовуватися як для позиціонування абзацу на сторінці, так і для розміщення тексту в комірці таблиці.

Щоб вставити розрив рядка, треба встановити курсор там, де повинен бути перехід на наступний рядок, а потім вибрати в меню Insert пункт Line Break (Розрив рядка). З'явиться діалогове вікно Break Properties (Властивості розриву) (рис. 10.26 ).

У цьому вікні слід вибрати одну з наступних опцій:

Normal line break (Звичайний розрив рядка). Додавання розриву рядків без зсуву тексту, незалежно від наявності будь-якого графічного зображення з лівого або з правого боку.

Clear left margin (До вільного лівого краю). Якщо з лівого краю сторінки розташовується зображення, то рядок після розриву почнеться нижче зображення, тобто по чистому лівому краю.

Clear right margin (До вільного правого краю). Якщо з правого краю сторінки розташовується зображення, то рядок після розриву почнеться нижче зображення, тобто по чистому правому краю.

Clear both margin (До вільних кордонів з обох сторін). Якщо хоча б з одного з країв сторінки розташовується зображення, то рядок після розриву почнеться там, де поле сторінки вільно.

Для вставки горизонтальної лінії використовується команда Insert / Horisontal Line. Розгромна замовна стаття лінія використовуватиме ті ж параметри оформлення, що і попередня горизонтальна лінія, створена за допомогою Редактора FrontPage.

Для зміни кольору виділяється фрагмент тексту і натискається кнопка Text Color (Колір тексту)на панелі форматування. У діалоговому вікні Color (Колір) (рис. 10.27 ) Вибирається колір з стандартного набору і натискається кнопка OK. Для використання додаткових квітів необхідно натиснути кнопку Визначити колір (Define Custom Colors), Задати колір і потім клацнути мишею на кнопці Add to Custom Colors.

створення таблиць. Для того щоб вставити таблицю, можна використовувати команду Table / Insert Table або клацнути по кнопці Insert Table панелі інструментів. На екрані візуалізуватиметься діалогове вікно

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

Для видалення розмітки таблиці використовується інструмент Ластик (друга зліва кнопка панелі). Можна і автоматично вставляти стовпець або рядок в таблицю (кнопки Insert rows, Insert column). Виділені осередки видаляються після натиснення кнопки Delete Cells.

Виділивши кілька осередків, можна об'єднати їх в одну або розділити на частини (кнопки Split Cells і Merge Cells).

За способи вирівнювання об'єктів в осередках відповідають кнопки (Align Top - по верхньому краю осередки, Center Vertically - по центру, Align bottom - по нижньому краю).

Виділені осередки можна вирівняти по висоті (кнопка Distribute Rows Evenly) або ширині (кнопка Distribute Rows Evenly).

Заливка вибирається зі списку (кнопка Fill Color).

Часто потрібно обмежити розміри осередків розмірами об'єктів. Для цього використовується кнопка Auto Fit.

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

Пакет FrontPage може здійснювати імпорт зображень. При цьому FrontPage підтримує різноманітні формати файлів: * .TIF, * .PCX, * .JPG і * .GIF з файлів або архівів URL. Спосіб перетворення формату * .JPG в формат.GIF, на жаль, не був знайдений. Це може спричинити за собою виникнення проблем при використанні програм перегляду, що не підтримують формат * .JPG.

Для того щоб розмістити зображення на сторінку, необхідно вибрати пункт меню Insert / Image. За цією командою візуалізується діалогове вікно вставки зображення (рис. 10.31 ).

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

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

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

Робота з фреймами (кадрами). Для підготовки сторінки c фреймами використовуються опції меню Frame (фрейм, кадр). В режимі створення нового документа в меню Frame виявляється доступною одна команда: New Frames Page. Її активізація відкриває діалогове вікно вибору одного з десяти шаблонів (ріс.10.33 ).

У лівій частині діалогового вікна в поле Frames наведені типи можливих поєднань фреймів. Вони можуть бути представлені у вигляді списку або іконок. Попередньо вибрана сукупність фреймів візуалізується в поле перегляду (Preview), в правій частині діалогового вікна (рис. 10.33). Після вибору відповідного шаблону на створюваній сторінці (фреймсете), після натиснення кнопки ОК, з'явиться розбиття сторінки на фрейми. На рис. 10.34 наведено приклад кадрів шаблону Banner and contents.

У кожному з трьох представлених на сторінці фреймів присутні ідентичні кнопки:

Set Initial Page: вибрати готову сторінку в якості змісту фрейма (кадру).

New Page: створюється нова сторінка для кадру.

Після натискання відповідної кнопки в редакторі відобразиться вибрана сторінка фрейми.

Для управління властивостями фрейма використовується діалогове вікно Frame Properties (рис. 10.35 ), Розкривається командою Frame / Frame Properties.

У ньому задаються розміри і відступи при виведенні фрейма, назва кадру і вихідна сторінка, а також способи подання смуги прокрутки: у міру потреби, завжди, ніколи (рис. 10.36 ).

Межі між фреймами можуть перетягувати курсором миші.

вставка банерів. Банери використовуються для розміщення на Web-сторінці змінюється рекламного тексту або зображень. Для вставки в сторінку банера використовується Менеджер банерів (рис. 10.40 ). Вікно менеджера відкривається за допомогою команди Insert / Component / Banner Ad Manager.

В полях Width і Height вказується ширина і висота банера в пікселях. Для переходу між змінюють один одного зображеннями використовується спосіб, заданий в полі Transition Effect (горизонтальний перехід, вертикальний перехід, розчинення, стиснення, розширення або простий перехід без візуальних ефектів). В поле введення Show each picture for ... задається час показу кожного зображення (в секундах).

За натисканні кнопки банера повинен проводитися перехід на ресурс, вказаний рекламодавцем. Тому в поле Link To наводиться URL-адресу, на який буде здійснюватися перехід.

Для реалізації роботи банера необхідно задати зображення. Для цього в списку Pictures to Display вказують список графічних файлів. Список забезпечений стандартною панеллю навігації (Add - додати, Remove - видалити, Move Up - перенести зображення вище за списком, Move down - перенести нижче).

Для того щоб вставити готовий банер, слід натиснути кнопку ОК вікна менеджера, скасування проводиться натисненням Cancel.

установка гіперпосилань. Для створення гіперпосилання необхідно відзначити текст, який буде служити покажчиком гіперпосилання, і натиснути кнопку на панелі інструментів Create or Edit Link (). На екрані з'явиться діалогове вікно, подібне до того, що показано на рис. 10.41 .

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

При створенні посилання для зображення-карти необхідно клацнути по зображенню і використовувати кнопки на панелі інструментів Image для вказівки трикутних, кругових або багатокутних активних ділянок, пов'язаних з даною посиланням (hot region).

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

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

Перевірка посилань. Якщо в меню Tools обрана команда Verify Hyperlinks, то Провідник (Explorer) повинен виконати перевірку всіх посилань в вузлі, включаючи ті, які ведуть до сторінок, розташованим за його межами. Провідник надає звіт у формі, показаної на рис. 10.42 .

Посилання на сторінки всередині Web-вузла позначаються червоним кружком і словом Broken, якщо виявляється, що вони розірвані. Якщо посилання працює нормально, вона взагалі не виводиться на екран. Посилання на сторінки за межами вузла відзначаються жовтим кружком і знаком. Це означає, що вони повинні ще бути перевірені. Можна перевірити кожне зовнішнє посилання, позначивши її і натиснувши кнопку Verify. Якщо зовнішнє посилання виявляється діючої, Провідник поміщає перед посиланням зелений кружок зі словом ОК. Якщо посилання виявляється розірваної, з'являється червоний кружок зі словом Broken.

Перерахунок посилань. команда Tools / Recalculate Links (Перерахунок посилань) Оновлює те, що видно в кожному з трьох режимів перегляду, щоб відобразити зміни, зроблені авторами.

За допомогою команди Recalculate Links можна:

оновити інформацію про Web-вузлі, візуалізіруемую в режимах оглядового виду, виду на посилання і узагальненого виду;

регенерувати все залежні команди у відкритому Web-вузлі;

оновити індекс, створений компонентом Search bot.

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

збереження документа. Для того щоб зберегти створений документ, використовується команда File / Save as, по якій відкривається діалогове вікно, представлене на рис. 10.43 . У цьому діалоговому вікні можна зберігати документи як звичайний файл або як шаблон.

При одночасній роботі з декількома файлами в меню File), ми застосували такі процедури: При оформленні Web-сторінок можна також скористатися запропонованими в програмному пакеті видами оформлення. Доступ до них відкривається в меню Format / Theme / Choose Theme. За активізації цієї команди відкривається діалогове вікно тим, представлене на рис. 10.50 .

Як приклад реалізації Web-документа в програмному пакеті FrontPage наведемо електронне видання, підготовлене в рамках курсової роботи по електронним виданням, титульний лист якій представлений на рис. 10.51 .

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

У центрі правого фрейма над заголовком електронного видання розміщено вікно з анімацією.

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

Для горизонтального переміщення між розділами перед-дивіться графічні кнопки (рис. 10.53 ), Які дозволяють перегортати матеріал розділів без повернення в зміст.

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

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

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

Тема 3.3: Прикладні програми для створення Веб-сайтів

Тема 3.4: Застосування Інтернет в економіці і захист інформації

Програми для створення сайтів

3.3. Прикладні програми для створення Веб - сайтів

3.3.2. Знайомство з програмою FrontPage

Web-сторінки засновані на мові опису гіпертекстових документів HTML (Hypertext Markup Language). У HTML для визначення змісту і формату гіпертекстових документів використовуються команди, які називаються тегами (tags). HTML - сторінки є документи в звичайному текстовому форматі, що містять спеціальні команди форматування (теги HTML).

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

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

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

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

Після запуску програми FrontPage (Пуск - програми - FrontPage) на екрані з'явиться вікно програми, в якому відображається нова сторінка (нов_стр_1.htm). В області завдань відображається панель Приступаючи до роботи.

Мал. 1.

Вікно прикладної програми FrontPage складається: з рядка заголовка, рядка меню, панелей інструментів редагування і форматування, кнопок швидкого вибору тега (для редагування і введення тегів), ярликів вкладок вибору сторінок (для переходу між сторінками), робочого вікна, в якому відображається нова сторінка , панелі малювання, кнопок режимів перегляду, індикатора очікуваного часу завантаження сторінок при швидкості 56 кбіт / с, індикатора розміру сторінок, області завдань.

У програмі FrontPage можна користуватися одним з чотирьох режимів перегляду: "Конструктор", "Код", "З поділом" і "Перегляд". У режимі "Конструктора" як в будь-якому текстовому редакторі можна в візуальному режимі створювати, редагувати і форматувати сторінку, тобто вводити текст, додавати малюнки, таблиці. При цьому теги мови HTML автоматично додаються в фоновому режимі, але кодування HTML на екрані не відображається.

У режимі "Код" на екрані буде відображатися вся кодування і можна безпосередньо редагувати код HTML, а також вводити нові коди. На малюнку представлений HTML - код нової порожньої сторінки в редакторі FrontPage.

Мал. 2.

У режимі "З поділом" - на екрані відображається Web-сторінка одночасно в режимі Код і в режимі Конструктор. У режимі перегляду Web-сторінка має вигляд аналогічний її відображенню в Web-браузері.

Команди, які призначені для роботи з Web-сторінками і Web-вузлами, розташовані в меню Вид програми FrontPage:

1. Сторінка - це режим перегляду і розробки сторінки.
2. Папки - відображається структура папок поточного сайту.
3. Віддалений вузол - вузол, який знаходиться на сервері мережі Інтернет.
4. Звіти - надається зведення про Web - вузлі.
5. Переходи - відображається структура переходів між сторінками сайту.
6. Гіперпосилання - відкриває список посилань поточної сторінки.
7. Завдання - відкриває список завдань для поточного сайту

Мал. 3.

Створення Web-сторінок в прикладній програмі FrontPage

Створення нової порожній Web-сторінки

Якщо при відкритті вікна програми FrontPage в ньому відображається порожня сторінка, то розробку веб - сторінки можна здійснювати на базі цієї сторінки. Якщо при відкритті редактора FrontPage, відображається пусте головне вікно, то для створення нової порожньої сторінки необхідно виконати команду Файл / Створити і вибрати в області завдань Порожня сторінка. У вікні програми з'явиться порожня сторінка. Далі необхідно здійснити розробку сторінки, тобто виконати розмітку (структуру) сторінки, ввести текст, малюнки і т.д.

Мал. 4.

Створення веб-сторінки на основі шаблонів FrontPage

Створити нову сторінку можна також на базі одного з шаблонів. Для цього необхідно вибрати команду «Інші шаблони сторінок» в області завдань. На екрані буде відображатися вікно діалогу Шаблони сторінок, в якому представлені різні шаблони сторінок за категоріями.

Мал. 5.

Створення веб-сторінки на основі наявних Web-сторінок в ПК

Створити веб-сторінку можна і на базі наявних, на комп'ютері веб-сторінок. Для цього необхідно в області завдань вибрати команду «З наявної сторінки» і у вікні діалогу вибрати потрібну сторінку. Далі можна зробити необхідні зміни на сторінці і зберегти її під іншим ім'ям.

Створення сайту в прикладній програмі FrontPage

Створення нового пустого сайту або створення веб-вузла без вмісту

Для створення нового порожнього сайту треба виконати команду Файл / Створити і вибрати в області завдань команду «Інші шаблони веб-вузлів». Відкриється вікно діалогу Шаблони веб-вузлів, в якому необхідно виділити Порожній веб-вузол і натиснути ОК. У вікні програми FrontPage буде відображатися веб - вузол, який представлений на малюнку.

Мал. 6.

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

Мал. 7.

Двічі клацніть на домашній сторінці лівою кнопкою миші, і вона відкриється в режимі конструктора для редагування (сторінка - index.htm).

Мал. 8.

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

Буде додана Новая страница 1, яка представлена ​​на малюнку. Далі додайте стільки сторінок, скільки необхідно для сайту, потім сторінки можна перейменувати і змінити порядок їх проходження. Далі на кожну сторінку треба ввести зміст або контент (текст, таблиці, картинки і т.д.), в результаті отримаємо сайт.

Мал. 9.

Створення сайту на основі шаблону редактора FrontPage

Для створення сайту на основі шаблону виконайте Файл / Створити і в області завдань клацніть команду Веб - пакети, відкриється вікно діалогу Шаблони веб-вузлів.

Мал. 10.

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

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

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

Щоб виконати оптимізацію HTML-тексту при публікації сторінки, необхідно налаштувати віддалений веб-вузол.

1. У поданні Віддалений веб-вузол на вкладці Веб-вузол натисніть кнопку Оптимізувати опублікований HTML-текст.

2. На вкладці Оптимізація HTML виберіть варіант При публікації оптимізувати код HTML, видаливши наступні елементи.

3. Виберіть потрібні параметри.

Примітки

· Програма Microsoft FrontPage не застосовує ці параметри до веб-сторінок, раніше опублікованими на веб-сайті. Щоб застосувати ці параметри на сторінку, опублікуйте її на веб-сайті.

· Оптимізацію HTML-тексту можна виконати при публікації з локального веб-вузла на віддалений, але не навпаки.

· Якщо встановлений прапорець Усі примітки HTML або Примітки в динамічних веб-сторінках, при оптимізації HTML-тексту програма FrontPage видаляє весь код динамічних веб-шаблонів для цієї сторінки. Тому весь вміст сторінки, пов'язане з динамічним веб-шаблоном, що не буде більше відображатися для відвідувачів вузла. За допомогою веб-компонентів в програмі Microsoft FrontPage в веб-вузол можна включити широкий спектр функціональних можливостей, починаючи від лічильників відвідувань, які реєструють число відвідувачів на сторінці, до фотоколекцій, що представляють собою набори графічних зображень. Існує два види веб-компонентів: компоненти часу розробки і компоненти часу перегляду. Компоненти часу розробки є засобами створення і розробки веб-сторінок. Вони доступні в програмі FrontPage. При додаванні компонента часу розробки в веб-вузол - наприклад, фотоколекції або панелі посилань - не потрібно встановлювати додаткове програмне забезпечення або серверні технології на веб-сервері, на якому розміщений на веб-сайті. Компоненти часу перегляду доступні на веб-вузлах, розміщених на веб-серверах, на яких запущені серверні розширення Microsoft FrontPage Server, служби SharePoint Team Services (Microsoft) або Microsoft Windows SharePoint Services.

· Гіперпосилання - це зв'язок між веб-сторінками або файлами. При натисканні гіперпосилання відвідувачем вузла вказаний в ній об'єкт відображається в браузері, відкривається або запускається в залежності від типу цього об'єкта. Наприклад, при натисканні гіперпосилання на сторінку ця сторінка відображається в браузері, а при натисканні гіперпосилання на avi-файл цей файл відкривається в програвачі Windows. Способи застосування гіперпосилань:

Перехід до файлу або веб-сторінці в локальній мережі, в інтрамережі або в Інтернеті

Перехід до файлу або веб-сторінці, які будуть створені в майбутньому

Відправлення повідомлення по електронній пошті

Запуск передачі файлу, наприклад завантаження файлу або відправки файлу по протоколу FTP

Перехід до закладці

Створивши гіперпосилання, перейдіть по ній до об'єкта призначення, щоб переконатися, що вона веде до потрібної сторінки, програмою, файлу, адресу електронної пошти. При наведенні покажчика миші на текст або малюнок, які містять гіперпосилання, він набуває вигляду руки з піднятим вказівним пальцем, що означає, що цей елемент можна клацнути. У програмі Microsoft FrontPage перехід за гіперпосиланнями і їх відображення виконується по-різному в залежності від об'єкта призначення. При створенні гіперпосилання її призначення кодується в форматі URL (Uniform Resource Locator - універсальний покажчик ресурсів). Адреса URL задає протокол (наприклад, HTTP або FTP) і містить ім'я веб-сервераабо місця в мережі, а також шлях і ім'я файлу, як показано в таблиці.

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

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

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

Способи відображення гіперпосилань: в веб-браузерах текстові гіперпосилання зазвичай підкреслюються і відображаються іншим кольором. Є можливість вибрати кольори, які будуть використовуватися в браузері для відображення гіперпосилань. При використанні стандартних HTML-атрибутів можна вибрати три кольори, що відповідають різним станам гіперпосилань. Гіперпосилання - не використовувати гіперпосилання. Активне гіперпосилання - обрана зараз гіперпосилання. Переглянута гіперпосилання - гіперпосилання, по якій вже був здійснений перехід. Закладкою називається певне місце або обраний текст на сторінці, помічені відповідним способом.

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

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

Перевірка спеціальних можливостей: в Microsoft Ресурси Office FrontPage 2003 представлено новий засіб перевірки спеціальних можливостей на веб-сторінках. Перевірка спеціальних можливостей дозволяє виявити невідповідність певних можливостей методичних рекомендацій по спеціальним можливостям для веб-вмісту (Web Content Accessibility Guidelines, WCAG) WWW-консорціуму (W3C)або вимогам статті 508 закону США про реабілітацію (Section 508 of the U.S. Rehabilitation Act). WCAG закладає основи створення веб-сторінок зі спеціальними можливостями для людей з порушеннями рухливості, зору та слуху. Стаття 508 встановлює стандарти уряду США для спеціальних можливостей широкого спектра інформаційних джерел і технологій.

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

Управління та робота з веб-сторінками - F8

Запуск засобу перевірки доступності - CTRL + N

Створення нової веб-сторінки - CTRL + O

Відкриття веб-сторінки - CTRL + F4

Закриття веб-сторінки - CTRL + S

Збереження веб-сторінки - CTRL + P

Друк веб-сторінки - F5

Оновлення веб-сторінки; оновлення списку папок - CTRL + TAB

Перехід між відкритими веб-сторінками - CTRL + SHIFT + B

Перегляд веб-сторінки в браузері - ALT + F4

Завершення роботи Microsoft FrontPage - CTRL + SHIFT + 8

Відображення недрукованих знаків - CTRL + /

Показ тегу HTML в режимі конструктора - CTRL + F

Пошук тексту або коду HTML на веб-сторінці - CTRL + H

Заміна тексту або коду HTML на веб-сторінці - F7

Перевірка орфографії на веб-сторінці - SHIFT + F7

Пошук слова в довіднику - ESC

Скасування дії - CTRL + Z або ALT + ПРОБІЛ

Скасування останньої дії - CTRL + Y або SHIFT + ALT + ПРОБІЛ

Повернення або повторення дії - DEL

Видалення веб-сторінки або папки зі списку папок або будь-якого діалогового вікна - ПРОБІЛ

Доступ і використання уявлень - F12

Попередній перегляд поточної сторінки в браузері CTRL + PAGE DOWN або CTRL + PAGE UP

Переміщення між уявленнями Код, Конструктор, З поділом і Перегляд - ALT + PAGE DOWN або ALT + PAGE UP

Переміщення між областями Код і Конструктор в поданні З поділом - ALT + F1

Показ або приховування списку папок - Кнопка зі стрілкою ВГОРУ

Перехід по вузлах гіперпосилань в поданні Гіперпосилання - зі стрілкою вгору, вниз, вліво або вправо

Розгортання поточного вузла і перехід направо в поданні Гіперпосилання - SHIFT + СТРІЛКА ВЛІВО

Робота із засобами кодування

Швидкий редактор тегів - CTRL + F2

Вставка тимчасової закладки - F2

Наступна тимчасова закладка - SHIFT + F2

Попередня тимчасова закладка - CTRL + G

Перехід до рядка - CTRL + L

Автозавершення - CTRL + ENTER

Вставка фрагментів коду - CTRL +>

Вставка закриває тега - CTRL +<

Вставка відкриваючого тега - CTRL + /

Вставка приміток HTML - CTRL + ПРОБІЛ

Форматування тексту і параграфів - CTRL + SHIFT + F

Зміна шрифту - CTRL + SHIFT + P

Зміна розміру шрифту - CTRL + B

Застосування напівжирного форматування - CTRL + U

Застосування підкреслення - CTRL + I

Застосування похилого форматування - SHIFT + TAB

Використання піпетки - CTRL + знак «плюс»

застосування надрядковогоформатування - CTRL + знак «мінус»

застосування підрядковогоформатування - CTRL + SHIFT + C

Копіювання форматування - CTRL + SHIFT + V

Вставка форматування - CTRL + SHIFT + Z або CTRL + ПРОБІЛ

Видалення форматування вручну - CTRL + E

Вирівнювання параграфа по центру - CTRL + L

Вирівнювання параграфа по лівому краю - CTRL + R

Вирівнювання параграфа по правому краю - CTRL + M

Завдання лівого відступу для абзацу - CTRL + SHIFT + M

Завдання правого відступу для абзацу - CTRL + SHIFT + S

застосування стилю- CTRL + SHIFT + N

Застосування стилю «Звичайний» - CTRL + ALT + 1

Застосування стилю «Заголовок 1» - CTRL + ALT + 2

Застосування стилю «Заголовок 2» - CTRL + ALT + 3

Застосування стилю «Заголовок 3» - CTRL + ALT + 4

Застосування стилю «Заголовок 4» - CTRL + ALT + 5

Застосування стилю «Заголовок 5» - CTRL + ALT + 6

Застосування стилю «Заголовок 6» - CTRL + SHIFT + L

Редагування і переміщення тексту і малюнків - BACKSPACE

Видалення одного символу зліва - DEL

Видалення одного символу праворуч - CTRL + BACKSPACE

Видалення одного слова зліва - CTRL + DEL

Видалення одного слова праворуч - CTRL + C або CTRL + INS

Копіювання тексту або малюнків - CTRL + X або SHIFT + DEL

Вирізання виділеного тексту в буфер обміну Microsoft Office - CTRL + V або SHIFT + INS

Вставка вмісту буфера обміну - SHIFT + ENTER

Вставка розриву рядка - CTRL + SHIFT + ПРОБІЛ

Виділення тексту і малюнків - SHIFT + СТРІЛКА ВПРАВО

Виділення одного символу праворуч - SHIFT + СТРІЛКА ВЛІВО

Виділення одного символу зліва - CTRL + SHIFT + СТРІЛКА ВПРАВО

Виділення слова до кінця - CTRL + SHIFT + СТРІЛКА ВЛІВО

Виділення рядка до кінця - SHIFT + HOME

Виділення рядка з початку - SHIFT + СТРІЛКА ВГОРУ

Виділення одного рядка вгорі - SHIFT + СТРІЛКА ВНИЗ

Виділення одного рядка знизу - CTRL + SHIFT + СТРІЛКА ВНИЗ

Виділення параграфа до кінця - CTRL + SHIFT + СТРІЛКА ВГОРУ

Виділення одного екрану знизу - SHIFT + PAGE UP

Виділення одного екрану зверху - CTRL + A

Виділення всієї сторінки - ALT + ENTER

Вставка таблиці - TAB

Виділення всіх осередків рядка при знаходженні курсору в осередку.

створення авто- ескізувиділеного малюнка - CTRL + K

Доступ і робота з областю завдань Довідка і вікном довідка - SHIFT + CTRL + ALT + T

Вставка таблиці - TAB

Виділення вмісту наступної комірки таблиці - SHIFT + TAB

Виділення стовпця при знаходженні курсору у верхній або нижній його осередку - CTRL + T

створення авто- ескізувиділеного малюнка - CTRL + K

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

Наприклад, якщо в формі є два перемикача: «Так» і «Ні», і відвідувач вузла намагається відправити форму, не встановивши один з них, з'явиться повідомлення. Можна вимагати, щоб відвідувач вузла вибирав елемент в списку, вказати мінімальне і максимальне дозволене число елементів і заборонити вибір першого елемента, якщо це інструкція, така як «Виберіть елемент». Після установки правил введення даних слід вирішити, як результати повинні оброблятися формою. Після відправки форми відвідувачем вузла необхідно зібрати введені дані - результати форми, можна їх переглянути, відобразити відвідувачеві вузла або певним чином обробити.

Коли відвідувач вузла відправляє форму в браузері, значення всіх її полів, укладені

і

відправляються в обробник форм (Оброблювач форм. Програма на сервері, яка виконується при відправці форми відвідувачем вузла. Кожна форма в Microsoft FrontPage пов'язана з певним оброблювачем форм.). Наприклад, якщо поле форми є текстове поле, то значенням, яке відправляється в обробник форм, є текст, введений в поле. У програмі Microsoft FrontPage є кілька обробників форми, які приймають результати форми і виконують різні операції. Кожен раз при відправленні форми в FrontPage зберігає інформацію в базі даних. Наприклад, при використанні форми для збору відомостей про контакти, можна зберігати результати форми безпосередньо в базі даних замовника. Можна зберігати результати в існуючій базі даних або створити нову за допомогою програми FrontPage. Кожен раз при відправленні форми відвідувачем вузла FrontPage додає до файлу результати, які можна переглянути при наступному відкритті файлу. Наприклад, можна встановити гостьову книгу для відвідувачів веб-сайту і вибрати збереження результатів в HTML-файл, а також створити посилання на цей файл, щоб відвідувачі вузла могли подивитися, що написали інші. У разі збереження результатів в XML-файлі можна використовувати результати в FrontPage або експортувати їх в будь-який додаток, що підтримує дані в форматі XML, наприклад в Office Excel 2003. Кожен раз при відправленні форми відвідувачем вузла буде автоматично відправлятися повідомлення електронної пошти на задану адресу, що містить результати цієї форми.

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

Подання Віддалений веб-вузол дозволяє виробляти публікацію в двох напрямках, тобто легко переміщати файли між віддаленими і локальними настроями. Це найбільш корисно при оновленні раніше опублікованого вузла. У поданні Віддалений веб-вузол на панелях «Локальний веб-вузол» і «Віддалений веб-вузол» відображаються значки з описом, що показує стан публікації файлів. У спільних робочих середовищах оновленням як локальних, так і віддалених веб-вузлів можуть займатися кілька авторів. Програма Microsoft FrontPage буде порівнювати файли на локальному веб-сайті з опублікованими файлами на віддаленому веб-сайті. Далі наведені описи випадків, коли може знадобитися синхронізація локальних і віддалених версій файлів.

Якщо на локальному веб-сайті буде виявлена ​​новіша версія файлу, буде проведена синхронізація для оновлення локального і віддаленого веб-вузла (якщо вручну й вказати інші дії). Можна також вибрати публікацію з віддаленого веб-вузла на локальний вузол. При синхронізації файлів за допомогою вистави «Віддалений веб-вузол» на локальний вузол можуть завантажуватися файли з віддаленого веб-вузла. Якщо файли на віддалений вузол помістив зловмисник, під загрозою може опинитися і локальний вузол. Перед синхронізацією файлів перевірте, що тільки довірені користувачі мають доступ до віддаленого веб-вузла.

Корпорація Майкрософт, творець даної програми, підтверджує свою прихильність політиці посилення безпеки щодо анкетних даних користувачів. Для цього використовуються різноманітні технології та процедури захисту особистих відомостей від несанкціонованого доступу, використання і розголошення. Корпорація Майкрософт має право на свій розсуд поновлювати дійсну заяву про конфіденційність. При кожному такому оновленні змінюється дата поновлення у верхній частині заяви. Оновлене заяву про конфіденційність буде включено в черговий пакет оновлень (SP) для програми Microsoft Ресурси Office FrontPage 2003. Продовження використання програми Microsoft Ресурси Office FrontPage 2003 означає згоду користувача з даною заявою про конфіденційність і всіма її оновленнями. Корпорація Майкрософт з вдячністю прийме будь-які зауваження щодо цієї заяви про конфіденційність.

ВСТУП

метою роботи

теоретичні відомості

Головне меню

«Файл».

«Правка».

«Вид». Папки »,« Список папок » Панелі інструментів.

«Вставка».

«Формат».

«Таблиця».

1.1.2 Панелі інструментів

Мал. 2Вид / Панелі інструментів »

Основні елементи інтерфейсу

При роботі з вузлом, вам постійно доведеться переглядати його в браузері, для чого вам знадобляться наступні елементи інтерфейсу:

Піктограма - « Перегляд в браузері ». Відображається на панелі « Стандартна »(див.Мал. 3 )

Малюнок 3. Піктограма «Перегляд в браузері» на панелі «Стандартна»

проектування сайту

створення вузла

Для створення веб-вузла потрібно зайти в меню « Файл \ Створити ». Справа з'явиться панель Створення. Створювати можна як окремі сторінки, так і цілі веб-вузли. При цьому є можливість користуватися готовими шаблонами. При створенні сайту вони можуть служити непогану службу. Хоча б, як приклад добре спроектованих вузлів. У даній роботі необхідно створити Односторінковий веб-вузол (див.Мал. 4 ) .

Малюнок 4. Односторінковий веб-вузол серед шаблонів веб-вузлів

Після того, як веб-вузол створений, на екрані з'являється список папок (див.Мал. 5 ) . Повернутися до цієї вистави завжди можна з меню « Вид \ Папки ». Можна також використовувати « Вид \ Список папок »(ALT + F1):в цьому випадку список папок і файлів буде займати не основне вікно, а панель зліва.

При розробці сайту насамперед необхідно визначитися з тематикою, підшукати зміст. На цьому етапі необхідно розмістити матеріали для подальшого використання в сайті в папках вузла. Це можуть бути різні зображення, анімації, музика, відео та інші. Розміщувати можна як в кореневій папці вузла, так і у вкладених папках. Ви можете створити нову папку. По-надалі, ви без праці можете поповнювати папки веб-вузла новими файлами, перейменовувати та переносити їх з однієї папки в іншу - FrontPage автоматично змінить шляху до цих елементів у всіх сторінках вузла. Ця функція FrontPage надзвичайно важлива, так як деякі з сторінок вашого вузла, можливо, будуть згенеровані автоматично і імена файлів будуть, наприклад: нов_стр_1.htm. При розміщенні на сервері з ОС Linux, сторінка буде працювати неправильно. Правилом хорошого тону є використання в назвах тільки букв латинського алфавіту і цифр .

Малюнок 5. Папки

Розробка структури сайту

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

Для цього у FrontPage є уявлення «Переходи».Щоб відкрити його, відкрийте пункт меню «Вид \ Переходи»або «Вид \ Область переходів».

Для створення сторінки необхідно виділити батьківську сторінку, натиснути правою кнопкою миші і з контекстного меню вибрати « Створити \ стор »або натиснути CTRL + N. Для включення великих підрозділів нижче другого рівня можна використовувати панель посилань ( «Створити \ Призначена для користувача панель посилань»).Панель посилань не є окремою сторінкою. При посиланні на неї відкривається перша сторінка з підрозділу. Для додавання сторінок можна користуватися також кнопками на панелі переходів () - результат той же, але набагато простіше. По-надалі, на основі сформованої структури переходів можна буде створити панель посилань.

При складанні структури бажано відразу ж змінювати назви: «Новая страница 1», «Нова сторінка 2», або «Нова панель посилань» і т.д. змінювати на більш осмислені назви: «Архіви», «Контакти», «Посилання», «Галерея» і т.д.

Додані сторінки автоматично додаються і в список папок.

Імена файлів бажано також перейменувати, використовуючи при цьому тільки латинський алфавіт і цифри.

Приклад структури вузла представлений на рис. 6.

Домашня сторінка має кілька дочірніх. Ті, в свою чергу, теж має дочірні сторінки. Ці сторінки можуть бути включені в загальні меню (панелі посилань на основі структури переходів), які відображаються на всіх сторінках сайту. У деяких випадках зручніше скористатися призначеними для користувача панелями посилань, особливо, коли є великий розділ на рівні нижче другого. Сторінки в призначеній для користувача панелі посилань не можуть мати дочірні сторінки.

Малюнок 6. Додавання сторінки в Структуру вузла

Розмітка сторінки

Після розробки структури сайту потрібно продумати розмітку сторінок: які елементи, на якій ділянці сторінок розміщувати. На цьому етапі на кожній сторінці бронюється місце під майбутні елементи дизайну.

загальні кордону

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

Для цього використовуються ЗАГАЛЬНІ КОРДОНУ(Викликаються з меню « Формат \ Загальні кордону »).

Можна налаштувати спільні кордони зверху, зліва, справа і знизу (див.Мал. 7 ) . При цьому можна включити автоматично додаються кнопки переходів і малюнок (рисунок повинен бути попередньо поміщений в список папок веб-вузла). При активізації мітки « включити кнопки переходів »автоматично буде включено дочірнє меню(Посилання на дочірні сторінки). Часто потрібне, щоб на всіх сторінках було присутнє Головне меню(Посилання на домашню станицю + дочірні сторінки домашньої). Для цього треба на будь-якій сторінці натиснути правою кнопкою миші по панелі посилань, в контекстному меню вибрати « Властивості панелі посилань »і змінити властивості.

Якщо на деяких сторінках повинні бути інші спільні кордони, треба в поданні « Список папок »виділити ці сторінки і застосувати « ЗАГАЛЬНІ КОРДОНУ »до виділених сторінок.

Малюнок 7. Загальні кордону

У конструкторі спільні кордонивідображаються штриховими лініями: будь-який елемент всередині цих кордонів буде видно на всіх сторінках сайту (див. рис. 8).

Малюнок 8. Панелі посилань в спільних кордонах

Примітка: Якщо підтримка спільних кордонів відключена, то щоб її включити, необхідно зайти на закладку « Сервіс \ Параметри сторінки \ Розробка »і активізувати мітку « ЗАГАЛЬНІ КОРДОНУ »(Див. Рис. 9).

Малюнок 9. Включення компонента «Загальні кордону»

панелі посилань

панелі посиланьявляють собою список посилань, укладений всередині прямокутної області.

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

Таблиці. макетні таблиці

таблиці- одне з найбільш перших і найбільш популярних досі засобів розмітки сторінки. нововведенням є макетні таблиці- шаблони таблиць. При виклику з меню « Таблиці \ Макетні таблиці і осередки »з'являється панель макетних таблиць (див. рис. 13), з якої ви можете підібрати найбільш вподобаний вам макет, який ви можете при необхідності змінити, об'єднуючи або роз'єднуючи осередки.

На жаль, при застосуванні на сторінку компонента « Спільні кордони », Макетні таблиці використовувати не можна. В цьому випадку можна скористатися звичайними таблицями ( « Таблиця \ Вставити \ Таблиця »), Відформатувавши їх відповідним чином.

Малюнок 13. Макети таблиці

Наповнення сайту

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

зображення

Для вставки зображень використовується меню « Вставка \ Малюнок ».

Можна вставляти малюнки з файлу або картинки з вбудованої колекції Microsoft Office. Тут можна також вставити flash-анімацію або фотоколекцію.

фотоколекція- це набір малюнків, кожен з яких може бути переглянутий окремо. При налаштуванні властивостей фотоколекції (див. Рис. 14) на закладці «Малюнки»потрібно додати малюнки і описи до них, на закладці « макет »вибрати - спосіб представлення малюнків.

Малюнок 14. Створення колекції фотографій

Для вставки гіперпосилання необхідно в конструкторі написати текст або вставити малюнок, виділити область, після чого зайти в меню « Вставка \ Гіперпосилання »(CTRL + K).З'явиться вікно (див. Рис. 15), в якому треба налаштувати параметри гіперпосилання.

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

на місце в документі (закладку).Для створення такого посилання, потрібно натиснути кнопку « Закладка »і далі вибрати закладку зі списку. (Закладка повинна бути створена заздалегідь. Для створення закладки потрібно встановити курсор в місці створення закладки, після чого вибрати пункт меню « Вставка \ Закладка »).

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

Під час налаштування гіперпосилань також можна вказати, в якому вікні повинна бути відкрита сторінка (в тому ж, у новому, ...). Для цього потрібно натиснути « Вибір рамки »і вибрати відповідний пункт.

Можна налаштувати стиль, натиснувши кнопку « стиль »і вибравши в полі « клас »клас, створений раніше (питання створення стилі розглядається в розділі 5.1.2 Стилі). Там же (в вікні « стиль »після натиснення відповідної кнопки) можна налаштувати стиль тільки для даного елемента, натиснувши кнопку « формат ».

мінливі кнопки

Мінливі кнопки представляють собою різновид гіперпосилання: кнопка-малюнок, при натисканні на яку, здійснюється перехід на іншу сторінку. Для вставки кнопок зайдіть в пункт меню « Вставка \ Змінюється кнопка ». Виберіть відповідну кнопку, введіть текст для відображення на екрані і адреса сторінки, до якої повинен здійснюватися перехід при натисканні на кнопку.

шари

Шари потрібні, коли необхідно на одній ділянці сторінки розмістити кілька елементів, наприклад: текст поверх малюнка. Для цього потрібно зайти в меню « Вставка \ Шар ». З'явиться прямокутна область з синьою кордоном (див. Рис. 17). Перенесіть її в потрібне місце. Тепер ви можете в шарі писати текст поверх малюнка.

Малюнок 17. Використання шару

оформлення вузла

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

форматування

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

Теми включають шпалери, задані стилі відображення тексту, посилань. викликаються « Формат \ Тема ». Теми можуть бути застосовані, як до окремої сторінки, так і для всіх сторінок за замовчуванням.

властивості сторінки

вікно « Властивості сторінки »дозволяють відформатувати елементи сторінки і підготувати сторінку до публікації.

Для того щоб відкрити вікно властивостей сторінки, Потрібно в режимі конструктора клацнути в будь-якому місці сторінки і в контекстному меню вибрати « Властивості сторінки ».

В даному вікні 6 закладок.

На закладці « Загальна »(див.Мал. 20 ) відображається основна інформація про сторінку. При публікації особливий інтерес представляє поле « Ключові слова". За словами, введеним в цьому полі, буде здійснюватися пошук пошуковими серверами.

Малюнок 20. Властивості сторінки: Загальні

На закладці « Форматування »(див.Мал. 21 ) є можливість налаштувати кольору для всіх основних елементів на сторінці.

Малюнок 21. Властивості сторінки: Форматування

На закладці « додатково »можна налаштувати відступи, а також задати динамічні ефекти для всіх гіперпосилань. Наприклад, щоб при наведенні на будь-яку з посилань сторінки, її колір змінювався на червоний, потрібно поставити галочку « Включити ефекти виділення гіперпосилань », Клацнути по кнопці « Стиль виділення », Налаштувати шрифт (див. Рис. 22). Більш детально динамічні ефектибудуть розглянуті в розділі 5.2 Динамічні ефекти.

Малюнок 22. Налаштування ефекту виділення гіперпосилань

Іноді редактор за замовчуванням вибирає неправильну кодування. В цьому випадку в браузері замість слів російською мовою відображаються незрозумілі символи. Щоб цього уникнути потрібно поля на закладці « Мова"налаштувати, як показано на рис. 23.

Малюнок 23. Налаштування мови та кодування

стилі

Можна створити власні стилі. Для цього потрібно зайти в меню « Формат \ Стиль ». Стилі можна привласнювати окремих елементах HTML-розмітки або створювати призначені для користувача стилі, які в подальшому можуть бути застосовані до обраних елементів. Наприклад, щоб всі посилання за замовчуванням були зелені, потрібно вибрати тег A, створити стиль, ввести ім'я, натиснути кнопку « формат », Вибрати пункт « шрифт», У вікні вибрати зелений колір (див. Рис. 24).

Малюнок 24. Створення стилю для тега A

Якщо потрібно, щоб не все, а тільки деякі посилання були певного кольору, потрібно створити і налаштувати призначений для користувача стиль (клас)(Див. Рис. 25).

Малюнок 25. Створення класу

У вікні " стиль»Будуть представлені всі створені стилі (див. Рис. 26).

По-надалі, щоб застосувати цей клас до гіперпосиланням, потрібно зайти в « Властивості гіперпосилання », Перейти на закладку « стиль »і вибрати відповідний клас (в даному випадку стиль 1).

Малюнок 26. Список створених стилів

таблиці стилів

Можна використовувати готові таблиці стилів, в яких вже прописані стилі для кожного елемента. Для цього потрібно створити нову сторінку (НЕ вузол), використовуючи один з шаблонів таблиць стилів. Вибрати меню «Файл / Створити», потім в що з'явилася справа панелі вибрати пункт «Інші шаблони сторінок ...», у вікні вибрати закладку «Таблиці стилів», після чого вибрати один із шаблонів (див. Рис. 27).

Малюнок 27. Шаблони таблиць стилів

Після створення сторінки, вона повинна бути збережена в папці веб-вузла, а потім пов'язана з веб-сторінкою ( « Формат \ Зв'язки з таблицями стилів ») (див.Мал. 28 ) .

Малюнок 28. Зв'язок з таблицею стилів

динамічні ефекти

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

В розділі 5.1.1 Властивості сторінкивже було розглянуто формування ефектів виділення для гіперпосилань.

зміна сторінок

Зміна сторінок дозволяє вибрати динамічний візуальний ефект, який запускається при завантаженні поточної сторінки: Поява зверху, знизу, жалюзі вертикальні, ... Для вибору ефекту треба зайти в « Формат \ Зміна сторінок ». Тут ви зможете підібрати вподобаний вам ефект і налаштувати тривалість.

ефекти DHTML

Найпростіші ефекти (наприклад, зміна кольору посилання при наведенні курсору) можна налаштувати на панелі « ефекти DHTML». Для цього спочатку потрібно відобразити цю панель інструментів ( « вид \...»).

Наприклад: щоб замінювати картинку по клацанню миші, потрібно виділити картинку, вибрати подія « клацання", дія " заміна»І малюнок (див. Рис. 29).

Малюнок 29. Створення ефекту DHTML

Поведінка

Якщо описаних можливостей недостатньо, можна скористатися панеллю « Поведінка" (« Формат \ Поведінка »). Тут можна практично для будь-якого блочного елемента вибрати дію, яке має запускатися, і подія, при якому ця дія запускається.

Робота з даними інструментом будується наступним чином:

1. У поданні « сторінка »натисніть в нижній частині вікна документа кнопку « конструктор ».
2. У меню " формат »виберіть команду « Поведінка".

3. Виділіть на сторінці елемент, поведінка якого потрібно змінити, наприклад текст або малюнок.

1. В панелі задач « Поведінка"натисніть кнопку " вставити », А потім виберіть потрібну дію.
2. У діалоговому вікні виберіть необхідні параметри і натисніть кнопку « OK ».

6. Щоб вибрати подія, в групі « події »виділіть подія за замовчуванням, потім перейдіть до події.

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

публікація вузла

Перед публікацією необхідно перевірити текст на наявність орфографічних помилок ( « Сервіс \ Орфографія або F7 »).

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

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

Іноді виникає необхідність в створенні копії веб-вузла і збереженні цієї копії в певному розташуванні на жорсткому або на мережевому диску. Засіб публікації Microsoft FrontPage надає зручний спосіб створення такої копії.

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

Перед публікацією потрібно спочатку ввести ключові слова в вікні « Властивості сторінки ».

Для публікації зайдіть в пункт меню « Файл \ Опублікувати вузол ». З'явиться вікно, в якому ви зможете вказати, як і де публікувати вузол (див. Рис. 30). Якщо ви викладаєте вузол в Інтернет, зручніше використовувати « протокол FTP »(Він підтримується практично всіма серверами). Якщо вузол розміщується в локальній мережі або тим більше на тому ж комп'ютері, слід вибрати пункт « Файлова система ».

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

Малюнок 30. Публікація вузла

Порядок виконання роботи

Результатом роботи має стати створений студентом сайт зі зручною системою навігації, що містить всілякі елементи гіпертексту (текст, посилання, зображення, фотоколекції, біжучий рядок та інше), а також динамічні ефекти і форму зворотного зв'язку. Мінімальна кількість сторінок сайту визначається числом студентів, що беруть участь в його розробці: 8 - для одного, 10 - для двох, 12 - для трьох.

2.1 Робота, яка виконується студентом самостійно до початку роботи в комп'ютерному класі

1. Розробити структуру сайту за обраною вами тематиці (показати діаграму сторінок сайту і зв'язків між ними письмово або в електронному вигляді). Приклад структури див. У розділі «Розробка структури сайту» на стор. 8.

2. Підготувати зміст сайту: текстові матеріали, таблиці, зображення. (Повинні бути представлені текстові документи і файли зображень).

Вимоги до форми представлення результатів роботи

Результати роботи пред'являються у вигляді веб-вузла (папки зі сторінками сайту) і звіту. Звіт може бути пред'явлений в електронному або роздрукованому вигляді.

Структура звіту представлена ​​нижче.

Титульний лист

Мета роботи

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

завдання

Створити сайт на тему<указать тему>

<Остальные задания взять из параграфа «Робота в комп'ютерному класі»(Див. Стор. 24)>

структура сайту

<Вставить скриншот из представления «Переходы».>

<Представить скриншоты всех страниц сайта с кратким описанием назначения страниц и хода их разработки>

висновки

<Перечислить действия, выполненные и освоенные в ходе работы.>

література

1. http://www.microsoft.com/rus/office/FrontPage/Default.mspx - Загальні відомості про FrontPage 2003

2. http://www.microsoft.com/rus/smallbusiness/products/howto/buildwebsitefrontpage.mspx - Створення веб-вузлів за допомогою FrontPage 2003

3. Microsoft FrontPage 2003. Російська версія - М. Еком, 2005

ВСТУП

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

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

Завдання наведені на сторінці 24. Їх випереджають теоретичні відомості, що описують основні елементи інтерфейсу, можливості, інструменти MS Frontpage і прийоми роботи з ними.

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

теоретичні відомості

Інтерфейс Microsoft FrontPage 2003

FrontPageявляє собою WYSIWYG- редактор HTML (what you see is what you get - що бачите, те й отримуєте). Це означає, що в браузері веб-сторінки будуть виглядати так само, як і в редакторі.

Робота в редакторі Frontpage дуже схожа на роботу з текстовим процесором, подібним Microsoft Word. Інтерфейси двох редакторів, як і всіх додатків, що входять в пакет Microsoft Office, багато в чому схожі: ті ж стандартні кнопки, практично ті ж пункти в головному меню, відповідно ті ж основні елементи: текст, гіперпосилання, зображення, таблиці, діаграми, інші об'єкти . Форматування (настройка шрифту, відступів та інше) здійснюється приблизно так само, як і в Microsoft Word. Передбачається, що читачі вже мають базові навички використання цих елементів. Тому питання додавання основних елементів гіпертексту на сторінку і їх форматування будуть розглянуті лише поверхово.

Незважаючи на значну схожість з Word, Frontpage є професійним програмним продуктом для створення сайтів, що визначає істотні відмінності.

Якщо Word призначений для роботи з окремим документом, то Frontpage - для роботи з цілим веб-вузлом, що складається з багатьох файлів і папок. Наявність у Frontpage уявлень « Список папок »і « переходи »полегшує пошук і перехід від однієї сторінки до іншої і формування зв'язків між ними. інструмент « Спільні кордони »дозволяє виділяти на всіх (або певних) сторінках частину простору, елементи на якій збігаються. Таким чином, додавши або змінивши зображення або меню з посилань на одну зі сторінок в цих спільних ділянках сторінки, ці зміни автоматично відобразяться на всіх інших. Це значно полегшує роботу по формуванню заголовної області ( «шапки») сторінки і головного меню. панелі посиланьспрощують формування меню посилань, а оголошення дозволяють автоматично писати заголовок сторінки. Динамічні ефекти дозволяють створювати візуальні ефекти, такі як: зміна зображення по клацанню миші, зміна кольору посилання при наведенні курсору, або ефектна поява вмісту сторінки при завантаженні.

Малюнок 1. Інтерфейс FrontPage

на Мал. 1представлений інтерфейс редактора Microsoft Frontpage 2003.

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

Зліва уявлення Список папок. Справа основне вікно редактора веб-сторінки.

Для роботи зі сторінкою існує 4 основні режиму (вказані в рядку внизу сторінки):

«Конструктор».Основний режим. В даному режимі можна додавати, змінити, видаляти елементи. При цьому їх положення на сторінки буде таке ж, як в браузері.

«Код». HTML-код сторінки.

«З поділом».Поєднання попередніх режимів. Розділяє вікно на 2 частини: в одній конструктор, в інший HTML-код.

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

Головне меню

Головне меню складається з пунктів:

«Файл».Забезпечує роботу з файлами: створення, відкриття і збереження веб-сторінок і веб-вузлів цілком, публікацію вузла, експорт та імпорт

«Правка».Забезпечує стандартні можливості редагування

«Вид».Дозволяє вибирати представлення сторінок вузла. Найцікавіші пункти: « Папки »,« Список папок »для роботи з окремими файлами і папками вузла, « Переходи »,« Область переходів »для настройки структури сторінок в вузлі. Тут також можна налаштувати Панелі інструментів.

«Вставка».Забезпечує можливість вставки елементів в веб-сторінку. Найбільш важливі пункти: « Шар »,« Панель посилань »,« Веб-компонент »,« Форма »,« Малюнок »,« Змінюється кнопка »,« Закладка »,« Гіперпосилання ».

«Формат».Меню форматування. Містить можливості форматування шрифту, абзаців, вибору теми, налаштування стилів і спільних кордонів.

«Таблиця».Меню для роботи з таблицями, в тому числі макетного.

У головному меню також є вікна: « Сервіс »,« Дані »,« Рамки »,« Вікно »,« Довідка ».

1.1.2 Панелі інструментів

Основні панелі інструментів редактора MS FrontPage представлені на Мал. 2. Щоб включити / вимкнути ту чи іншу панель, потрібно зайти в пункт меню « Вид / Панелі інструментів »або натиснути правою кнопкою миші по одній з панелей редактора і вибрати потрібну панель.

Малюнок 2. Список панелей інструментів

Завдання 1. Створення Web-сайтів засобами MS FrontPage

Виконуючи попередні завдання, ви познайомилися з можливостями мови HTML для створення Web-сайтів. Хоча освоєння цієї мови не дуже важка справа, однак створення дійсно ефективного Web-сайту -кропотлівая завдання, що вимагає значних навичок і знань. Спростити підготовку матеріалів для публікації в мережі Інтернет може використання коштів MS Office. Однак для великих сайтів цей інструмент не завжди виявляється зручним, оскільки в ньому відсутні можливості редагування сайту в цілому, немає сервісних засобів перевірки коректності підготовлених документів і т.д. Крім того, форматування документів засобами MS Office, розглянутими вище, відбувається за принципом WYSIWYG - відповідності його реального образу змістом. Однак технічні засоби користувачів дуже відрізняються один від одного і розробник сайту може бачити його інакше, ніж користувач мережі, тобто, принцип відповідності порушується. Все це є суттєвим обмеженням застосування Ms Office (Word, Excel, Power Point) для розробки сайтів.

Разом з тим, роботу зі створення Web-сайтів можна автоматизувати, і одним з таких інструментів є MS FrontPage - спеціалізований редактор Web-сторінок.

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

Створення Web-сайту складається з трьох основних етапів:

§ проектування структури вузла;

§ створення сторінок, що входять в структуру;

§ визначення зв'язків між сторінками.

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

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

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

Припустимо, що розробляється нами сайт буде складатися з трьох сторінок:

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

Сторінка "Прайс-лист" (файл price.htm) подає відомості про товар такі як назва, ціна і характеристика.

Сторінка "Замовлення" (файл order.htm) повинна забезпечити можливість оформити замовлення і внести свої пропозиції виробнику.

Схематично структуру такого сайту і потоки інформації між сторінками можна представити у вигляді рис. 4.1.

Мал. 4.1. структура сайту

Для створення структури Web-сайту необхідно здійснити завантаження програми MS FrontPage і виконати команду File / New / Web(Файл / Новий / Web) , а потім в діалоговому вікні New(Рис. 4.2) вказати тип сайту (One Page Web)і місце його розташування.

Мал. 4.2. Структура вікна MS FrotnPage

Створений сайт зберігається в новій папці (за замовчуванням My Webs), яка поміщається на локальний диск або на сервер Web. Його можна згодом відкрити за допомогою команди File / Open Web ...або вибрати зі списку останніх відкритих вузлів (команда File / Reсent Webs).

Вікно додатка FrontPage містить три частини:

§ панель Views(Подання) містить ярлики для відображення різних уявлень Web-сайту;

§ панель Folder Listвідображає дерево файлів і папок, складають фізичну структуру вузла;

§ вікно для роботи з обраним поданням.

панель Viewsдозволяє виконати перегляд Web-сайту в наступних режимах:

§ Page view(Перегляд сторінки);

§ Folders view(Перегляд папок);

§ Reports view(Перегляд звіту);

§ Navigator view(Перегляд в режимі навігації);

§ Hyperlinks view(Перегляд гіперпосилань);

§ Тasks view(Перегляд завдань).

Для збереження станиці Web-сайту, розташованої в активному вікні FrontPage, використовується команда File / Save(Файл / Зберегти). Якщо Web-сторінка жодного разу не зберігалася, з'явиться діалогове вікно Save As(Зберегти як).

Нові Web-сторінки можна створювати декількома способами. Наприклад, для створення сторінки "Прайс-лист" встановіть курсор в список папок Folder Listі виконайте команду File / New / Page(Файл / Створити / Сторінка). Використовуючи контекстне меню і команду Rename(Перейменувати), введіть ім'я файлу price.htm. Для створення наступної сторінки "Замовлення", призначеної для введення інформації від покупців і постачальників скористайтеся кнопкою New Pageна панелі інструментів. Визначте ім'я нового файлу як order.htm.

Для включення сторінок в структуру сайту перетягніть файли з панелі Folder Listв вікно роботи в режимі Navigation.

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

§ Normal - редагування сторінки в режимі WYSIWYG, тобто коли сторінка представлена ​​так як вона буде виглядати Internet Explorer;

§ HTML - редагування сторінки в текстовому поданні;

§ Preview - перегляд і тестування сторінки.

Щоб уявити принципи редагування Web-сторінок, виконаємо відкриття сторінки index.htm. Існує кілька способів відкриття сторінок в FrontPage. Можна використовувати команду File / Open(Файл / Відкрити) або клацнути на кнопці Open(Відкрити) панелі інструментів стандартна. Спробуйте відкрити сторінку, двічі клацнувши на імені файлу сторінки в одному з режимів - F olders, Hyperlinks, Navigatorабо Page. Web-сторінка відкриється в режимі Page / Normalі буде доступна для редагування. Введіть текст, відповідний змісту Домашньої сторінки (рис.4.3). Зверніть увагу, що ефектним засобом структуризації документа є застосування заголовків для різних абзаців тексту.

Для створення заголовка встановіть курсор на абзаці, для якого ви хочете застосувати стильове форматування, а потім виберіть один з шести рівнів заголовків в списку Style(Стилі) на панелі інструментів форматування.

Для створення логічних розділів на Web-сторінці застосовуються горизонтальні лінії, установка яких проводиться за допомогою команди Insert / Horizontal Line(Вставка / Горизонтальна лінія). Для зміни зовнішнього вигляду горизонтальної лінії необхідно:

§ виділити горизонтальну лінію;

§ з контекстного меню вибрати пункт Horizontal Line Properties(Свойcтва горизонтальної лінії) і встановити в діалоговому вікні ширину ( Width), Висоту ( Height), Колір ( Color) І розташування на сторінці ( Alignments).

Мал. 4.3. Домашня сторінка

Попередньо перегляньте результатів форматування сторінки, клацнувши на ярлику Preview. Це режим не може відтворити всі нюанси відредагованою сторінки, як не може цього зробити ніякої редактор. Остаточний перегляд Web-сторінки слід виробляти Web-браузером. Для запуску браузера використовуйте команду File / Preview in Browser(Файл / Переглянути браузером). У діалоговому вікні Preview in Browserвиберіть один з браузерів, встановлених на вашому комп'ютері, встановіть розмір вікна браузера в групі параметрів Window Size(Розмір вікна) і натисніть кнопку Preview. Якщо сторінка не була раніше збережена, то з'явиться діалогове вікно Save As(Зберегти як).

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

Створити навігаційні панелі можна наступним чином:

§ Виберіть команду Format / Shared Borders(Формат / Загальні поля) в одному з режимів - Folders,Hyperlinks,Navigatorабо Page.

§ У діалоговому вікні Shared Borders(Рис. 4.4) вкажіть сторінки, на яких потрібно відображати загальні поля (на всіх або на виділених сторінках), визначте розміщення загальних полів і кнопок навігації.

Мал. 4.4. Діалогове Shared Borders (

Додавання панелі навігації здійснюється командою Insert / Navigation Bar.

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

Для застосування теми необхідно виконати команду Format / Themes(Формат / Тема), що відкриває діалогове вікно Themes для вибору теми і налаштування її властивостей - рис. 4.5. Так, установка опцій Vivid Colors(Яскраві кольори) робить колір деяких блоків тексту або графічних об'єктів більш яскравими, Active Graphics(Активна графіка) створює анімацію деяких елементів Web-сторінки, Background Image(Фоновий візерунок) додає текстуру фону на Web-сторінку, Apply Using CSS(З використанням таблиці стилів) дозволяє використовувати каскадні таблиці стилів.

Мал. 4.5. Вікно Themes (Тема)

Застосуйте до сайту, над яким ми працюємо, одну з тем і порівняйте отримані результати з рис. 4.6.

Мал. 4.6. Зовнішній вигляд Домашньої сторінки з використанням теми

Завдання 2. Оформлення таблиць засобами MS FrontPage

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

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

§ в режимі Pageвиберемо файл price.htm і встановимо курсор в те місце Web-сторінки, де ми припускаємо розмістити лівий кут таблиці;

§ створимо на сторінці "Прайс-лист" таблицю, що складається з чотирьох рядків і трьох стовпців, використовуючи команду Table / Insert / Table(Таблиця / Вставити / Таблиця). Якщо відобразиться діалогове вікні Insert Table (Вставити таблицю) в поле Rows(Число рядків) і в полі Columns(Число стовпців) введемо число 3.

§ заповнимо таблицю інформацією відповідно до рис. 4.7. Іншу інформацію, представлену на сторінці, введемо кілька пізніше.

Мал. 4.7. Web-сторінка Прайс-лист

Після створення таблиці ви можете змінити її вигляд в діалоговому вікні Table Properties(Властивості таблиці). Виберіть для цього будь-яку клітинку таблиці і виконайте команду Table / Properties / Table(Таблиця / Властивості / Таблиця). У діалоговому вікні Table Properties(Рис. 4.8) установці доступні наступні опції:

Мал. 4.8. Діалогове вікно Table Properties (файл F_Table_Properties)

Група Layout (розташування):

Alignment(Вирівнювання) - встановлює вид вирівнювання таблиці по горизонталі щодо ширини Web-сторінки;

Float(Обтікання) - дозволяє розташувати текст, який не входить в таблицю ліворуч або праворуч від таблиці.

Cell padding(Поля осередків) - визначає розмір відступів в пікселях від країв комірки до заповнюють її елементів (за замовчуванням приймається рівним 1);

Call spacing(Крок осередку) - визначає відстань в пікселях між прилеглими осередками (по умолчнію приймається рівним 2).

Група Borders (межі)змінює товщину ліній і кольору обрамлення таблиці. Обрамлення складається з двох ліній - світлої і темної і застосування різних кольорів до них створює ефект тривимірного зображення:

Light Border(Світла межа) - визначає колір світлої лінії;

Dark Border(Темна межа) - визначає колір темної лінії;

Border(Кордон) - визначає колір обрамлення, якщо опції Light Borderі Dark Borderвизначені за замовчуванням (Default) /

Група Background (Фон):

Color(Колір) - дозволяє встановити колір фону таблиці;

Use background picture(Використовувати фоновий малюнок) - дозволяє вибрати малюнок, який буде обраний в якості фону в таблиці.

При бажанні ви можете розмістити заголовок перед таблицею. З цією метою:

§ Встановіть курсор в будь-яку клітинку таблиці і виконайте команду Table / Insert / Caption(Таблиця / Вставити / Підпис). Покажчик вставки тексту переміститься над таблицею по центру.

§ Введіть текст підпису, наприклад, дату поновлення таблиці.

Завдання 3. Створення посилань і форм на сторінках засобами MS FrontPage

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

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

Перегляд всіх посилань, що відносяться до обраної сторінці, можна здійснити в режимі Hyperlinks.

Розглянемо деякі способи створення гіперпосилань на прикладі подальшого оформлення Web-сторінки "Прайс-лист". Спочатку введіть всю вихідну інформацію на редаговану сторінку відповідно до рис. 4.7. Потім для створення посилання на закладку необхідно:

§ Створити закладки з використанням команди Insert / Bookmark(Вставити / Закладка).

§ Виділити текст або об'єкт, при вказівці на який потрібно перейти по посиланню і виконати команду Insert / Hyperlink(Вставка / Гіперпосилання).

§ У діалоговому вікні - рис. 4.9, виділити сторінку, на якій розміщені закладки, і вибрати потрібну закладку зі списку Bookmark(Закладка).

Мал. 4.9. Діалогове вікно Insert Hyperlinks (створення гіперпосилання)

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

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

Крім звичайних посилань у вигляді тексту або малюнків, додаток FrontPage дозволяє створювати так звані карти - графічні зображення, яким призначено посилання. Клацання по активній зоні дозволяє перейти за вказаним URL. Можна призначити посилання цілого малюнку або окремому фрагменту. Розглянемо цю операцію на прикладі оформлення Web-сторінки "Замовлення". Підготуйте невеликий малюнок, зберігши його в папці Imagesвашого сайту, і тільки потім вставте його на сторінку "Замовлення". Далі створення карти необхідно проводити в наступній послідовності:

§ виберіть малюнок на сторінці. На екрані відобразиться панель інструментів Pictures;

§ використовуючи інструмент малювання прямокутника, еліпса, багатокутника, намалюйте контур на активній зоні зображення;

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

Мал. 4.10. Фрагмент сторінки оrder.htm

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

Деякі розробники вважають за краще розробляти форми самостійно. Для цього за допомогою панелі інструментів Form(Форма) створюється нова форма, в яку потім поміщаються елементи управління, текст і графічні об'єкти.

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

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

Для введення прізвища, імені, по батькові та іншої текстової інформації доцільно вибрати однорядкове текстове поле On-line Text Box. Це поле має такі властивості, відображені в діалоговому вікні (рис. 4.11):

Мал. 4.11. Діалогове вікно Text Box Properties

Name(Ім'я) - ім'я елемента управління, що служить для ідентифікації його даних.

Initial value(Початкове значення) - символи, що відбиваються після відкриття форми.

Width in characters(Кількість символів) - довжина текстового поля в символах.

Tab order(Порядок перебору) - визначає порядок перебору елементів управління при натисканні клавіші Tab.

Password field(Пароль) - встановлюється Yesпри необхідності введення пароля.

Для фіксації замовлення товару слід використовувати поле Check Box(Прапорець). Властивості цього поля складаються описи його імені, пересилається на сервер значення і вказівки і необхідності його встановлення при відкритті форми.

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

Мал. 4.12. Діалогове вікно Drop-Down Menu

У цьому вікні надається можливість заповнити або змінити список, що розкривається:

§ кнопка Add(Додати) - додавання елементів списку;

§ кнопка Modify(Змінити) -зміна імені, значення або початкового стану записи;

§ кнопка Remove(Видалити) - видалення рядки зі списку;

§ Move Up(Вгору) і Move Down(Вниз) -зміна розташування записів.

За замовчуванням в діалоговому вікні встановлена ​​опція, що дозволяє вибрати тільки одну запис зі списку. Для вирішення множинного вибору в рядку Allow multiple selections(Дозволити множинний вибір) необхідно встановити значення перемикача в позицію Yes(Так).

При самостійному створенні форми необхідно вказати засіб для обробки даних, що пересилаються на сервер. З цією метою відкрийте контекстне меню, клацнувши правою кнопкою миші в будь-якому місці форми, і виберіть рядок Form Properties(Властивості форми) - рис. 4.13.

Мал. 4.13. Діалогове вікно Form Properties

У цьому діалоговому вікні пропонуються різні засоби обробки форми:

§ Send to File name(Направити в файл);

§ Send to E-mail(Направити по електронній пошті);

§ Send to other(Інше).

Після вибору способу обробки даних, наприклад, напрямки даних в файл, необхідно встановити опції в діалоговому вікні (Параметри збереження результатів форми) - ріс.4.14. Доступ до цього вікна здійснюється натисканням кнопки Options (Параметри) діалогового вікна Form Properties(Властивості форми).

Мал. 4.14. Діалогове вікно Options of Form

Дане вікно має чотири вкладки:

§ File Results(Запис результатів у файл);

§ E-mail Results(Відправка результатів електронною поштою);

§ Confirmation Page(Сторінка підтвердження);

§ Saved Fields(Що зберігаються поля).

При пересиланні даних в файл на відповідній вкладці встановлюються ім'я файл для збереження даних форми ( File name), формат файлу ( File format), А також опції, які дозволяють пересилати дані в парі з ім'ям поля ( Include field names) І додавалися в кінець файлу HTML ( Latest results at and). Якщо напрямок даних відбувається в текстовий файл, то вони завжди дописують в кінець.

Після створення форми, відкрийте Web-сайт в браузері. Перейшовши на сторінку "Замовлення", ви можете очистити форму або ввести в неї свою інформацію. Дані форми зберігаються сервером в форматі, який ви визначили в вікні Options for Saving Results of Form(Параметри збереження результатів форми).

Завдання 4. Контроль над розробкою Web-сайту

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

Для отримання інформації про створюваний вузлі і її аналізі, можна скористатися режимом Reports view (перегляд звіту) на панелі Views. При натисканні на піктограму Reports(Звіти) на панелі інструментів з'явиться панель Report(Звіти), на якій в списку слід вибрати тип звіту. Стандартний режим - Site Summary(Огляд сайту) - рис. 4.15.

Мал. 4.15. Загальний звіт про зміст Web-сайту

В цьому режимі наводиться загальна інформація про сторінки сайту. У звіті All Files(Всі файли) вказується загальна кількість файлів і їх сумарний розмір. звіт Pictures(Зображення) дає інформацію про кількість та розмір зображень. терміни Linked Files(Зв'язані файли) і Unlinked Files(Непов'язані файли) показують, до яких файлів є доступ за гіперпосиланнями з початкової сторінки, а до яких - відсутня. рядок Slow pages(Повільні сторінки) дає інформацію про повільно завантажуються сторінках. Завдання обмеження на час завантаження сторінки виконується з використанням команди Tools/Options/ вкладка Reports View(Сервіс / Параметри / вкладка Звіти). Сторінка вважається повільної, якщо час її завантаження перевершує значення лічильника " Slow page" take at least... ( "Повільні сторінки завантажуються як мінімум ..."). Розрахунок часу завантаження проводиться з урахуванням передбачуваної швидкості з'єднання, вибрати яку можна зі списку Assume connection speed(Вважати швидкість з'єднання рівної).

Для перегляду звітів, що представляють інформацію про коректність гіперпосилань на сайті, використовується рядок Broken hyperlinks( "Мертві" посилання). Цей режим дозволяє виявити наявність посилань на неіснуючий ресурс.

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

У FrontPage передбачена автоматизація ведення такого списку. Для введення нового завдання і перегляду списку вже створених завдань на панелі Views(Подання) використовується режим Тasks view(Перегляд завдань). Нове завдання в цьому режимі включається за допомогою команди File / New / Tasks(Файл / Створити / Завдання), виконання якої призводить до відкриття діалогового вікна New Task(Створення завдання). Введення інформації у відповідних полях у цьому діалоговому вікні дозволяє ввести інформацію, необхідну для контролю за ходом виконання робіт.

Доступ до задачі здійснюється подвійним клацанням на рядку з описом завдання в вікні Tasks.