Графіка Гр 63 Урок 9-10

1
ПРАКТИЧНА РОБОТА
Тема уроку. Розмітка веб-сторінок за допомогою фреймів
Мета уроку. Закріплення знань про найбільш поширені дискриптори,

можливості задання кольору, шрифту, вирівнювання тексту; повторення
відомостей щодо створення внутрішніх та зовнішніх зсилок, використання різних
типів посилань; ознайомлення з поняттям “фрейм”; формування вмінь та навичок
створення фреймів (у тому числі, вкладених) та організації переміщення між ними,
створення таблиць та задання параметрів їх складових елементів
Тип уроку. Практична робота
Обладнання. Текстовий редактор Блокнот або Word Pad, завдання для роботи
ХІД РОБОТИ
1. Відкрийте текстовий редактор Блокнот.
2. Створіть Web-сторінку, що міститиме 2 фрейми за зразком:
3. Збережіть під назвою Frame.htm у власній папці.
4. Перегляньте створену Web-сторінку.
◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦
5. Підготуйте шаблон для Web-сторінки Menu.htm, набравши:
2
6. Задайте фонову картинку та колір тексту на власний смак ( приклад <BODY

bgcolor= FF0000 text=green>)
7. Використовуючи дескриптори для нумерованого та маркованого списків,

створіть меню:
8. Скориставшись тегами <B> … </B> та <I> … </I>, встановіть накреслення

напівжирне та курсивом для вищеподаного тексту.
9. Збережіть Web-сторінку під назвою Menu.htm.
10. Перегляньте створену Web-сторінку.
◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦
11. Підготуйте шаблон для Web-сторінки Miru_dovg.htm, набравши:
3
12. Оформіть тлумачний словник деяких мір, дописавши:
13. За вказаним зразком допишіть наступні терміни:
14. Збережіть Web-сторінку під назвою Miru_dovg.htm та перегляньте її.
◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦
15. Організуйте відкриття Web-сторінки Miru_dovg.htm та перехід до потрібної

інформації при натисканні на відповідному підпункті меню “Тлумачний словник
деяких мір”:
15.1. Відкрийте HTML- код Web-сторінки Menu. htm.
15.2. Допишіть перед і після слова “метр” за зразком:

4
15.3. Аналогічно оформіть інші пункти (ставити #002, #003, …)
15.4. Відкрийте HTML- код Web-сторінки Miru_dovg.htm.
15.5. Допишіть перед і після означення слова “метр” за зразком:
15.6. Аналогічно оформити інші пункти (ставити 002, 003, …)
16. Збережіть внесені зміни.
17. Перевірте правильність роботи посилань.
◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦
18. Підготуйте шаблон для Web-сторінки Table_Mir.htm, набравши:
19. Задайте колір фону та тексту.
20. Створіть таблицю співвідношення мір за зразком:

5
21. Задайте за зразком накреслення тексту напівжирним та курсивом і

вирівнювання - по центру.
22. Збережіть Web-сторінку під назвою Table_Mir.htm.
◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦◊♦
23. Організуйте відкриття Web-сторінки Table_Mir.htm у вікні фрейму при
натисканні на пункті меню “Стародавні вітчизняні міри місткості (для рідин)”,
дописавши у HTML- коді сторінки Menu.htm:
24. Додайте до Web-сторінки файлу Table_Mir.htm посилання для повернення до

основної сторінки:
24.1. Відкрийте Web-сторінку Table_Mir.htm у режимі HTML.
24.2. Допишіть:
25. Перевірте правильність переходів між зв‘язаними Web-сторінками,

відкривши сторінку Frame.htm
6
26. Надіслати папку зі створеними файлами та фото

Графіка Гр 63 Урок 9-10

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Графіка Гр 63 Урок 9-10

Uploaded by

Copyright:

Available Formats

1

Тема уроку. Розмітка веб-сторінок за допомогою фреймів

Мета уроку. Закріплення знань про найбільш поширені дискриптори,

Тип уроку. Практична робота

1. Відкрийте текстовий редактор Блокнот.

2. Створіть Web-сторінку, що міститиме 2 фрейми за зразком:

3. Збережіть під назвою Frame.htm у власній папці.

4. Перегляньте створену Web-сторінку.

6. Задайте фонову картинку та колір тексту на власний смак ( приклад <BODY

7. Використовуючи дескриптори для нумерованого та маркованого списків,

8. Скориставшись тегами <B> … </B> та <I> … </I>, встановіть накреслення

9. Збережіть Web-сторінку під назвою Menu.htm.

10. Перегляньте створену Web-сторінку.

12. Оформіть тлумачний словник деяких мір, дописавши:

13. За вказаним зразком допишіть наступні терміни:

14. Збережіть Web-сторінку під назвою Miru_dovg.htm та перегляньте її.

15. Організуйте відкриття Web-сторінки Miru_dovg.htm та перехід до потрібної

15.1. Відкрийте HTML- код Web-сторінки Menu. htm.

15.2. Допишіть перед і після слова “метр” за зразком:

15.3. Аналогічно оформіть інші пункти (ставити #002, #003, …)

15.4. Відкрийте HTML- код Web-сторінки Miru_dovg.htm.

15.5. Допишіть перед і після означення слова “метр” за зразком:

15.6. Аналогічно оформити інші пункти (ставити 002, 003, …)

16. Збережіть внесені зміни.

17. Перевірте правильність роботи посилань.

19. Задайте колір фону та тексту.

20. Створіть таблицю співвідношення мір за зразком:

21. Задайте за зразком накреслення тексту напівжирним та курсивом і

22. Збережіть Web-сторінку під назвою Table_Mir.htm.

24. Додайте до Web-сторінки файлу Table_Mir.htm посилання для повернення до

24.1. Відкрийте Web-сторінку Table_Mir.htm у режимі HTML.

25. Перевірте правильність переходів між зв‘язаними Web-сторінками,

26. Надіслати папку зі створеними файлами та фото

You might also like