Лабораторнi_Модуль 1 / ЛР10

Лабораторне заняття №10 (2 год.). Створення односторінкового WEB-вузла засобами MS FrontPage

[складено за Енгель П.С., Запара С.В. Створення Web-сайтів та Web-сторінок: Методичні рекомендації. – Полтава: РВВ ПУСКУ, 2003. – 69 с.]

Загальні відомості

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

Для розташування сторінок у WWW насамперед необхідний вузол Internet зі спеціальним програмним забезпеченням. Власники ­інформаційних ­порталів, більшість провайдерів надають можливість усім бажаючим безплатно (або за дуже помірну плату) публікувати свої WWW-сторінки, наприклад, на http://www.yandex.ru.

Web-хостинг – надання власниками вузла Internet усім бажаючим частини його дискового простору для розміщення їх Web-сторінок і цілих Web-сайтів.

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

Web-сторінки готуються з використанням мови HTML, яка досить нескладна, або будь-якої іншої для Web-програмування (DHTML, XML, VRML, Perl тощо). Існують спеціальні Web-редактори – MS Front Page, Macromedia Dreamweaver, HomeSite, Arachnophilia, HotDog, CoffeCup HTML Editor та ін. Більшість сучасних Web-редакторів допомагають користувачам готувати Web-сторінки і сайти у зручному для них режимі WYSIWYG, що не вимагає знання команд (тегів) мови HTML та інших.

WYSIWYG (What You See Is What You Get – «що бачиш, те й одержиш» – скорочення для назви інтерфейсу редагування, у якому файл, що створюється, відображається точно так, як буде поданий кінцевому користувачу, наприклад, якщо це Web-сторінка, то у вікні програми-браузера.

До того ж менш досвідченим з користувачів можна скористатися засобами перетворення до HTML-формату документів, створених у середовищі поширених офісних програм (текстових редакторів MS Word, Word Perfect, табличного процесору MS Excel, СУБД MS Access, презентаційної програми MS Power Point).

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

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

Домашня сторінка повинна мати Заголовок, опис розділів Web-вузла.

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

Шаблон – це сукупність параметрів документа для його бага­торазового використання, тобто це каркас Вашого документа. Вибравши, наприклад, шаблон One-column body, Ви одержите Web-сторінку, на якій інформація буде розміщена по центру в одну колонку; в інших шаблонах заздалегідь виділені області для розміщення тексту, графіки тощо.

Для створення Web-сайтів за допомогою шаблонів необхідно відкрити спеціальне вікно New (див. рис. 1).

Рис 1. Діалогове вікно New

Шаблон створення односторінкового Web-вузла (Web-сайту):

• в меню File (файл) виберіть команду New (новий);

• в підменю, що з’явиться, виберіть команду Web (Web-вузол);

• у діалоговому вікні New, що з’явиться, виберіть зі спис­ку шаблонів One page Web (одно сторінковий Web-сайт);

• у полі Specify the location of the new Web (вкажіть роз­міщення нового Web-вузла) введіть місце розташування і ім’я Web-вузла, що створюєте;

• натисніть кнопку ОК.

При використанні односторінкового шаблону створення Web-вузла, програма FrontPage сама формує його структу­ру з декількох папок (private, image…), а також додає паралель­но з папками одну порожню Web-сторінку (index.htm).

Створений Web-вузол відкривається в режимі редагування (див. рис. 2).

Рис. 2. Область Folder List створеного Web-вузла

з використанням шаблону One Page Web

Вікно розділене на дві частини – панелі: зліва – панель па­пок – це і є структура Web-вузла, справа – робоча область FrontPage, в якій відкривається файл – порожня Web-сторінка (index.htm), зви­чайно це і буде Домашня сторінка.

У подальшому структуру односторінкового Web-вузла можна змінювати, додаючи до нього нові папки і сторінки.

Завдання

1. Створіть типовий Web-вузол за допомогою шаблону одно­сторінковий (One_Page_Web) під іменем My_Web_Прізвище1 і проаналі­зуйте вміст папок вузла.

2. Додайте ще одну папку під назвою Papka 1.

3. Додайте до створеного Web-вузла ще одну порожню сторінку під назвою My List.

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

5. Відкрийте у вашому Web-вузлі My_Web_Прізвище1 домашню сторін­ку index.htm, клацнувши в Folder list два рази по імені файла, і введіть в робочу область сторінки назву, наприклад, Моя власна сторінка.

6. Збережіть в особистій мережній папці односторінковий Web-вузол My_Web_Прізвище1.