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 документа.
