8 Створення web-сторінок за допомогою word
ТЕМА 8
СОЗДАНІЕWEB-СТОРІНОК З ПОМОЩЬЮWORD
Створити Web -станіцу в Word можна двома способами. за допомогою майстра або шаблону, або перетворивши існуючий документ Word в формат HTML. При цьому Word сам генерує теги HTML. хоча і не оптимальним чином.
Перший спосіб створення HTML -документів досить простий - треба почати створення документа «з нуля» і тільки слідувати порадам Майстри і використовувати ті кошти, які є в меню програми.
Другий спосіб - перетворення існуючого документа Word в теги HTML при збереженні файлу-Word в форматі HTML. Перетворення природно призводить до того, що якісь елементи оформлення документа будуть втрачені або змінені.
Однією з відмінних рис HTML -документів є те, що сам документ містить лише текст, а всі інші об'єкти вбудовуються в документ в момент його відображення Броузером за допомогою спеціальних тегів і зберігаються окремо. При збереженні HTML-файлу в місці розміщення документа Word створює на диску папку, в яку поміщає супутні йому графічні елементи оформлення. Наприклад, при збереженні файлу з малюнками - frieds. htm. Word створює папку frieds .files. в якій і розмістить все малюнки.
елемент документаWord
Певні користувачем стилі перетворюються в пряме форматування, якщо воно підтримується HTML
Інша можливість - відкрити документ в браузері і викликати меню «Вид» - «У вигляді HTML». За замовчуванням редагування виконується в Блокноті.
На рис. 8.1. наведені способи відображення документа Word. встановлювані в меню «Вид». При виборі «Web-документ» файл відображається так, як буде виглядати в браузері, встановленому на комп'ютері. Через меню «Вид» можна повернутися до звичайного режиму роботи з документом.
ASCII (AmericanStandardCodeforinformationInterchange- Американський стандартний код для обміну інформацією) - семіразрядний код для представлення текстової інформації.
GIF (GraphicsInterchangeFormat- формат обміну графікою) - використовується для немногоцветних чітких зображень, підтримує прозорі області та анімацію.
JPEG (JointPhotographyExpertsGroup- об'єднана група експертів по машиною обробці фотозображень) - поширений формат растрової графіки, який ідеально підходить для сканованих фотографій.
Web-page (Web-сторінка) - електронний документ, призначений для розміщення (розміщений) в Інтернет.
Web server (Web-сервер) - сервер, призначений для розміщення Web-сайтів в Інтернет, і надає послуги по запитах клієнтів.
Частина 1. Створення группиWeb-сторінок методом перетворення
документовMSOffice
1. На робочому диску підготувати папку для розміщення Ваших документів.
2. Створити документ Word такого змісту.
Головний заголовок, наприклад Об'єкт WordArt:
Далі 3 - 4 абзацу про своє походження (коротка автобіографія).
Потім розмістити текст:
«Далі Ви можете дізнатися подробиці:"
І створити зміст, що складається, наприклад, з 2-х пунктів.
3. Оформити документ і зберегти у своїй папці на жорсткому диску під ім'ям main.doc.
4. Створити документ Word, присвячений Вашим захопленням. Зберегти документ під ім'ям hobby .doc в своїй папці. Документ повинен бути оформлений, мати нижній колонтитул і крім тексту містити малюнки.
5. Створення книги Excel з таблицею за наведеним зразком (рис. 8.2), зберегти під ім'ям friends .xls.
Для обчислення середніх значень повинні бути використані формули.
Мал. 8.2. Приклад таблиці для файлу friends .xls
5.1. Побудувати графіки. ілюструють відомості про Ваших друзів. Розташувати графіки, під таблицею, підігнати розміри таблиці і графіків.
5.2. Підготувати лист до друку:
6. Встановити зв'язки між документами за допомогою гіперпосилань.
6.1. Відкрити головний документ main.doc і послідовно виділяючи заголовки розділів, закріпити за ними гіперпосилання ( «Меню - Вставити») на відповідні документи.
6.2. Зберегти документ і перевірити працездатність гіперпосилання. Повернення в Головний документ виконувати за допомогою кнопки на панелі інструментів
7. У головному документі встановити закладку на заголовок Захоплення. Дати їй назву «Хобі». Зберегти документ.
8. Створити в кінці кожного допоміжного документа гіперпосилання, що забезпечують повернення в основний документ.
9. Зберегти документи і перевірити роботу гіперпосилань.
10. Створити групу связаннихWeb-сторінок, методом перетворення підготовлених документів.
10.1. Підготувати папку для Web -документів з ім'ям My _ Web.
10.2. Послідовно розкриваючи підготовлені раніше документи, зберегти їх в папці My _ Web. вказавши
Тип файлу: Web-сторінка (*. Htm; *. Html)
10.3. Закрити всі документи, проаналізувати зміни, що відбулися в структурі папок.
12. Відредагувати Web-документи, змінити гіперпосилання, виконати додаткове оформлення.
Увага: Для переходу з браузері в режим редагування потрібно скористатися меню «Файл» - «Правити в Microsoft Word for Windows» або кнопкою на панелі інструментів.
13. Зберегти і закрити всі документи, скопіювати папку My _ Web на диск A. Пред'явити роботу Web-сторінок викладачеві.
Частина 2. Створення новихWeb-документів за допомогою
пріложенійMSOffice
1. Познайомитися зі структурою і складом багатосторінкового гіпертекстового документа, що об'єднує чотири сторінки (див. Додаток).
2. Створити папку з ім'ям Presentation. а в ній папку для Ваших малюнків - Gallery.
3. Підготувати малюнки для включення їх до відповідних сторінок. Зберегти їх в папці Gallery у вигляді окремих файлів формату bmp. gif або будь-якого іншого формату, що використовується в Інтернет. Звернути увагу на розмір малюнків і обсяг файлів. Обсяг файлів не повинен перевищувати 3 - 10 КБ.
4. Створити окремий файл для кожної сторінки за допомогою текстового процессоа Word (стр.1,2,4). Для Сторінки 3 використовувати готовий файл friends. htm. Зберігати файли в форматі htm або html в папці Presentation.
4.1. Запустити текстовий процесор Word і з його допомогою створити головну сторінку, зберегти файл у форматі html під ім'ям index.htm.
4.1.1. При створенні структурованого документа рекомендується використовувати таблицю. Після розміщення об'єктів зняти обрамлення таблиці.
4.1.2. Виконати оформлення документа. Для головного заголовків використовувати об'єкт WordArt. для інших - стиль Заголовок
4.1.3. Для оформлення фону використовувати один з текстурних способів заливки (меню «Формат» - «Фон» - «Способи заливки») або тематичне оформлення (меню «Формат» - «Тема»).
4.2.1. Для створення документа скористатися пунктом меню «Файл» - «Створити». в діалоговому вікні «Створення документа» вибрати вкладку «WEB -станіци» і піктограму «Нова WEB-сторінка». Зберегти чисту WEB-сторінки в папці Presentation. давши сторінці ім'я англійською мовою childhood.htm
4.2.2. Як заголовок "Моє дитинство" використовувати що біжить рядок. відобразивши попередньо панель Web -компонента. Познайомитися з параметрами біжить рядка, налаштувати її так, щоб вона з'являлася не більше 2-х разів.
4.2.3. Розмітку для розміщення об'єктів зробити за допомогою таблиці.
Малюнок вставити з папки Gallery.
4.2.4. Оформити фон сторінки, використовуючи двобарвне градієнтну заливку. Вибрати кольори близькі до кольору текстури або теми головної сторінки.
4.3. Створити третю сторінку на основі створеного в Частини 1 файлу friends. htm.
4.3.1. Скопіювати файл і супутню йому папку в папку Presentation.
4.3.2. Відкрити файл в браузері, переконатися, що документ відображається правильно. При необхідності відредагувати.
4.4.1. Підготувати малюнок - вигляд будівлі ГУТ з боку Мийки (знайти старий сайт ГУТ). Зберегти малюнок в папці Gallery.
4.4.2. Створити файл в папці Presentation, з ім'ям university.htm.
5. Встановити зв'язки між документами сайту.
5.1. Відкрити в Word документ index.htm, і послідовно виділяючи пункти "Змісту", вставити гіперпосилання на відповідні документи.
6. Вставити в кінець кожного з документів малюнок (). Створити гіперпосилання, що забезпечують повернення в головний документ, закріпивши через малюнком.
Увага! Малюнок для переходів на головну сторінку також повинен знаходитися в папці Gallery.
8.1. Знайти теги, що забезпечують вставку гіперпосилань, малюнків.