Лабораторна робота 4. Створення HTML-документу


План

  1. Створення Web-сторінки у OpenOffice.org

  2. Компанування Web-проекту



Мета - засвоїти загальні особливості створення HTML-документу засобами OpenOffice.org, створити коротку ілюстровану довідку по будь-якому з додатків OpenOffice.org





Завдання

    Вступ

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

    Основні особливості мови HTML:

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

    - є можливість внесення гіперпосилань

    - мова має широкий вибір засобів макетування

    - за допомогою команд мови можна створювати таблиці і форматувати текст вручну

    - засобами мови графічні зображення можна включати прямо у документ; ці зображення також можуть бути гіперпосиланнями

    - є можливість створення карт-зображень, що містять активні області

    - можна включення інтерактивних компонентів, таких як заповнювані форми і програми, робота з якими вимагає участі самого користувача.

    Від простого текстового файла HTML-документ відрізняє присутність кодів розмітки, які мають назву теги. Ці коди є складовими частинами самого документу; вони керують форматуванням і визначають макети готового документу ,формують посилання на інші документи і роблять багато іншого.

    Ці коди розмітки оточені спеціальними маркерами, за допомогою яких вони відділюються від основного тексту документу. Цими символами є кутові дужки «<», «>». Також слід відмітити, що HTML-коди нечуттєві до регістру, тобто тег <body>, <boDy> або <BodY>.

    Деякі теги (наприклад, тег <br> - переведення рядку) можуть просто вставлятися у потрібне місце документу. Інші теги, такі як <body>, повинні зустрічатися у вигляді пари з відкритого і закритого тегу. Ефект тегу проявляється між його відкритою і закритою частинами.

    <body> </bodi>


Коли створюється Web-сторінка у OpenOffice.org, то теги писати не потрібно, але якщо виникне все ж таки така необхідність, то слід скористатися командою Вид – Вихідний текст HTML і ви побачите код сторінки, який легко можна виправити, набравши потрібні теги і зберігши зміни.

  1. Створіть папку, в яку будити записувати всі документи.

  2. Продумайте структуру і навігацію проекту.

  3. Створіть і збережіть скріншоти додатку, по якому ви робитимете довідку (за допомогою клавіш PrintScreen або Alt+PrintScreen CTRL+Alt+PrintScreen) та інші графічні об'єкти для Web-проекту, малюнки з галереї OpenOffice.org , які ви бажаєте використати теж необхідно зберегти у вашій папці.

  4. За допомогою Майстра (Файл – Майстер – Веб-сторінка) виберіть шаблон і стиль першої сторінки (стиль для наступних сторінок застосовуйте той самий, а шаблон змінюйте залежно від вмісту сторінки). Введіть потрібний текст на сторінці (так само як і Writer), вставте потрібні графічні об'єкти (Вставка – Графічні об'єкти). Збережіть у вашій папці створену сторінку.

    Якщо ви хочете змінити фон сторінки, на малюнок або тло які вам більше подобаються, то натисніть на вільній області сторінки, скористайтеся командою Формат – Сторінка, виберіть колір фону або графічний об'єкт (у списку Тип, що відкривається) і натисніть ОК.

  5. Таким же чином створіть інші сторінки.

  6. Зробіть гіперпосилання між створеними документами (Вставка – Гіперпосилання).

Гіперпосилання являє собою об'єкт, що розміщений на сторінці і за допомогою засобів HTML і вказує на інший об'єкт (web-сторінку, частину сторінки, файл, службу Інтернету). Частіше за все посилання оформлюються у вигляді тексту, виділеного кольором і/або накресленням, а також у вигляді картинок (звичайно їх зміст вказує на те, що це – посилання).

Уважно створюйте посилання! Після виконання команди Вставка – Гіперпосилання у діалоговому вікні Гіперпосилання встановіть у полі Шлях посилання на потрібний файл.

  1. Перевірте структуру сторінок та працездатність гіперпосилань. Відредагуйте помилки і спробуйте знову переглянути ваш проект у різних браузерах.



Список рекомендованої літератури

  1. Довідка по OpenOffice.org

  2. http://www.biblio.mpi.melitopol.net/webdesign.shtml

  3. Интернет. Энциклопедия. 3-е изд./Ю. Солницын, В. Холмогоров. - Спб.: Пртер, 2003. - С.354-448.