Роздрукувати сторінку
Главная \ Методичні вказівки \ Методичні вказівки \ 1140 Лабораторна робота № 3 на тему Створення web-сторінки за зразками прикладів

Лабораторна робота № 3 на тему Створення web-сторінки за зразками прикладів

« Назад

1140 Лабораторна робота № 3 на тему Створення web-сторінки за зразками прикладів

Лабораторна робота № 3

Тема: Створення web-сторінки за зразками прикладів

Мета: Створити web - сторінку з розповіддю про себе.

Удосконалення своєї web-сторінки:

- створити в ній два списки;

- таблицю.

Хід роботи

1. Відкрийте текстовий редактор NotePad.

2. Створіть за допомогою текстового редактора html-файл з розповіддю про себе. Зробіть це так, як у прикладі, тобто без форматування тексту, і збережіть його командою Save as... з назвою file1.htm у власній папці. Тег <BODY> у файлі запишіть так: <BODY TEXT = "red">.

Приклад :
<HTML>
<HEAD>
<TITLE> Назва вікна web – сторінки </TITLE>
</HEAD>
<BODY параметри >
Далі йде текст.

</BODY>
</HTML>

3. Відкрийте файл file1.htm у броузері. Для цього відкрийте свою робочу папку і двічі клацніть мишею на назві файлу.

4. Проекспериментуйте з різними значеннями кольорів (green, white, yellow, blue, #ffaa55 тощо) параметрів BGCOLOR і TEXT. He забувайте кожного разу після внесення змін виконува­ти команду Saveas... у текстовому редакторі  NotePad, а для перегляду файлу у броузері двічі клацати на назві файлу file1.htm.

5. Виконайте форматування тексту у файлі file1.htm  обов’язково використовуючи пари тегів (<I>...</I>, <B>...</B>, <U>...</U>, <P>, <HR>) і збережіть файл із назвою file2.htm. Усі заголовки створіть у броузері зеленим кольором.

6. Перегляньте цей файл за допомогою броузера.

7. Проекспериментуйте з розмірами вікна, в якому демонструється документ. Переконайтеся, що броузері автоматично змінює розташу­вання тексту, щоб його можна було переглядати без горизонтальної смуги прокручування (текстові редактори цьо­го не роблять).

8. Виконайте форматування тексту у файлі file1.htm створивши один з типів списку (тип списку видає викладач) зазначте свої уподобання, місця навчання, праці тощо. Збережіть файл із назвою file3.htm. Перегляньте файл file3.htm у броузері. ,

9. Виконайте форматування тексту у файлі file1.htm таблицю з даними про себе. Збережіть файл із назвою file4.htm. Перегляньте файл file4.htm у броузері.

10. Проекспериментуйте  з параметрами тега TEBLE.

11. Об’єднайте деякі дві клітинки таблиці в одну.

12. Створіть ще одну таблицю без рамок, використавши тег <PRE> .. </PRE>. 

13. Використайте як найбільше тегів форматування і надайте своїй сторінці як найліпшого вигляду. Підрахувати та  створити коротку справку по кожному тегу форматування використано під час ство­рення сторінки.

Запитання

  1. Що таке гіперпосилання?

  2. Що таке гіпертекст?

  3. Що таке web-документ?

  4. Для чого призначена програма-броузер?

  5. Що таке web-вузол  (web-сайт)?

  6. Яка структура простого web-документа?

  7. Для чого призначена мова HTML?

  8. Що таке тег і які є теги?

  9. Які параметри може мати тег BODY?

  10. Який тег позначає початок нового абзацу?

  11. Які теги позначають товстий, курсивний і підкреслений шрифти?

  12. Які теги призначені для вирівнювання елементів на сторінці?

  13.  Яке призначення тега FONT?

  14.  Яких значень можуть набувати параметри тега FONT?

  15. Які є типи списків?

  16. Як створити нумерований список?

  17. Як створити ненумерований список?

  18. Як створити список означень?

  19. Яке призначення тега TABLE?

  20. Які параметри може мати тег TABLE?

  21. Які теги формують у таблиці рядки, клітинки–заголовки і звичайні клітинки?

  22. Як у таблиці об’єднати декілька клітинок в одну?

  23. Який параметр використовується для вирівнювання елементів?

  24. Яка особливість пари тегів  <PRE> .. </PRE>?

З повагою ІЦ “KURSOVIKS”!