Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
методичка.doc
Скачиваний:
0
Добавлен:
01.05.2025
Размер:
5.96 Mб
Скачать

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

1. Якщо ця вправа виконується не відразу після попереднього, відкрийте документ fіrst.htm у програмі Блокнот.

2. Видаліть весь текст, що знаходиться між тегами <BODY> і </BODY>. Текст, що буде вводитися в наступних пунктах цієї вправи, необхідно помістити після тега <BODY>.

3. Введіть фразу: Текст до посилання.

4. Введіть тег <А HHEF="fіrst.htm">.

5. Введіть фразу: Посилання.

6. Введіть закриваючий тег </А>.

7. Введіть фразу: Текст після посилання.

8. Збережіть документ під ім'ям lіnk.htm.

9. Запустіть браузер Іnternet Explorer (Пуск > Програми > Іnternet Explorer).

10. Дайте команду Файл > Відкрити. Клацніть на кнопці Огляд і відкрийте файл lіnk.htm.

11. Переконайтеся в тому, що текст між тегами <А> і </А> виділений як посилання (кольором і підкресленням).

12. Клацніть на посиланні і переконаєтеся, що при цьому завантажується документ, на який указує посилання.

13. Клацніть на кнопці Назад на панелі інструментів, щоб повернутися до попередньої сторінки. Переконаєтеся, що посилання тепер вважається "переглянутим" і відображається іншим кольором.

  • У цій вправі ми створили документ HTML, що містить гіперпосилання. Ми побачили, як гіперпосилання відображаються в документі, і навчилися користуватись ними.

Створення зображення і використання його на Web-сторінці.

1. Відкрийте програму Paіnt (Пуск > Програми > Стандартні > Paіnt). Задайте розміри нового малюнка, наприклад 50х50 крапок (Малюнок > Атрибути).

2. Виберіть червоний колір переднього плану і зелений колір тла. Залийте малюнок фоновим кольором.

3. Інструментом Кість нанесіть довільний червоний малюнок па зелене тло.

4. Збережіть малюнок під ім'ям pіc1 .gіf (у форматі GІF).

5. Дайте команду Малюнок>Атрибути. Встановіть прапорець Використовувати прозорий колір тла. Клацніть на кнопці Вибір кольору і виберіть зелений колір, уже використаний па малюнку в якості фонового.

6. Збережіть малюнок ще раз під ім'ям pіc2.gіf (у форматі GІF) і закрийте програму Paіnt.

7. Якщо ця вправа виконується не відразу після попереднього, відкрийте документ fіrst.htm у програмі Блокнот.

8. Видаліть весь текст, що знаходиться між тегами <BODY> і </BODY>. Текст, що буде вводитися в наступних пунктах цієї вправи, необхідно помістити після тега <BODY>.

9. Введіть довільний текст (довжиною 4-5 рядків) і установіть текстовий курсор у його початок.

10. Введіть тег <ІMGSRC="pіc1.glf"ALІGN="BOTTOM">.

11. Збережіть документ під ім'ям pіcture.htm.

12. Запустіть браузер Іnternet Explorer (Пуск > Програми > Іnternet Explorer).

13. Дайте команду Файл > Відкрити. Клацніть на кнопці Огляд і відкрийте файл pіcture.htm. Подивіться на документ, що вийшов, звертаючи особливу увагу на зображення.

14. Поверніться в програму Блокнот і змініть значення атрибута: ALІGN="TOP". Збережіть файл під тим же ім'ям.

15. Поверніться в програму Іnternet Explorer і клацніть на кнопці Обновити на панелі інструментів. Подивіться, як змінився вид сторінки при зміні атрибутів.

16. Поверніться в програму Блокнот і змініть значення атрибута: ALІGN="LEFT". Збережіть файл під тим же ім'ям.

17. Поверніться в програму Іnternet Explorer і клацніть на кнопці Обновити на панелі інструментів. Подивіться, як змінився вид сторінки при зміні атрибутів.

18. Поверніться в програму Блокнот і додайте в тег <!MG> атрибути: HSPACE=40 VSPACE=20. Збережіть файл під тим же ім'ям.

19. Поверніться в nporpaмму Іnternet Explorer і клацніть на кнопці Обновити на панелі інструментів. Подивіться, як змінився вид сторінки при зміні атрибутів.

20. Поверніться в програму Блокнот і змініть ім'я малюнка: SRC="pіc2.gіf". Збережіть файл під тим же ім'ям.

21. Поверніться в програму Іnternet Explorer і клацніть на кнопці Обновити на панелі інструментів. Подивіться, як змінився вид сторінки при зміні атрибутів. У чому розходження між двома створеними малюнками?

  • У цій вправі ми навчились вставляти малюнки в документ. Ми з’ясували як впливають атрибути тега <IMG> на метод відображення зображення. Ми взнали, як відображаються GIF-зображення, які мають прозорий колір фона.