Частина 2. Створення нових Web-документів за допомогою додатків ms Offіce

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

2. Створити папку з іменем Presentatіon, а в ній папку для Ваших малюнків - Gallery.

3. Підготувати малюнки для включення їх у відповідні сторінки. Зберегти їх у папці Gallery у вигляді окремих файлів формату bmp, gіf або будь-якого іншого формату, використовуваного в Інтернет. Звернути увагу на розмір малюнків і обсяг файлів. Обсяг файлів не повинен перевищувати 3 - 10 КБ.

4. Створити окремий файл для кожної сторінки за допомогою текстового процессоа Word (стор.1,2,4). Для Сторінки 3 використовувати готовий файл frіends.htm. Зберігати файли у форматі htm або html у папці Presentatіon.

4.1. Запустити текстовий процесор Word і з його допомогою створити головну сторінку, зберегти файл у форматі html під іменем іndex.htm.

4.1.1. При створенні структурованого документа рекомендується використовувати таблицю. Після розміщення об'єктів зняти обрамлення таблиці.

4.1.2. Виконати оформлення документа. Для головного заголовку використовувати об'єкт Wordart, для інших – стиль Заголовок

4.1.3. Для оформлення фону використовувати один з текстурних способів заливання (меню «Формат» – «Фон» – «Способы заливки») або тематичне оформлення (меню "Формат" – "Тема").

4.1.4. Переглянути в браузері зміни в структурі папок, що виникли при збереженні Web-сторінки. Відкрити створену сторінку, при необхідності відредагувати її.

4.2. Створити другу сторінку сайту за допомогою редактора Word.

4.2.1. Для створення документа скористатися пунктом меню "Файл"-"Создать", у діалоговому вікні, що відкрилося, "Создание документа" вибрати вкладку «WEB-станицы» і піктограму «Новая WEB-страница». Зберегти чисту Web-сторінку в папці Presentatіon, давши сторінці ім'я англійською мовою childhood.htm.

4.2.2. В якості заголовоку "Мое детство" використовувати рядок, що біжить, відобразивши попередньо панель Web-компонентів. Познайомитися з параметрами рядка, що біжить, настроїти його так, щоб він з'являвся не більше 2-х разів.

4.2.3. Розмітку для розміщення об'єктів зробити за допомогою таблиці. Малюнок вставити з папки Gallery.

4.2.4. Оформити фон сторінки, використовуючи двоколірне градієнтне заливання. Вибрати кольори близькі до кольору текстури або теми головної сторінки.

4.2.5. Зберегти документ і переглянути його в Іnternet Explorer. При необхідності відредагувати.

4.3. Створити третю сторінку на основі створеного в Частині 1 файлу frіends.htm.

4.3.1. Скопіювати файл і супутню йому папку в папку Presentatіon.

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

4.4. Створити четверту сторінку сайту за допомогою редактора Word.

4.4.1. Підготувати малюнок – вид будинку ГУТ з боку Мийки (знайти старий сайт ГУТ). Зберегти малюнок у папці Gallery.

4.4.2. Створити файл у папці Presentatіon, з іменем unіversіty.htm.

4.4.3. Вставити у файл малюнок – вид будинку ГУТ, попередньо збережений у папці Gallery. Скопіювати або ввести електронну адресу університету. Написати кілька фраз про Ваш факультет і вставити гіперпосилання на сайт факультету.

5. Установити зв'язки між документами сайту.

5.1. Відкрити в Word документ іndex.htm, і послідовно виділяючи пункти "Содержания", вставити гіперпосилання на відповідні документи.

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

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

Увага! Малюнок для переходу на головну сторінку також повинен перебувати в папці Gallery.

7. Зберегти зміни у файлах і обновити перегляд сайту в Іnternet Explorer.

8. Переглянути зміст кожного зі знову створених файлів у форматі HTML.

8.1. Знайти теги, що забезпечують вставку гіперпосилань, малюнків.

8.2. Переконатися, що посилання на малюнки мають відносну адресацію. У противному випадку відредагувати їх.

9. Скопіювати папку Presentatіon з усім її вмістом на диска А: або на диск C: у папку Temp. Протестувати роботу сайту, запустивши його перегляд з нового місця розміщення.

10. Пред'явити викладачеві Ваш сайт, почати його перегляд з головної сторінки.

Додаток

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

Сторінка 1 (головна сторінка)

Приветствие
Содержание Мое детство (ссылка на стр. 2) Мои увлечения (ссылка на стр. 3) Мои университеты (ссылка на стр. 4)	Представление – краткое резюме	Рисунок или фотография
		Пишите мне (адрес e-mail)

Сторінка 2 (Мое детство)

Мое детство
Фотография или рисунок	Текст (комментарии к фотографии)
Текст (несколько строк на заданную тему)

Сторінка3 (Мои друзья) – використовувати раніше створений Web-документ frіends.htm, створений за допомогою Excel.

Сторінка 4 (Мои университети)

Повна назва Університету, адреса сайту ГУТ, картинка з фотографією головного будинку ГУТ

Про Ваш факультет, посилання на сайт Вашого факультету.

Контрольні питання

1. Якими способами можна створити Web-сторінку в Word?

2. Як Word змінює структуру папок на диску при збереженні нової Web- сторінки?

3. Які нові прийоми оформлення документа з'являються при роботі з Web- сторінками? Які стають недоступні?

4. Як вставити гіперпосилання на інший документ? Як вставити малюнок?

5. Як переглянути, відредагувати теги Html-документа, створеного в Word?