Практична робота № 8

СТВОРЕННЯ WEB-СТОРІНОК ЗА ДОПОМОГОЮ WORD

Як редактори, що спрощують створення Web-сайтів, можна використовувати додатки Mіcrosoft Offіce – Word, Excel, Powerpoіnt і інші. При цьому користувач може не знати мову HTML і мати звичне середовище для оформлення документа – WYSІWYG (що бачу, те й одержую). Величезна кількість людей, що використовують Word у своїй повсякденній роботі стають потенційними розроблювачами HTML-документів.

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

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

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

Однієї з відмінних рис HTML-документів є те, що сам документ містить тільки текст, а всі решт об'єкти вбудовуються в документ у момент його відображення Браузером за допомогою спеціальних тегів і зберігаються окремо. При збереженні HTML-файлу в місці розміщення документа Word створює на диску папку, у яку поміщає супутні йому графічні елементи оформлення. Наприклад, при збереженні файлу з малюнками - frіeds.htm, Word створює папку frіeds.fіles, у якій і розмістить усі малюнки.

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

При підготовці публікації в Інтернет матеріалів, створених в Word, корисно знати особливості перетворення у формат HTML. Деякі з них приводяться нижче (табл. 8.1).

Таблиця 8.1

Елемент документа Word	Перетворення Word  HTML
Розміри шрифтів	В Word зображуються шрифти від 9 до 36 пунктів. Розміри шрифтів HTML змінюються від 1 до 7 і служать Браузеру вказівкою на розмір шрифту
Текстові ефекти: піднятий, з тінню, ущільнений та інше	Текстові ефекти не зберігаються, але сам текст залишається
Накреслення : напівжирний, курсив, підкреслення	Залишаються, але деякі види підкреслень перетворюються в суцільну лінію
Анімація тексту	Анімація не зберігається, але текст залишається. Для надання тексту анімаційного ефекту можна використовувати рядок, що біжить (панель " Web-Компонента")
Графіка	Зображення перетворяться у формат GІF або JPEG, якщо вони не були збережені до цього в таких форматах. Лінії перетворяться в горизонтальні лінії.
Графічні об'єкти: автофігури, фігурний текст, написи й тіні	Об'єкти перетворяться у файли формату GІF. У середовищі редагування Web-сторінки можна вставити графічні засоби «Вставка» - «Рисунок»
Таблиці	Таблиці перетворяться, однак параметри, не підтримувані HTML, не зберігаються. Наприклад, кольорові границі й границі змінної ширини
Нумерація сторінок і колонтитули	Так як документ HTML вважається однієї Web- сторінкою, то поняття колонтитулів відсутнє і нумерація не зберігається
Поля сторінок і багатоколонний текст	Щоб зберегти розмітку сторінки слід використовувати таблиці
Стилі	Визначені користувачем стилі перетворюються в пряме форматування, якщо воно підтримується HTML

При необхідності вставити на HTML-сторінку власні теги, в Word передбачене безпосереднє редагування HTML-коду. Це можна зробити, викликавши вікно редактора через меню "Вид " - " Источник HTML". До того, як перейти в цей режим слід зробити збереження файлу. Після завершення редагування перед закриттям вікна, файл також потрібно зберегти.

Інша можливість – відкрити документ у Браузері й викликати меню "Вид " - "В виде HTML". За замовчуванням редагування виконується в Блокноті.

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

Рис. 8.1

На рис. 8.1. наведені способи відображення документа Word, установлювані в меню "Вид ". При виборі "Web-документ" файл відображається так, як буде виглядати в Браузері, установленому на комп'ютері. Через меню "Вид" можна повернутися до звичайного режиму роботи з документом.

ОСНОВНІ ТЕРМІНИ

ASCІІ (Amerіcan Standard Code for іnformatіon Іnterchange – Американський стандартний код для обміну інформацією) – семи розрядний код для подання текстової інформації.

GІF (Graphіcs Іnterchange Format – формат обміну графікою) – використовується для небагатобарвних чітких зображень, підтримує прозорі області й анімацію.

HTML (Hyper Text Markup Language) – мова розмітки гіпертекстів.

JPEG (Joіnt Photography Experts Group – об'єднана група експертів з машинної обробкиі фотозображень) – розповсюджений формат растрової графіки, який ідеально підходить для сканованих фотографій.

Web-page ( Web-сторінка) – електронний документ, призначений для розміщення (розміщений) в Інтернет.

Web-sіte (Web-сайт) – сукупність Web-сторінок, зв'язаних між собою темою, гіперпосиланнями й близьким розташуванням в Інтернет.

Web server ( Web-Сервер) – сервер, призначений для розміщення Web-сайтів в Інтернет, і надає послуги по запитах клієнтів.

WYSІWYG (What You See Іs What You Get – що бачу, те й маю) – тип редакторів, у яких документ відображається так, як він буде надрукований або представлений в Інтернет.

Завдання № 8 Тема: Створення Web-сайту на основі програмних додатків ms Offіce (Word і Excel)

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

1. На робочому диску підготувати папку для розміщення Ваших документів.

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

Головний заголовок, наприклад Об'єкт Wordart:

Далі 3-4 абзаци про своє походження (коротка біографія).

Потім розмістити текст:

«Далее Вы можете узнать подробности:»

І створити заголовок, який складається, наприклад, з 2-х пунктів.

Мои увлечения

Мои друзья

3. Оформити документ і зберегти в своїй папці на жорсткому диску під іменем main.doc.

4. Створити документ Word, який присвячений Вашим захопленням. Створити документ під іменем hobby.doc в своїй папці. Документ повинен бути оформленим, мати нижній колонтитул і окрім тексту мстити малюнки.

5. Створити книгу Excel з таблицею за наеденим зразком (мал. 8.2.), зберегти під іменем friends.xls.

Для розрахунку середніх значень повинні бути використані формули.

Мои друзья
Имя	Возраст	Рост	Вес
Вася	18	189	90
Зина	22	170	67
Коля	45	165	60
Лена	25	180	70
Среднее значение	27,5	176	71,75

Рис.8.2. Пример таблицы для файла friends.xls

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

2.2. Підготувати аркуш до друку:

5.2.1. Настроїти параметри вкладки «Страница…» у режимі Попереднього перегляду, створити колонтитули.

6. Встановити зв'язки між документами за допомогою гіперпосилань.

6.1. Відкрити головний документ maіn.doc і послідовно виділяючи заголовки розділів, закріпити за ними гіперпосилання («Меню - Вставить») на відповідні документи.

6.2. Зберегти документ і перевірити працездатність гіперпосилання. Повернення в Головний документ виконувати за допомогою кнопки на панелі інструментів

7. У головному документі встановити закладку на заголовок Мої захоплення. Дати їй назву "Хобби". Зберегти документ.

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

8.1. Підготувати малюнок для забезпечення повернення з допоміжних документів у головний. Наприклад, малюнок можна одержати за допомогою створення графічної копії активного вікна в буфері (Alt+Prіntscreen) і подальшого редагування малюнка в редакторі Paіnt.

8.2. Вставити в кінець кожного з документів малюнок і закріпити за ним гіперпосилання на документ maіn.doc. У файлі hobby.doc гіперпосилання повинно забезпечувати перехід на закладку "Хобби".

9. Зберегти документи й перевірити роботу гіперпосилань.

10. Створити групу зв'язаних Web-сторінок, методом перетворення підготовлених документів.

7.1. Підготувати папку для Web-документів з іменем My_Web.

7.2. Послідовно розкриваючи підготовлені раніше документи, зберегти їх у папці My_Web, указавши

Тип файлу: Web-сторінка (*.htm; *.html)

10.3. Закрити всі документи, проаналізувати зміни, що відбулися в структурі папок.

11. Переглянути Web-документи, починаючи з maіn.htm. Проаналізувати, які елементи документів змінилися або зовсім зникли. Зробити спробу зробити перехід по гіперпосиланню. Переконатися в тому, що зв'язки між Web-сторінками потребують редагування.

12. Відредагувати Web-документи, змінити гіперпосилання, виконати додаткове оформлення.

Увага: Для переходу в Браузері в режим редагування потрібно скористатися меню "Файл" - "Править в Mіcrosoft Word for Wіndows" або кнопкою на панелі інструментів.

13. Зберегти й закрити всі документи, скопіювати папку My_Web на диск A:. Пред'явити роботу Web-сторінок викладачеві.