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

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

Що таке робоча область?

Робоча область - це унікальний веб-сайт, який надає учасникам групи засоби та служби для спільної роботи з документами та ресурсами, пов'язаними зі зборами. Робоча область може містити списки з даними, наприклад про пов'язані документи, учасників групи та посилання. Щоб створити веб-сайт робочої області, потрібно мати дозвіл на створення дочірніх веб-сайтів для цього веб-сайту SharePoint. Служби Windows SharePoint Services дозволяють створювати такі сайти робочих областей:

Сайт робочої області	Опис
Робоча область для документів	Шаблон, на основі якого створюється сайт для спільної роботи учасників групи із документами. Він містить бібліотеку документів для зберігання основного документа та допоміжних файлів, список завдань призначення доручень, а також список посилань на ресурси, пов'язані з документом.
Базова робоча область для зборів	Шаблон для створення сайту, що надає все необхідне для планування, організації та відстеження зборів. Він містить такі списки: "Об'єкти", "Учасники", "Порядок денний" та "Бібліотека документів".
Порожня робоча область для зборів	Шаблон для створення порожній сайт робочої області для зборів, який можна налаштувати з урахуванням своїх вимог.
Робоча область для зборів - Рішення	Шаблон для створення робочої області для зборів, яку учасники групи можуть використовувати для перегляду пов'язаних документів та запису рішень. Він містить такі списки: "Цілі", "Учасники"», "Порядок денний", "Бібліотека документів", "Завдання" та "Рішення".
Робоча область для зборів - Соціальні	Шаблон для створення сайту, що надає засіб планування для заходів, що включає дошку обговорень та бібліотеку малюнків. Він містить такі списки та веб-частини: "Учасники", "Вказівки", "Зображення/логотип", "Необхідні предмети", "Обговорення" та "Бібліотека малюнків".
Багатосторінкова робоча область для зборів	Багатосторінковий шаблон для створення сайту, що надає все необхідне для планування, організації та відстеження зборів. Він містить такі списки: "Цілі", "Учасники" та "Порядок денний", а також дві порожні сторінки, які можна налаштувати належним чином.

Шаблони сайтів

У Windows SharePoint Services є такі шаблони для спільної роботи, які можна використовувати під час створення сайтів:

Шаблон сайту	Опис
Сайт групи	Цей шаблон створює сайт, який можна використовувати для створення, впорядкування даних та обміну ними. Він містить бібліотеку документів та базові списки, такі як "Оголошення", "Календар", "Контакти" та "Посилання".
Порожній сайт	Шаблон для створення сайту з порожньою домашньою сторінкою, яку можна налаштувати за допомогою браузера або редактора веб-сторінок, сумісного із Windows SharePoint Services, додавши інтерактивні списки та інші можливості.
Вікі-сайт	Шаблон для створення сайту, на якому можна легко та швидко додавати, змінювати та зв'язувати веб-сторінки.
	Шаблон для створення сайту, на якому можна публікувати інформацію та дозволяти іншим користувачам коментувати її.
Шаблони додатків	Ці шаблони розроблені з урахуванням вимог конкретних бізнес-процесів чи наборів завдань. Їх можна використовувати в таких стандартних ситуаціях, як керування службою технічної підтримки або відстеження маркетингової кампанії. Щоб дізнатися більше та завантажити шаблони, див. веб-сторінку Шаблони програм для Windows SharePoint Services .

Що таке сторінка?

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

Відфільтрувати контент, щоб переглянути лише потрібні дані.

Приховати відомості, які вас не цікавлять.

Змінити порядок виведення інформації.

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

Щоб прискорити виконання лабораторної роботи, можливе копіювання через буфер обміну даних для створення сторінки з фреймами п.2.3.1, 2.1.4 і 2.1.5 з файлу з методичними вказівками.

2.1.1 Створити та оформити web-вузли, що містять web-сторінки. Для цього необхідно виконати команду Файл 4 Створити 4 Односторінковий Web-сайт,у вікні діалогу вибрати варіант Односторінковий Web-вузол. Потім перейти в режим Переходи(Вкладка внизу вікна Front Page ) , далі двічі клацнути за назвою файлу index.htm у центрі екрана. Потім слід розташувати на аркуші дані, вказані малюнку 1: ввести текст за зразком, розмістити картинки.Для створення логотипу назви магазину можна скористатися засобом WordArt.

Для оформлення зовнішнього вигляду домашньої сторінки необхідно скористатися командою Формат4Шрифт, в якій потрібно вибрати колір шрифту та гарнітуру написання. Далі потрібно зберегти сторінку.

Для створення сторінки з кадрами, вказаною на малюнку 2 в області переходів, виділити файл index.htm і виконати команду Файл 4 Створити 4 Інші шаблони сторінок,у діалоговому вікні, що з'явилося Шаблони сторіноквибрати вкладку Сторінка рамок, потім вибрати шаблон Оголошення та зміст, і натиснути на кнопку ОК.Після цього перейти в режим редагування сторінки, потім клацніть на кнопці Створити сторінкуу кожному кадрі.

Малюнок 1 Приклад домашньої сторінки

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

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

У правій частині сторінки з кадрами слід ввести текст, оформивши його належним чином.

Після цього необхідно виконати команду Файл4Зберегти,для збереження всіх нових сторінок. Кожну сторінку буде збережено під своїм ім'ям. Сторінка, що зберігається, буде виділена рамкою синього кольору. Наприклад, для сторінки верхнього кадру слід задати ім'я baner.htm, для лівого – mnu.htm, для правого – text.htm, а для самої сторінки з кадрами – ім'я start.htm. В результаті повинна вийде сторінка з кадрами, представлена ​​на малюнку 2.

Рисунок 2 Приклад створення сторінки з кадрами

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

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

Створити нову сторінку, на якій у режимі Конструкторрозмістити таку інформацію.

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

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

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

Для створення односторінкового веб-сайту виконайте такі дії:

1. В меню Файл(File) виберіть команду Створити(New), а потім у підменю, що відкрилося - опцію Сторінка або веб-сайт(Page or Web). В результаті в головному вікні FrontPage з'являється панель Створення веб-сторінки або вузла(New Page or Web).
2. Виберіть на панелі значення Шаблони веб-сайтів(Web Site Templates). Відкривається діалогове вікно Веб-сайти шаблонів.
3. В полі Вкажіть розташування нового веб-сайту(Specify the location of the new web) діалогового вікна Шаблони веб-сайтіввведіть розташування та ім'я веб-сайту, що створюється. Наприклад, надамо йому ім'я My Test_Web.
4. Двічі клацніть на значку Односторінковий веб-сайт(One Page Web). Починається процес створення шаблону. Через деякий час у головному вікні програми FrontPage відкривається створений Web-сайт (мал. 12.1), який ви можете модифікувати. Панель Список папок(Folder List) відображає його структуру, що складається з двох папок _privateі imagesта сторінки index.htm.

Мал. 12.1.

Зауваження

За промовчанням програма FrontPage передбачає, що перша розміщена у Web-сайті сторінка буде домашньою. Уструктуру папок вона збережена під ім'ям index.htm.

Двічі клацніть мишею на панелі Список папок(Folder List) на ім'я файлу index.htm. Ця порожня Web-сторінка відкриється у робочій області програми FrontPage. Можна приступати до розміщення об'єктів.

Розміщення тексту на сторінці

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

Вікно властивостей веб-сайту

У цьому вікні властивостей задаються параметри ідентифікації веб-сайту. Для IP-адреси вузла, доступного в цьому вікні, необхідно задати налаштування TCP/IP для вузла на керованому комп'ютері.

Ідентифікація

Опис

Користувач може ввести будь-яке ім'я сервера. Це ім'я буде відображатись в області структури диспетчера служб Інтернету (HTML).

Щоб настроїти IP-адресу, номер порту TCP, номер порту SSL та ім'я заголовка вузла, натисніть кнопку Додатково.

IP-адреса

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

Порт TCP

Визначає порт, на якому виконується служба. За замовчуванням використовується порт 80. Можна замінити це значення на будь-який унікальний номер порту TCP. Однак, цей номер повинен бути заздалегідь відомий клієнтам, інакше їх запити не потраплятимуть на сервер. Номер порту є обов'язковим; не можна залишити це поле порожнім.

Підключення

Не обмежені

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

Граничне число

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

Час очікування

Проміжок часу в секундах, коли сервер відключає неактивного користувача. Це дозволяє закрити всі підключення, якщо протокол HTTP не може закрити підключення.

Дозволити підтримку відкритих з'єднань HTTP

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

Вести журнал

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

• Формат файлу журналу Microsoft IIS. Фіксований формат ASCII
• Загальний формат NCSA. NCSA - Національний центр для Supercomputing Applications; фіксований формат ASCII
• Розширений формат файлу журналу W3C. Настроюваний формат ASCII, який вибирається за замовчуванням. Цей формат необхідний для обліку процесів.
• Ведення журналу ODBC. (Доступний лише з Windows 2000 Server). Фіксований формат ведення журналу у базі даних.

Щоб задати умову створення нових файлів журналу (наприклад, щотижня або після перевищення розміру файлу), а також для налаштування формату W3C або ODBC, натисніть кнопку Властивості.

Microsoft Frontpage XP – сучасна інтегрована оболонка для побудови окремих web-сторінок та цілих web-вузлів. Навіть недосвідчений користувач, незнайомий з мовами програмування, зможе за допомогою Frontpage самостійно створити свій власний веб-сайт і опублікувати його в Інтернеті. Web-редактор Frontpage стане чудовим доповненням для арсеналу досвідченого Web-дизайнера.

Побудова web-вузла

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

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

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

Створення web-вузла

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

Примітка

У Frontpage ХР три окремі модулі - редактор сторінок, компонувальник вузла та засобів підтримки web-сервера об'єднані в одну інтегровану оболонку, що забезпечує зручний доступ до всіх інструментів.

Майстер web-вузла

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

1. Запустіть Frontpage.
2. Виберіть команду Файл > Створити ^ Сторінка або веб-сайт (File > New > Web). В області завдань програми відкриється вікно Створення web-сторінок (New Page or Web) зі списком шаблонів та майстрів, якими можна скористатися для побудови web-вузла (рис. 3.1).
3. У розділі Створення за допомогою шаблону (New from Template) клацніть на значку Шаблони веб-вузлів (Web Site Template) і у вікні діалогу Шаблони веб-вузлів (Web Site Templates) клацніть на значку Майстер корпоративного веб-вузла (Corporate Presence Wizard) .
4. У полі розділу Options (Параметри) введіть назву папки, в якій будуть зберігатися файли вузла (я користуватимуся для цього папкою С: \Мої документи\Му Webs\Corporate).

Мал. 3.1.

1. Натисніть кнопку ОК.
2. У першому вікні майстра натисніть кнопку Далі (Next).

Друге вікно пропонує список основних веб-сторінок, які можна включити до нового веб-сайту:

• Домашня сторінка (Home Page);
• Що нового (What's New);
• Товари та послуги (Products/Services);
• Зміст (Table of Contents);
• Зворотній зв'язок (FeedBack form);
• Форма пошуку (Search form).

1. Залишіть встановленими всі прапорці та натисніть кнопку Далі. Наступне вікно майстра показане на рис. 3.2 пропонує визначити вид домашньої сторінки. Встановлюючи та скидаючи прапорці цього вікна, ви додаєте або прибираєте відповідні розділи домашньої сторінки.
2. Встановіть усі чотири прапорці.
3. Натисніть кнопку Далі.

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

Мал. 3.2.

1. Десяте вікно майстра ставить загальне оформлення всіх сторінок. Встановіть прапорці цього вікна відповідно до рис. 3.3, потім клацніть двічі на кнопці Далі.

Мал. 3.3.

1. Введіть повну назву компанії, ту саму назву, скорочену до одного слова, та адресу компанії. Натисніть кнопку Далі.
2. У наступному вікні введіть телефон компанії, номер факсу, електронну адресу веб-майстра та адресу підтримки. Клацніть двічі на кнопці Далі, а потім на кнопці Готово (Finish). Майстер згенерує новий веб-сайт і відкриє його в режимі перегляду завдань зі списком дій, які потрібно виконати для отримання завершеного вузла. Пункти цього переліку, показані на рис. 3.4 були додані майстром. Вони перераховані операції, з допомогою яких ви повинні наповнити змістовим сформовані web-сторінки. У процесі розробки вузла можна вручну додавати нові завдання, пов'язані з тією чи іншою веб-сторінкою. Ви навчитеся цьому у наступній вправі. Список завдань завжди під рукою, він зберігається разом із файлами web-вузла і не дасть забути про незавершені операції. Щоб відкрити його, достатньо натиснути кнопку Завдання (Tasks) панелі режимів.