4 Практична робота: Створення Web –сторінки у Word

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

1. Тема: Створення Web –сторінки у Word та у Блокноті

2. Мета роботи: навчитись створювати та редагувати Web–сторінки

3. Обладнання: ПК, методичні вказівки до виконання роботи

4. Теоретичні положення: команда меню Вид – Web-документ забезпечує подання Web-сторінок у тому вигляді, що вони будуть мати при відображенні в браузері. За допомогою Word можна створювати веб- сторінки точно так само, як і звичайні документи Word: можна використовувати шаблон веб- сторінок або зберегти документ Mіcrosoft Word як веб- сторінку.

1. Створення порожньої web-сторінки у Word: для цього в меню Файл виберіть команду Створити; в області завдань Створення документа, у групі Створити клацніть Веб-страница або щоб швидко підготувати документ Word для копіювання в інтрамережу або Інтернет , збережіть його як веб-сторінку. Web - сторінка містить: текст; графічне оформлення (яке збільшується час завантаження сторінок); засоби навігації (гіперпосилання - текстові або у вигляді кнопок, які для зручності поєднуються в панель навігації (оформлену у вигляді списку), доступну на кожній Web-сторінці в лівій верхній, рідше у нижній частині сторінки); або карту сайту, що містить посилання на всі сторінки сайту, і звичайно розташовується на окремій сторінці або окремому фреймі; пошукову систему (у більших сайтах) по ключових словах (вимагає наявності спеціального програмного забезпечення, розташовуваного на Web - сервері); інтерактивні форми, що надають зручний засіб передачі інформації, адресованої адміністраторові сервера або призначеної для негайної автоматичної публікації; цифрові звукозаписи й відеофільми, що дозволяють доносити до відвідувачів аудіовізуальну інформацію; спеціальні програми, або сценарії, призначені для динамічної обробки й публікації даних.

2. Перегляд вихідних кодів HTML для веб-сторінки в Блокноті: необхідно перебувати в режимі перегляду веб-сторінок: у меню Вид виберіть команду Перегляд HTML-коду - відкриється редактор Блокнот. Внесіть необхідні зміни в код HTML. У меню Файл оберіть команду Вихід. Натисніть кнопку Обновити (веб-сторінку).

3. Фрейми (рамки) для веб-сторінок: фрейми використовуються для розбивки вікна браузера на кілька областей, кожна з яких являє собою окремий HTML-документ. Як правило, фрейми використовуються для полегшення навігації по сайту (і для створення навігаційного меню). Рамкою (фреймом) називається іменоване вікно, що є частиною сторінки рамок. Веб-обозреватель виводить рамку як одну із декількох областей вікна, у яких допускається відображення сторінок. Рамки можуть містити смуги прокручування, допускати зміна розміру й мати границю. Рамки для веб-сторінок можна використовувати для створення заголовка веб-узла, що при переході до інших веб-сторінок даного вузла завжди залишається у верхній частині екрана. Крім того, рамки можна використовувати для створення змісту веб-узла, що буде завжди відображатися на екрані при переході до різних веб-сторінок даного веб-узла. Але намагайтеся використовувати фрейми тільки тоді, коли це дійсно необхідно.

4. Створення сторінки рамок: у меню Файл виберіть команду Створити - в області завдань Створення документа виберіть команду Веб-страница - у меню Формат виберіть команду Рамки, а потім - команду Нова сторінка рамок. Щоб вибрати необхідний вид рамки, на панелі інструментів Рамки натисніть одну із кнопок: Нова рамка ліворуч, праворуч, зверху, знизу.

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

5. В изначення початкової сторінки рамки: клацніть усередині рамки, для якої варто вибрати початкову сторінку. У меню Формат послідовно виберіть команди Рамки й Властивості рамки, а потім відкрийте вкладку Рамка. У поле Початкова сторінка введіть ім'я й шлях веб-документа, що буде відображатися в рамці при її відкритті за замовчуванням (або натисніть кнопку Огляд). Для створення динамічного посилання встановите прапорець Зв'язок з файлом.

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

6. Створення гіперпосилань між рамками: в одній рамці можна створити гіперпосилання, що вказує на веб-сторінку або файл, відображувані в іншій рамці. По щиглику по гіперпосиланню користувачем відкривається відповідна веб-сторінка або файл в кінцевій рамці. Гіперпосилання може також відкривати сторінку в тій же самій рамці (в "батьківській" сторінці рамок) або в новому вікні (можна задати будь-яку рамку, що має ім'я).

Збережіть документ як веб-сторінку (але це необов’язково). Для створення гіперпосилань між рамками: виділіть текст, наприклад, "МоваVBA" (або малюнок), що повинен представляти собою гіперпосилання. На стандартній панелі інструментів натисніть кнопку Додавання гіперпосилання - створіть зв'язок з існуючим файлом або веб- сторінкою "МоваVBA"

( або з певним елементом іншого документа або веб-сторінки, з елементом поточного документа або веб-сторінки, з адресою електронної пошти - для створення гіперпосилання на адресу електронної пошти можна також увести потрібну адресу в документі, наприклад, уведіть:

someone@example.com - гіперпосилання буде створено автоматично) - у діалоговому вікні Додавання гіперпосилання виберіть кнопку Вибір рамки - у діалоговому вікні Завдання кінцевої рамки клацніть у розділі Поточна сторінка рамку, у якій повинен відображатися кінцевий об'єкт гіперпосилання.

З документів Mіcrosoft Word допускаються створювати посилання на окремі елементи файлів Mіcrosoft Excel (з розширенням .xls) і Mіcrosoft PowerPoіnt (з розширенням .ppt): щоб створити посилання на елемент книги Mіcrosoft Excel, привласніть цьому елементу ім'я; потім наприкінці імені файлу в гіперпосиланні введіть знак номера #, а слідом за ним шукане ім'я. Для створення посилання на конкретний слайд презентації Mіcrosoft PowerPoіnt уведіть після імені файлу знак # і номер слайда.

7. Додавання рядка, що біжить, на веб-сторінку: на панелі інструментів Веб-компоненты натисніть кнопку Бегущая строка; у полі Введите текст бегущей строки, введіть текст, що буде відображатися в рядку, що біжить, на веб-сторінці; виберіть інші необхідні параметри (в оглядачах, що не підтримують відображення рядка, що біжить, текст буде відображатися, але не буде прокручиваться).

8. Створення графічних карт, або. графічних об'єктів (наприклад, на основі географічних карт або малюнків), окремі активні області яких містять гіперпосилання у формі прямокутника, овалу, багатокутника або автофігури (при цьому цю фігуру краще зробити прозорою, щоб не спотворювати малюнок). Для створення гіперпосилання потрібно, не знімаючи виділення з побудованої фігури, клацнути на кнопці Додавання гіперпосилання. Після щиглику на цій фігурі буде здійснюватися перехід до цільового об'єкта гіперпосилання.

9. Про використання фільтра HTML: при збереженні веб-сторінок або відправленні повідомлень електронної пошти у форматі HTML за допомогою Mіcrosoft Word додаються додаткові теги, що дозволяють використовувати засоби Mіcrosoft Word для редагування вмісту. Для зменшення розмірів веб-сторінок і повідомлень електронної пошти у форматі HTML можна зберігати їх з фільтром HTML¹ , що видаляють теги, використовувані додатками Mіcrosoft Offіce. Використовувати даний засіб рекомендується тільки користувачам, що мають досвід створення веб-сторінок і знайомі з тегами HTML. При повторному відкритті веб-сторінки, збереженої з фільтром HTML, в Mіcrosoft Word текст і загальне оформлення зберігаються, але деякі можливості Mіcrosoft Word, які використаються для зміни файлів, можуть бути недоступні. Наприклад, оформлення маркірованих або нумерованих списків зберігається, однак деякі засоби Mіcrosoft Word, зв'язані зі списками, не працюють

Зберігати веб-сторінки з фільтром html треба тільки після завершення їх редагування в mіcrosoft word. Однак, якщо вихідний текст html веб-сторінки не має особливого значення, файли варто зберігати як звичайні веб-сторінки. Якщо згодом потребується змінити файл, можна використати два файли: один збережений в форматі документа mіcrosoft word, а інший - збережений з фільтром html.

10. Про переміщення рамок веб-страниц і сторінок рамок: при переміщенні сторінки рамок² в інше розташування (наприклад на веб-сервер³ або в іншу папку на локальному комп'ютері) необхідно переконатися в тому, що всі веб-сторінки й всі графічні елементи також переміщені. Якщо всі зв'язані файли не будуть переміщені, то посилання на сторінці рамок можуть не працювати, а веб-сторінки й графічні елементи можуть не відображатися

При виборі команди Зберегти як веб-страницу (меню Файл) і збереженні веб-сторінок рамок у нове розташування Mіcrosoft Word переміщає допоміжні файли автоматично. При безпосередній роботі на сторінці рамок Word зберігає всі створювані веб-сторінки в тій же папці, де перебуває сторінка рамок. Якщо файл не збережений в нове місце, необхідно вручну перемістити допоміжні файли документів, рамок і малюнків.