Роздрукувати сторінку
Главная \ Методичні вказівки \ Методичні вказівки \ 1531 Лабораторна робота 16 на тему Створення текстової Web-сторінки та доповнення її додатковими елементами

Лабораторна робота 16 на тему Створення текстової Web-сторінки та доповнення її додатковими елементами

« Назад

1531 Лабораторна робота 16 на тему Створення текстової Web-сторінки та доповнення її додатковими елементами

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

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

Мета: Навчитися створювати Web-сторінки. Вивчити найбільш використовувані теги для роботи в HTML-документі. Оволодіти навиками розміщення зображень, списків, таблиць та гіперпосилань на веб-сторінках.

Завдання

1. Створити за допомогою текстового редактора наведений текст і збережіть його з назвою File1.html на Робочому столі.

<HTML>

<HEAD>

<TITLE> Практична робота №16 </TITLE>

</HEAD>

<BODY>

</BODY>

</HTML>

2. Додайте тег заголовку і запишіть так:

<H1> Перша проба </H1>

3. Відкрийте файл у браузері.

4. Відформатуйте текст у файлі File1.html наступним чином і збережіть його у файлі File2.html:

<HTML>

<HEAD>

<TITLE> My Web-page </TITLE>

</HEAD>

<BODY BGCOLOR="yellow" TEXT="navy">

<CENTER><H1> Привіт </H1>

<H2>Мене звуть “Введіть Ваше ім’я” </H2></CENTER>

<HR>

<H3>Mені 18 років </H3>

<H4> Я хочу займатись Web-дизайном </H4>

<HR>

<P>Я навчаюсь у Київському фінансово-економічному коледжі Національного Університету ДПСУ на 1 курсі. Це моя <B> перша </B> спроба створити Web-сторінку. Я вже вмію користуватись заголовками, форматувати текстові абзаци. Пізніше я вставлю <I> фотокартку, картинки, звуки, відеозображення </I> шляхом гіперпосилань. <U> Я розташую свій файл на сервері і його зможуть побачити усі </U>. </P>

<P>Я збережу цей файл на диску і відкрию його у браузері. </P>

<P>Цю Web-сторінку я буду удосконалювати, її ще рано розміщувати на сервері. </P>

<HR>

</BODY>

</HTML>

5. Створіть наступний html-файл File3.html і перегляньте його за допомогою браузера.

<HTML>

<HEAD>

<TITLE> My new Web-page </TITLE>

</HEAD>

<BODY BGCOLOR="aqua" TEXT="red">

<H2>Це Web-сторінка “Введіть Ваше ім’я та прізвище”</H2><HR>

<CENTER> <B> Привіт </B> Мене звуть <B> Ваше ім’я </B></CENTER>

<P>Я навчаюсь в <I> навчаюсь у Київському фінансово-економічному коледжі Національного Університету ДПСУ </I> на 1 <SUP><I> му</I></SUP> курсі. Мені 16 років. Мій улюблений предмет – інформатика. Я також люблю слухати музику, читати пригодницькі романи, подорожувати влітку, ходити в театр, дивитись пригодницькі та історичні фільми. <BR>

Я навчаюсь на відмінно і отримую підвищену стипендію. Мрію продовжити навчання і займатись науковою діяльністю. </P>

<P><CENTER> Tут буде моя фотокартка. </CENTER></P>

<P>Моя адреса: <B><U> 08292, м. Ірпінь, вул. Садова, 61</U></B></P>

<HR>

</BODY>

</HTML>

  

Контрольні питання: 

  1. Структура Web-документу.

  2. Що таке тег? Їх види.

  3. Призначення тегів HTML, TITLE, HEAD, BODY та їх формат.

  4. Параметри тега BODY.

  5. Призначення та параметри тегів Font, SUP, I, B, U.

  6. Призначення та параметри тегів P, CENTER, LEFT, RIGHT, CENTER.

  7. Призначення та параметри тегів H1 – H4, HR, BR.

  8. Види списків та їх задання мовою HTML.

  9. Створення таблиць за допомогою мови HTML.

  10. Призначення та параметри тегів IMG, HREF.

  11. Поняття таблиці стилів та її призначення.

  12. Сучасні засоби для створення та перегляду Web-сторінок.

З повагою ІЦ "KURSOVIKS"!