Завдання 3. Створення та редагування тексту

1. У вікні програми Internet Explorer виконайте команди Вид ® Просмотр HTML – кода.

2. Створіть заголовок тексту з вирівнюванням по центру. Для цього після тегу <body> перед заголовком Гіперпосилання поставте тег <H3 align=center>, а після заголовку </Н3>.

3. Уведіть у документ наведений нижче текст Гіперпосилання.Текст розташуйте в абзаці, скориставшись тегами <p></p>.

4. Виконайте команди: Файл ® Сохранить, Вид ® Обновить.Прогляньте документ.Закрийте файли.

Гіперпосилання

У звичайному текстовому документі будь-якому об’єкту (текстовому фрагменту, малюнку тощо) можна додативизначені властивості за допомогою мови програмування HTML. Таки об’єкти становляться активними (активними словами, малюнками - інакше командами).

Ці активні об’єкти мають назву гіперпосилання, а текст із такими гіперпосиланнями стає гіпертекстом, тобто розширеним текстом - текстом вз додатковими елементами. У документі гіперпосилання виділяються кольором. Гіперпосилання дають посила на різні об’єкти: на фрагменти тексту, рисунки, текстові та мультімедійні файли, Web–сторінки, електронні адреси, інші документи.

Під час наведення покажчика миші на гіперпосилання з’являється спливаюча підказка, а під час активізації гіперпосилання на екрані з’явиться пов'язаний із ним об’єкт. Створюють такі гіпертексти в будь-якому текстовому редакторі.

Завдання 4. Створення на сторінці фону у вигляді рисунка.

1. Скопіюйте у папку гіпер* з папки Мои рисунки будь який рисунок. Змініть ім’я файла рисунка у папці гіпер* на малюнок1. Пробіл в імені файла заборонений. Можна скористатися рисунком не тільки з папки Мои рисунки, а й цифрової камери.

2. Завантажте файл перший.html. Перейдіть у режим перегляду HTML-коду.

3. Зробіть фоном Веб-сторінки файл малюнок1. Для цього змініть тег

<body> на <body background=малюнок1.jpg>. Виконайте команди: Файл ® Сохранить, Вид ® Обновить. Прогляньте документ.

Завдання 5. Створення на Веб-сторінці звичайного фону.

1. Фон Веб-сторінки можна зробити, скориставшись шістнадцятирічніми кодами кольору формату RGB, в якому чорний колір представляється #000000, білий – #FFFFFF, червоний – #FF0000, жовтий – #FFFF00, бірюзовий - #408080.
Зробіть фон Веб-сторінки, скориставшись шістнадцятирічнім кодом. Для цього змініть тег з фоном п. 4.3 на тег <body bgcolor=#dd0000>.
Виконайте команди: Файл ® Сохранить,Вид ® Обновить. Прогляньте документ.

2. Фон Веб-сторінки можна зробити, скориставшись англійськими словами, які визначають колір: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow.

3. Змініть тег з фоном п. 5.1 на тег <body bgcolor=green>. Виконайте команди: Файл ® Сохранить, Вид ® Обновить. Прогляньте документ. Зробіть висновки щодо використання команд bgcolor та background.

Завдання 6. Вставка рисунків у Веб-сторінку.

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

<p align=center><img src=малюнок.jpg width=300 height=300></p>

2. Виконайте команди: Файл ® Сохранить, Вид ® Обновить. Прогляньте документ.

Завдання 7. Створення гіперпосилань.

1. У Веб-документі можна створити гіперпосилання на файли. Це можна побачити на такому прикладі.

2. Змініть початок документа на такий: <body bgcolor=green> <H3 align=center><a href=малюнок1.jpg> Гіперпосилання </a></Н3>.

3. Виконайте команди: Файл ® Сохранить, Вид ® Обновить. Прогляньте документ.

4. Активуйте заголовок Гіперпосилання. Зробіть висновки.

5. Скопіюйте текст Гіперпосилання (не коди). Закрийте файли.

Завдання 8. Створення закладок та гіперпосилань.

1. Завантажте MS Word. Виконайте вставку тексту з буфера обміну. Зніміть з тексту усе форматування. Збережіть документ у файлі з ім’ям перший.doc у папці гіпер*.

2. Відредагуйте документ, створіть Зміст з пунктом 1. Гіперпосилання.

3. Зробіть для слова Зміст гіперпосилання на файл перший.html (команди Вставка ®Гиперссылка). Виконайте гіперпосилання.

4. Виділіть текст Гіперпосилання (без змісту) і зробіть для нього закладку за допомогою команд Вставка ® Закладка.Ім’я закладки – гіпер. Зробіть для пункту змісту 1. Гіперпосилання гіперпосилання на закладку. Виконайте гіперпосилання. Результати збережіть.

Завдання 9. Друк документів.

1. Виведіть вміст створених вами документів на друк.

МЕТОДИЧНІ ВКАЗІВКИ ДО ЛАБОРАТОРНОГО ЗАНЯТТЯ

№ 6.3

Тема заняття:Прийоми форматування тексту у Веб-документі.

Мета: Набути умінь і навичок форматування тексту у Веб-документі.

Теоретичні зауваження.

1. Ознайомтеся з наведеними нижче теоретичними зауваженнями щодо створення та форматування HTML документа.

Наши рекомендации