Роздрукувати сторінку
Главная \ Методичні вказівки \ Методичні вказівки \ 4208 Практична робота 6-7 на тему Основи Web-дизайну, НАДПСУ

Практична робота 6-7 на тему Основи Web-дизайну, НАДПСУ

« Назад

4208 Практична робота 6-7 на тему Основи Web-дизайну, НАДПСУ

Практична робота 6-7 на тему Основи Web-дизайну

Мета: Познайомитись з мовою програмування HTML.

Хід виконання роботи

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

<HTML>

<HEAD>

<TITL> Назва вікна Web-сторінки </TITL>

</HEAD>

<BODY TEXT=”red”>

<! Далі йде текст, наприклад >

Мене звуть “Введіть Ваше ім’я”, я навчаюсь в Національній Академії ДПСУ на 1 курсі, мені 18 років. Я хочу займатись Web-дизайном. Це моя перша Web-сторінка. Пізніше я вставлю в документ фотокартку, картинки, звуки, відеозображення шляхом гіперпосилань. Моя сторінка поки що некрасива і нецікава. Я розташую свій файл на сервері і його зможуть побачити всі.

</BODY>

</HTML>

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

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

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

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

<HTML>

<HEAD>

<TITL> My Web-page </TITL>

</HEAD>

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

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

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

<HR>

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

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

<HR>

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

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

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

</BODY>

</HTML>

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

<HTML>

<HEAD>

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

</HEAD>

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

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

<CENTER> <B> Привіт </B> Мене звуть <B>Світлана</B>

</CENTER><P>

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

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

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

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

</BODY>

</HTML>

  1. Переробити File3.html, використавши два види списків і назвіть новий файл File4.html. Переглянути файл у браузері.

  2. У файлі File4.html створіть таблицю з оцінками і назвіть новий файл File5.html. Перегляньте його у браузері.

  3. Створіть звуковий файл і вставте звук в основу сторінки. Вставте у файл File5.html гіперпосилання на об’єкти (графічні, звукові, відео а також на File4.html). Застосовуйте гіперпосилання на початок і кінець сторінки.

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

Література: 2.

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

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

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

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

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

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

  6. Призначення та параметри тега Font.

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