Інформація про першу версію візуального редактора FrontPage 1,0 з'явилася на веб-сайті невеликої фірми Vermeer в Інтернеті в кінці 1995 року. У продукті було багато передових на той час рішень.

Front Page

Інформація про першу версію візуального редактора FrontPage 1,0 з'явилася на веб-сайті невеликої фірми Vermeer в Інтернеті в кінці 1995 року. У продукті було багато передових на той час рішень. Через півроку фірма була куплена корпорацією Microsoft. Вже в перші три місяці під торговою маркою Microsoft було продано близько 150 000 копій пакету. Навесні 1996 року виходить наступна версія пакету - FrontPage 1,1, і вже до літа 1996 року вона піднялася в США на третє місце по продажах, випередивши навіть сам Microsoft Office. Далee одна за одною з'являються наступні версії FrontPage, і він упевнено займає позицію світового лідера серед візуальних засобів Інтернету розробки для.

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

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

В даний час існує два типи редакторів, що створюють веб-сайти. Це - редактори, що працюють безпосередньо з кодом, і візуальні редактори. У обох технологій є плюси і мінуси. При створенні веб-сайтів за допомогою кодових редакторів розробнику необхідно знати мову HTML. Робота у візуальному веб-редакторі, до якого належить і FrontPage, досить проста і нагадує процес створення документа в Microsoft Word. Побачити, як буде виглядати створена з використанням FrontPage, веб-сторінка при перегляді в браузері, можна, не виходячи з редактора (конструктора).

За деякими джерелами в світовому Інтернеті до 50% всіх сторінок і веб-вузлів, включаючи і великі веб-проекти, створюється за допомогою Microsoft FrontPage. А на території СНД, цілком можливо, що ця цифра досягає 60-70%.

Переваги FrontPage перед іншими веб-редакторами очевидні:

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

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

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

Безпосередньо курс навчання я раціонально вирішив проводити на прикладі FrontPage 2002 (не самої ранньої, але й не самої пізньої версії).

Запускаємо FrontPage

1. Натисніть кнопку Пуск.

2. Виберіть зі відкрився головного меню команду Програми, з'явиться меню даної команди.

3. Виконайте команду Microsoft FrontPage (рис. 1). Запускається програма FrontPage, і на екрані відкриється її головне вікно.

Зауваження: Для зручності запуску програми FrontPage Ви можете створити ярлик на Робочому столі Windows. Ви навіть можете встановити режим завантаження FrontPage при запуску системи Windows. Для цього необхідно створити ярлик програми і помістити його в папку "Автозавантаження".

Головне вікно

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

Заголовок

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

Меню

Взаємодія з FrontPage здійснюється за допомогою команд меню. Більшість команд є ієрархічними. У результаті вибору однієї з таких команд на екрані з'являється її підменю.

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

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

- Якщо Ви віддаєте перевагу застосовувати клавіатуру, спочатку перемістіть курсор в рядок меню. Для цього натисніть або клавішу <F10>, або <Alt>. Виділяється перша команда в меню. Помістіть виділення на необхідну команду, використовуючи для цього клавіші <<>, <>>, <^>, <v>, потім натисніть клавішу <Enter>.

- Можна натиснути <Аlt> + <підкреслений символ імені команди> (команда буде виконуватися без натискання клавіші <Enter>).

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

Розглянемо команди Файл (File), Правка (Edit) і Вигляд (View). Призначення інших команд буде описано далі у міру розгляду режимів, в яких вони використовуються.

Планування розробки

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

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

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

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

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

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

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

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

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

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

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

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

Розробка структури Web-сторінок

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

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

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

На сторінках третього рівня розміщується уточнююча інформація до основних розділів Web-сайту

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

Схема навігації

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

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

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

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

Дата добавления: 2015-11-04