Практична робота № 18

Тема: Створення Web-документів, що містять теги форматування символів.

Мета: Уміти створювати прості web-сторінки та надавати їм певного вигляду, використовуючи для цього основні команди мови HTML.

Програмне забезпечення: Блокнот та ОС Windows.

Хід роботи

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

2. Створіть за допомогою текстового редактора html-файл з особистими данними про себе. Текст повинен мати заголовок, складатися з декількох абзаців. Задайте назву вікна web-сторінки.

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

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

5. Відредагуйте сторінку. Для того щоб відредагувати файл, треба спочатку відкрити програму Блокнот, а потім файл і кожного разу після редагування треба зберігати файл. Задайте колір фона та текста. Змінюйте відповідні параметри тега BODY - BGCOLOR і TEXT.

6. Виконайте форматування тексту у файлі filel.htm. Застосуйте у тексті різні накреслення літер (жирний, курсив, підкреслений). Заголовок тексту відцентруйте та відокремти від іншого тексту порожнім рядком. Кожний абзац розташуйте з нового рядка. У кінці всього текста намалюйте лінію.

7. Запишіть html-код файлу filel1.html

___________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

8. Створіть ще один html-файл з розповіддю про себе. Виконайте форматування тексту у файлі file2.htm:

• Біографічні дані (заголовок 2 рівня, колір – чорний)

• Дата народження: (розмір – 5, колір – синій, накреслення – напівжирний, вирівнювання – зліва)

• Місце народження: (розмір – 4, колір – жовтий, накреслення – курсив, вирівнювання – зліва)

• Склад сім’ї: (маркерований список, розмір – 4, колір – зелений, накреслення – підкреслений, вирівнювання –зліва)

• Технікум: (розмір – 3, колір – золотий, накреслення – закреслений, вирівнювання – зліва), група (розмір – 3, колір – золотий, накреслення – напівжирний, курсив, вирівнювання – зліва)

• Улюблені заняття: (нумерований список, заголовок 3 рівня, колір – рожевий, вирівнювання – справа)

9. Перегляньте цей файл за допомогою броузера і поекспериментуйте з розмірами вікна, в якому демонструється документ.

10. Запишіть html-код файлу filel1.html

_______________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

_________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________ КОНТРОЛЬНІ ПИТАННЯ

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

____________________________________________________________________________________________________________________________________________________

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

____________________________________________________________________________________________________________________________________________________

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

____________________________________________________________________________________________________________________________________________________

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

________________________________________________________________________________________________________________________________________________________________________________________________________________________

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

______________________________________________________________________________________________________________________________________________________________________________________________________________________________

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

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

________________________________________________________________________________________________________________________________________________________

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

________________________________________________________________________

9. Яке призначення тега FONT, параметри тега FONT?_____________________________

__________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

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

______________________________________________________________________________________________________________________________________________________________

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

______________________________________________________________________________________________________________________________________________________________

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

____________________________________________________________________________________________________________________________________________________________

Висновок:___________________________________________________________________________________________________________________________________

____________________________________________________________________________________________________________________________________________

Дата виконання: _________________ Оцінка: _________________

Підпис викладача: __________________