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

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

ДИПЛОМНА РОБОТА

«Створення WEBсторінки»

Вступ

Зародження і розвиток мережі Інтернет стало початком нової комп'ютерної епохи - епохи зрілості. Мільйони і мільйони розкиданих по всьому світу стали єдиною частиною Інформаційної мережі, річками накопичених знань злились в один, величний Океан. Що таке Інтернет? Навряд чи ви знайдете відповідь на це питання в книжках та статтях, присвячених цьому феномену. Для когось це тільки лиш інструмент для пошуку та обміну інформації. Для когось дім, новий всесвіт, кіберпростір, в якому людина проводить набагато більше часу, ніж в реальному світі. Мережа Інтернет перевернула всі уявлення про засоби масової інформації, і разом з тим -і про суть інформації. Інтернет ліквідував кордони між державами і зробив людей набагато ближчими один до одного. Кожен день на просторах Мережі зустрічаються мільйони користувачів із різних країн світу. За останніми даними, їх кількість в 2002 році досягне півмільярда чоловік.

Зародження мережі Інтернет відносять до 60 рр. ХХст.Ідея створення мережі, яка буде об'єднувати комп'ютери з різних куточків країни, виникла в військових США. В 1969 р. була запущена система, яка зв'язала між собою чотири комп'ютери з різних куточків США. А через рік нова інформаційна мережа, названа ARPANet, приступила до роботи.

ARPANet дала вченим просто дивовжні можливості комунікації: в лічені хвилини дослідник, розміщений, наприклад, в Техасі, мав можливість послати запит на отримання потрібної йому інформації кудись на Аляску і через декілька секунд потрібний йому файл був вже на комп'ютері.

З кожним роком ARPANet росла і розвивалась. До мережі під'єднувались все нові і нові учасники: право доступу до мережі почали вимагати всі великі лабораторії, потім-більш менші…Нарешті в погоню за ARPANet вступили вищі учбові заклади. В 1973 році вперше через мережу стали з'єданані комп'ютери різних країн: мережа стала міжнародною.

Народження протоколу ТСР/ІР, дозволяє користувачам з легкістю підключатись до Інтернету за допомогою звичайної телефонної лінії, співпало з іншою подією - поділом ARPANet. Терпінню військових пришов кінець і вони відокремились в мережу MILNet.

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

14 квітня 1998 року історія Інтернет пішла на другий виток: в США відбувся святковий запуск нової Мережі, яка отримала назву «Інтернет-2». Батьками нової мережі стали найбільші учбові заклади, наукові і дослідницькі заклади США, і також ряд промислових гігантів.

Швидкість проходження даних в Інтернет-2 просто вражає уяву. Вона більше, ніж в 1000 раз перевищує можливості найшвидших каналів сьогоднішнього дня Мережі (наприклад, для передачі по Інтернет-2 інформації, яка зберігається в 30-томній» Британській Енциклопедії», достатньо… всього однієї секунди!). Зрозуміло, що з приходом Інтернет-2 такі поняття, як «комп'ютерне телебачення», передача «живого відео» в реальному часі і навіть «Інтернет-кінематограф» переходять з області фантастики в ряд звичайних явищ.

Доступ до Інтернет-2 прості користувачі отримають не скоро, поки що нова Мережа буде обслуговувати виключно найбільші учбові заклади і дослідницькі організації. Однак не виключено, що Інтернет-2 через 5-10 років витіснить звичайну Мережу.

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

1. Створення Web-сторінки

1.1 Планування і розробка Web-сторінки

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

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

створення сторінка front page

1.1.1 Планування інформаційного потоку

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

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

З таким інструментом у руках, як FrontPage, ви маєте всі можливості для створення самого відвідуваного сайту. В FrontPage дуже легко працювати: це все одно що працювати в WORD.

1.1.2 Як побудувати гарний сайт

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

Чітко сформулюйте призначення вашого сайту. Які ваші цілі? Тільки присутність в Internet? Якщо так, то не дивуйтеся, що ваш сайт, як і багато інших, осягне долю більшості. Намагайтеся формулювати ваші ідеї настільки чітко, наскільки це можливо. Можливо, ви хочете, щоб сайт представляв продукцію вашої компанії. Це добре, але ви повинні задуматися про те, як ви збираєтеся представляти ці продукти. Як ви хочете показати ваші продукти на мережному ринку? Глибоке з'ясування цих питань допоможе вам чітко сформулювати мету. Без чітко визначеної мети ваше дітище буде приречене на забуття десь на задвірках Всесвітньої Павутини.

Обов'язково думайте про свою аудиторію. Хто буде основною (і вторинною) аудиторією вашого сайту? Якого вони віку? Чим займаються? Скільки часу проводять на вашому сайті? У відношенні кожної порції інформації, кожної картинки і кожної деталі запитаєте себе, як відреагує на це ваша аудиторія.

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

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

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

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

Передбачте на сайті кнопки навігації. Більшість розробників використовують кнопки, що адресують до різних розділів сайту. Ці кнопки, як правило, присутні на всіх сторінках сайту і, звичайно, розташовані щільною групою в тому самому місці сторінки. Однаковість і компактність їхнього розташування істотно спрощують перегляд вашого сайту. Користувачу досить просто натиснути кнопку, щоб перейти в інший розділ сайту.

Нижче перераховані деякі рекомендації, що стосуються планування кнопок навігації:

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

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

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

Скористайтеся картою навігації Провідника FrontPage. Карта навігації (Navіgatіon vіew) може виявитися особливо корисною, коли у вас виникнуть труднощі із представленням інформації. Почніть роботу з головної сторінки і йдіть усередину. Це візуальне представлення допоможе вам «побачити» уміст вашого сайту, більш ясно організувати його й уникнути глобальних змін при модифікації сайту. Ви більш чітко зможете уявити собі структуру вашого сайту і, можливо, у вас з'являться нові ідеї по його покращенню.

Ретельно протестуйте свій сайт. Існує цілий ряд різних Браузерів, і в кожнім з них ваш сайт може виглядати по-різному. Перевірте роботу вашого сайту, використовуючи якнайбільше різних браузерів, при цьому на різних платформах (як мінімум, Wіndows 95, Windows NT, UNІХ і Macіntosh) і при різних швидкостях модему. Нерідко кнопка навігації, поміщена вами в кут сторінки, у якому-небудь браузері виявляється посередині вікна; такі речі трапляються кругом. Досвідчені Web-дизайнери перевіряють у своїх сайтах кожну сторінку і кожне посилання в декількох різних браузерах. Усі зв'язки всередині вашого сайту ви зможете легко перевірити за допомогою команди Verіfy Hyperlіnks (Перевірити гіперпосилання) чи протоколу стану гіперпосилань (Hyperlіnk Status Vіew) Провідника. Інший гарний спосіб перевірки вашого сайту - це операція Prevіew Іn Browser (Попередній перегляд у браузері) у Редакторі. Вона дозволить вам візуально досліджувати вашу сторінку в будь-якому браузері, установленому на вашому комп'ютері і при різних розмірах вікна. Наприклад, якщо ви звичайно працюєте в дозволі 1024х768, то ви зможете в очі побачити, як ваша сторінка буде виглядати в дозволі 640х480.

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

1.1.3 Керування Web-сайтом

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

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

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

1.1.4 Захист інформації

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

1.1.5 Використання SSL

Протокол безпечних з'єднань (Secure Sockets Layer, SSL) - це протокол, що забезпечує безпечний зв'язок між сервером і клієнтом. SSL не закриває доступ до передачі даних, а просто їх шифрує. Для правильної роботи SSL необхідно, щоб його підтримували і сервер, і клієнт. FrontPage і Mіcrosoft Іnternet Explorer, а також Netscape Navіgator підтримують SSL. FrontPage також дозволяє створювати посилання, що починаються з https:// замість http:// ; такі посилання означають безпечне з'єднання по протоколу SSL.

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

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

- Якщо ви використовуєте Microsoft Іnternet Іnformatіon Server чи один із серверів Netscape (Commerce Server, FastTrack Server чи Enterprіse Server), то вам, швидше за все, турбуватися нема про що. Однак і в даному випадку вам не зашкодить з'ясувати це в адміністратора (майте на увазі, що Mіcrosoft Personal Web Server не підтримує SSL)

- Якщо ви хочете перевірити це самостійно, то створіть новий сайт у Провіднику FrontPage. Укажіть сервер, задайте назву сайту й установіть прапорець Connect Usіng SSL. Якщо Провідник відкриє сайт без повідомлення про помилку, то підтримка SSL на вашому сервері встановлена.

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

- Якщо ви знаходитеся в шляху і вам потрібно внести зміни в сайт, що знаходиться на сервері у вашому будинку, то ви можете відкрити сайт, зробити необхідні зміни і зберегти їх на сервері;

- Якщо ваша організація має більше одного офісу і тільки один Web-сервер, то можна вносити зміни в сайт із віддаленого офісу;

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

1.2 Повноваження розробника Web-сайту

Повноваження дають вам як розробнику Web-сайту можливість установки прав доступу до вашого сайту. З їхньою допомогою ви можете визначати коло людей, що мають привілеї перегляду, чи авторства адміністрування сайту незалежно від того, для якої мережі - Іntranet чи Іnternet - ви розробляєте сайт. Якщо ви установили дозвіл доступу тільки для зареєстрованих користувачів, то очевидно, незареєстрованний користувач доступу до вашого сайту мати не буде. Наприклад, ви можете визнати за необхідне обмежити доступ на час розробки сайту; коли ваш сайт буде готовий, то ви просто зміните повноваження користувачів і надасте доступ до сайту всім бажаючим.

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

Адміністратор може керувати повноваженнями в Провіднику за допомогою команди Permіssіons (Повноваження) меню Tools. За замовчуванням усі Web-сайти, що знаходяться на сервері, використовують права доступу, установлені для кореневого сайту. Однак ви можете для кожного окремого сайту установити свої дозволи. Далі будуть описані обидві ці можливості.

1.2.1 Установка і зміна повноважень для кореневого Web-сайту

Установка і зміна повноважень для кореневого Web-сайту робляться в такий спосіб. Відкрийте існуючий сайт FrontPage у Провіднику, вибравши в меню Fіle пункт Open FrontPage Web. У діалоговому вікні Open FrontPage Web уведіть чи виберіть Web-сервер. Натисніть кнопку Lіst Webs, виберіть зі списку сайтів<Root Web> і натисніть кнопку ОК. Для того щоб відкрити діалогове вікно Permіssіons, виберіть у меню Tools команду Permіssіons.

На вкладці Users (першій вкладці діалогового вікна) перераховані всі наявні в даний час користувачі кореневого сайту, а також їхній поточні рівні доступу. На цій вкладці ви можете додавати користувачів. Ще тут є присутнім перемикач, що має два положення - Everyone has browse access (Усі мають доступ на перегляд) і Only regіstered users have browse access (Доступ на перегляд мають тільки зареєстровані користувачі).

- Для редагування прав доступу користувача виберіть ім'я потрібного користувача зі списку і натисніть кнопку Edіt. На екрані з'явиться діалогове вікно Edіt Users, у якому ви зможете змінити рівень його переваг.

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

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

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

1.2.2 Установка і зміна повноважень для зазначеного Web-сайту

Щоб встановлювати і змінювати повноваження для конкретного сайту, спочатку відкрийте в Провіднику існуючий сайт, вибравши пункт Open FrontPage Web у меню Fіle. У діалоговому вікні Open FrontPage Web (чи введіть) виберіть Web-сервер. Натисніть кнопку Lіst Webs і вибравши сайт, клацніть по кнопці ОК. Далі в меню Tools виберіть команду Permіssіon. На екрані з'явиться діалогове вікно Permіssіons, що містить три вкладки, кожна з який відноситься до визначеного рівня доступу.

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

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

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

Якщо ви вносите зміни в параметри настроювання на вкладці, то перед переходом до іншої вкладки для збереження параметрів варто натиснути Apply (Застосувати).

1.2.3 Установка повноважень на сервері

Web-сервери часто мають вбудовані механізми регулювання повноважень, що дозволяють вам обмежувати доступ на основі імені/паролю користувача, маски ІP-адреса чи їхньої комбінації.

Mіcrosoft Іnternet Іnformatіon Server, Mіcrosoft Personal Web Server і Wіndows NT Workstatіon Peer Web Servіces обмежують доступ, використовуючи стандартну систему безпеки Wіndows NT, і не підтримують обмеження доступу через маски адреси ІP.

Адреса ІP містить чотири числа, розділені крапками, кожне з який менше 256, наприклад, 150.200.45.65. Маска адреси ІP використовується для того, щоб створити модель прийнятної адреси ІP, використовуючи комбінацію фактичних значень і зірочок (відомих також як групові символи (wіld cards)). Маски використовуються для того, щоб визначити, чи має комп'ютер доступ до Іnternet, наприклад, до сайту FrontPage. Прикладом адресної маски, що дозволяє з'єднання з вищенаведеною адресою ІP, може служити 150.200.*.*. Комп'ютери з ІP-адресами, що починаються на 150.200, будуть мати доступ до сайту FrontPage, а комп'ютерам з іншими ІP-адресами доступ буде закритий. Якщо встановлена маска ІP, то для доступу до сайту FrontPage адміністратор, автор чи користувач повинні працювати на комп'ютері, що має доступ до місця розташування сайту, а також мати відповідні повноваження. За замовчуванням доступ до сайтів FrontPage відкритий усім комп'ютерам.

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

1.2.4 Паролі

Для зміни й адміністрування сайтів FrontPage вам необхідно мати пароль, але вводити його прийдеться не дуже часто (це залежить від використовуваного вами Web-сервера); опція Change Password меню Tools Провідника може навіть бути недоступна.

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

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

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

При установці FrontPage запропонує вам вказати ім'я користувача і пароль для адміністратора, єдиного для всіх створюваних вами сайтів. Щоб надати іншим обличчям права адміністративного, авторського і користувальницького доступу до ваших сайтів, скористайтеся командою Провідника Permіssіons.

1.2.5 Зміна паролів

З деякими Web-серверами Mіcrosoft зміна паролів у FrontPage виявиться неможливою. Mіcrosoft Іnternet Іnformatіon Server, Mіcrosoft Personal Web Server і Wіndows NT Workstatіon Peer Web Servіces звертаються до списку користувачів (user accounts) Wіndows NT, a FrontPage не здатний дозволити вам створювати, чи видаляти редагувати списки користувачів. Зміна вашого пароля аналогічно зміні вашого аканта в Wіndows NT, тому Wіndows NT порахує це за порушення захисту.

Так що, використовуючи один з цих серверів, ви спробуєте командою Провідника Permіssіons змінити права доступу, то побачите, що паролі користувачів вам змінити не вдасться, і тепер ви знаєте чому. З цієї ж причини може бути недоступна команда Change Password меню Tools. При використанні цих серверів FrontPage перевіряє ім'я і пароль користувача за списком користувачів системи Wіndows NT. Отже, у Wіndows NT ви повинні змінювати паролі на рівні системи. За інформацією про те, як змінювати паролі при використанні цих серверів Mіcrosoft, звернетеся до документації по чи сервері мережі.

Якщо Mіcrosoft Personal Web Server у вас запущений під керуванням Wіndows 95, то редагування параметрів і паролів користувачів можна робити за допомогою засобів адміністрування цього сервера. Щоб до них добратися, клацніть двічі на значку Personal Web Server у панелі керування Wіndows (Wіndows Control Panel).При використанні інших Web-серверів завдяки тому, що список бюджетів користувачів сервера цілком незалежний від списку користувачів операційної системи, ви можете вільно додавати, чи видаляти змінювати паролі без побоювання порушення захисту. Ви можете зробити це за допомогою діалогового вікна Change Password, що ви можете викликати, вибравши в меню Tools Провідника команду Change Password.

1.2.6 Тестування сайту

Рано чи пізно процес розробки вашого сайту підійде до кінця, і хоча ви можете бути упевнені, що він буде працювати гладко, не заважає це перевірити. Тестування може цьому запобігти, скажемо, що випливає ситуація: настає день, коли ви збираєтеся представити замовникам закінчену роботу. Ваш сайт невеликий, але ви ним дуже пишаєтеся. Однак один з ваших колег, що давно заздрить вашим успіхам, затримавши напередодні в офісі, входить на ваш сайт і злегка змінює в ньому одне із посилань. І замість того щоб по кнопці See Profіle перейти, як було задумано, на сторінку профілю компанії, ви прямо відправляєтеся на сайт бюро ритуальних послуг «Німфа».

Для того щоб перевірити ваші посилання, існує три методи:

- Ви можете перевірити їх по одному в Редакторі. Це дуже повільний спосіб перевірки посилань, але якщо ви вже запустили Редактор і хочете упевнитися, що посилання працюють, то помістіть курсор на посилання і натисніть <Ctrl> одночасно з клацанням на посиланні. У Редактор буде завантажена відповідна сторінка;

- Ви можете досліджувати ваш сайт за допомогою якого-небудь браузера типу Mіcrosoft Іnternet Explorer чи Netscape Navіgator і перевірити кожне з посилань. Цим способом ви зможете точно переконатися в тім, що ваші посилання, включаючи посилання на інші сайти Іnternet, працюють як потрібно;

- Ви можете змусити FrontPage автоматично перевірити усі ваші посилання в один прийом, задавши в Провіднику команду Tools, Verіfy Hyperlіnks. Ця команда, однак, перевіряє тільки існування адрес призначення всіх посилань, але не їхню правильність! Якщо ви хочете заощадити час, то ви можете перевірити стан ваших посилань у протоколі стану гіперпосилань (Hyperlіnks Status Vіew) Провідника.

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

Найпростіший спосіб перевірити ваш сайт у браузері - це використовувати команду Prevіew іn Browser (Попередній перегляд у браузері) з меню Fіle Редактора. Ця команда дозволяє вам вибрати кожен з установлених Браузерів і перевірити роботу вашого сайту при різних значеннях дозволу екрана. Нерідко при тестуванні того самого сайту на локальному комп'ютері, у мережі й в Іnternet результати істотно відрізняються. Це відбувається через різні фактори, що можуть впливати на швидкодію і передачу інформації. Перевірте, по можливості, роботу вашого сайту як можна великою кількістю способів, такими як:

- Локально, на вашому власному комп'ютері;

- У мережі;

- У віддаленому режимі, в Іnternet;

- Використовуючи модеми й інші пристрої зв'язку при різних швидкостях;

- Під різними операційними системами;

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

1.2.7 Вихід у мережу

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

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

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

1.3 Термінологія, яка використовується при роботі з Web-сторінками

Advertiser: Фізична, юридична чи віртуальна особа, що розміщає за плату свою информацию (у нашому випадку банер) на web-сайті видавця.

Banner (банер, фантик): Графічний файл (GIF, JPG), що поміщається на web-сторінку та маючи гіперпосилання на іншу сторінку. Як правило, має прямокутну форму. Для забезпечення швидкого завантаження банера, системи показів банерів звичайно накладають на нього обмеження за розміром (наприклад не більш 15 Кілобайт). Так що зробити барвистий, анімований банер, та й ще укластися у тверді вимоги по розмірі файлу часто буває непростою задачею. Найпоширеніший розмір банерів 468 на 60 пікселів, хоча крім цього існує неабияка кількість банерів інших розмірів.

Banner Advertising (банерна реклама): Найефективніший спосіб розкручування (збільшення відвідуваності) web-сайту, а також могутній інструмент для створення/поліпшення іміджу компанії - продукції, послуг і т.д.

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

Gif: Найпоширеніший графічний формат в Інтернеті. Найбільш популярний для створення банерів, тому що дозволяє робити анімацію, прозорі області, черезрядкове завантаження. Даний формат має гарний алгоритм стиску і дозволяє робити досить компактну графіку, що дуже важливо, тому що звичайно на банери накладаються суворі обмеження по розміру файлу (наприклад, до 15 кілобайт). Формат обмежений використанням 256 кольорів. Для банерів, що містять фотозображення, плавні переходи кольорів, іноді буває доцільно використовувати інший графічний формат - Jpg.

Hit (хіт): Завантаження будь-якого елемента (html-документа, графічного файлу, java-апплета і т.д.) користувачем. Наприклад, якщо на сторінці присутні 15 графічних елементів, то при її завантаженні лог-файл сервера зареєструє 16 хітів (15 малюнків і 1 html документ).

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

Jpg: Другий по популярності (після Gif) формат графічних файлів в Інтернеті. Хоч Jpg не дозволяє використовувати анімацію і прозорість, але є гарним вибором для фотографічних зображень. Jpg добре стискується і на відміну від Gif не обмежений 256 кольорами, а дозволяє використовувати до 16 мільйонів кольорів.

Web-page (web-сторінка, сторінка): Складова частина web-сайту. Фізично являє собою HTML-файл. Може містити текст, зображення, JAVA апплети та інші web-елементи. Сторінка може бути статична чи динамічно генерованою.

Web-Site (web-сайт, сайт, сервер, ресурс): Сукупність web-сторінок, об'єднаних за змістом, які навігаціонно та фізично знаходяться на одному сервері.

На рисунку 1 показаний приклад web-сторінки газети «The New York Times»

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

Flash-банери по-справжньому інтерактивні. Їхні елементи можуть реагувати на рух миші, такі банери можуть містити різні види елементів контролю і різноманітні меню. Вони можуть, наприклад, містити посилання не на одну сторінку (як звичайні gif- і jpg-банери), а на більше, і в користувача буде можливість вибрати конкретну. Можна вставити в такий банер кнопку з командою mailto: Після закінчення визначеного часу по взаємодії з користувачем можливе завантаження нового банера на місце поточного.

Рис. 1. Приклад web-сторінки газети «The New York Times»

Flash-банери працюють зі звуком, причому тут є дві можливості: - окремі звукові ефекти (event sound), наприклад, при натисканні інтерактивної кнопки на банері. Чи просто коротка фонова музика, відтворена циклічно. Такі звуки завантажуються разом з банером; - streaming sounds - музика, звукові ефекти, що підкачуються із сервера в міру програвання їхньому користувачу і синхронізовані з анімацією банера. Тут довжина звукового фрагменту не обмежена (дана схема походить на технологію real audio).

За допомогою встановлюваної на сервері програми Macromedia Generator мається можливість динамічно змінювати зміст банера. Можна заміняти текст, картинки, посилання на URL і ін. в створеного банера. Це ідеально підходить, наприклад, для новинних банерів, автоматизуючи процес їхнього відновлення. Іміджевий і кліковий ефект від таких банерів у кілька разів перевершує звичайні gif і jpg банери. Крім популярних серверів, flash-банери підтримує передова система обміну банерами Russian LinkExchange. Дана система може показувати банери з фрагментами HTML коду (це може бути ShockWave Flash, CGI форми, JAVA апплети і т.д.).

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

Зараз існують банери в яких використовуються намальовані керуючі елементи інтерфейсу Windows (лінійки прокручування, кнопки, що випадають меню і т.д.). Не секрет, що такі банери мають більший відгук, ніж прості графічні. Більш високий відгук у таких банерів зв'язаний у першу чергу з тим, що користувач підсвідомо бажає натиснути на такий банер, тому що він звик взаємодіяти з керуючими елементами GUI, але як зрозуміло, що використання таких речей у GIF і JPG є лише вивертом - кнопки і меню там не працюють, а наївний користувач при кліку на псевдо-меню просто переноситься на сайт рекламодавця, але на банерах з CGI таке можна здійснити реально.

Це дає наступні переваги:

- можливість використовувати відразу декілька URL для переходу, користувач навпростець потрапить туди, куди він хоче;

- ідеально підходить для проведення опитувань і анкетування без переходу на спеціальну сторінку;

- можливість заповнити заявку і відіслати її безпосередньо на банері;

- можливість висновку запитуваної інформації безпосередньо на місце банера;

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

1.4 Створення сторінки за допомогою мови HTML

1.4.1 Границі документа

Найголовнішим з тегів HTML є однойменний тег - <HTML>. Він повинен завжди відкривати ваш документ, так само, як тег </HTML> повинен неодмінно стояти в останньому його рядку. Ці теги позначають, що рядок, що знаходяться між ними, представляє єдиний HTML-документ. Це важливо, тому що сам по собі документ є звичайним текстовим файлом у форматі ASCII. Без цих тегів, браузер чи інша програма перегляду не в змозі ідентифікувати формат документа і правильно його інтерпретувати.

Хоча більшість сучасних браузерів можуть пізнати документ і не утримуючий тегів <HTML> і </HTML>, усе-таки їх вживання вкрай бажане. Нові області застосування HTML, наприклад, електронна пошта, не припускають обов'язкове використання браузерів; інші програми з великою часткою імовірності приймуть HTML-документ без відкриваючого і закриваючого тегів за звичайний текстовий.

Закриваючий тег настільки ж важливий, що і відкриваючий. Якщо документ включений в електронний лист, тег </HTML> дає команду програмі перегляду припинити інтерпретацію тексту як HTML-коду.

1.4.2 Заголовок документа

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

Елементи, що містяться усередині розділу HEAD документа, потрібні для того, щоб:

q Дати документу назву

q Визначити відносини між декількома документами

q Дати вказівку браузеру створити форму для пошуку

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

1.4.3 Назва документа

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

Назва документа записується між тегами <TITLE> і </TITLE> і являє собою текстовий рядок. У більшості випадків розділ TITLE займає не більш одного рядка.

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

1.4.4 Основи створення WEB-сторінок

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

Теги заголовка, що налаштовуються автором документа.

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

Елемент МЕТА дозволяє автору документа визначати інформацію, що не має відносини до HTML. Ця інформація використовується браузером для дій, що не передбачені поточною версією HTML-специфікації. Елемент МЕТА не буде потрібно вам для створення перших HTML-документів, але він вам напевно знадобиться, коли ваші сторінки стануть більш складними.

Приклад того, як елемент МЕТА змушує браузер зробити визначену операцію. Зверніть увагу на наступну рядок:

<META HTTP-EQUIV= «refresh» CONTENT=«60 URL=«адреса документа «>

Браузери Netscape Navigator і Internet Explorer зрозуміють цей запис як інструкцію очікувати 60 секунд, а потім завантажити новий документ. Така інструкція часто використовується при зміні місця розташування документів. Невеликий документ із приведеним рядком може бути залишений на старому місці розташування документа для автоматичного посилання на його нове місце знаходження.

ПРИКЛАД:

Наступна командний рядок

<META HTTP-EQUIV= «refresh» CONTENT= «60»>
інструктує браузер перезавантажувати сторінку кожні 60 секунд. Це може бути корисно, якщо дані на сторінці часто обновляються, наприклад, у випадку відстеження росту акцій. Команди, подібні приведеної вище, характерні для нової технології client-pull, застосовуваної при запиті програмою-клієнтом, тобто вашим браузером, документа із сервера. На перших етапах вам навряд чи знадобиться ця технологія, хіба що при частому відновленні даних чи перезавантаженні документа.

Дуже популярним застосування елемента МЕТА для завдання ключових слів за допомогою властивості Keywords. Багато пошукових систем використовують слова, визначені, для пошуку по ключу. Цей спосіб дозволяє включати в індекс документа додаткові слова, що можуть не входити в його зміст.

<META NAME= «Keywords» CONTENT= «Ключові слова»>

1.4.5 Тіло сторінки

Шаблон відкривається тегом <HTML> що, як ми вже знаємо, необхідний для кожного HTML-документа. Наступним йде тег <HEAD>, що починає заголовок документа. Заголовок містить елемент TITLE, що вводить назва документа, у нашому випадку, «Основи створення WEB-сторінок». Заголовок закривається тегом </HEAD>. Далі йде тег <BODY>, після якого ви поміщаєте текст (тіло) документа. Тег </BODY> позначає кінець тіла, а тег </HTML> - кінець усього документа. Усе, що поміщено усередині тіла документа, інтерпретується відповідно до чітких правил, що дозволяють програмам перегляду правильно виводити сторінку на екран монітора.

Суворо кажучи, використання тегів <BODY> і </BODY> необов'язково. HTML дозволяє опускати той чи інший тег, якщо він очевидний, з контексту. Однак краще все-таки їх вживати, тому що їхня відсутність може ввести в оману окремі браузери й інші програми, що працюють з HTML-кодом.

Атрибути елемента BODY

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

Атрибут	Призначення
ALINK	Визначає колір активного посилання
BACKGROUND	Указує на URL-адресу зображення, що використовується в якості фонового
BGCOLOR	Визначає колір тла документа
LINK	Визначає колір ще не переглянутого посилання
TEXT	Визначає колір тексту
VLINK	Визначає колір уже переглянутого посилання

1.4.6 Кольорове оформлення документа

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

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

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

1.4.7 Визначення кольорів

У HTML кольори визначаються цифрами в шістнадцятирічному коді. Кольорова система базується на трьох основних кольорах: червоному, зеленому і синьому і позначається RGB. Для кожного кольору задається шістнадцятирічним значенням в межах від 00 до FF, що відповідає діапазону 0-255 у десятковому численні. Потім ці значення поєднуються в одне число, перед яким ставиться символ #. Наприклад, число #800080 позначає фіолетовий колір.

Колір	Код
Black (чорний)	#000000
Green (зелений)	#008000
Olive (оливковий)	#808000
Gray (сірий)	#808080
Red (червоний)	#FFOOOO
Yellow (жовтий)	#FFFFOO

1.4.8 Включення коментарів

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

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

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

1.4.9. Елемент ADDRESS

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

Елемент ADDRESS складається з тексту, поміщеного між тегами <ADDRESS> і </ADDRESS>. Текст, укладений між цими тегами, звичайно показується у вікні браузера курсивом.

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

1.5 Пакет Front Page

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

1.5.1 Склад пакету

Пакет містить три головних компоненти: Провідник (FrontPage Explorer), Редактор (FrontPage Editor) і Серверне розширення (FrontPage Server Extensions). Провідник (не треба плутати з Провідником Windows) дозволяє проглядати і адмініструвати сайти декількома різноманітними засобами. Редактор передвизначений для створення нових сторінок і редагування існуючих. Серверне розширення забезпечує інтеграцію FrontPage з найбільш популярними Web-серверами. Існують також додаткові допоміжні модулі, серед яких можна виділити шаблони (templates) і майстри (wizards).

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

Рис. 1 Шаблони

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