Тема 5. Створення нтмl-документу з використанням гіперпосилань та якорів (2 год).

Мета. Сформувати у студентів навички необхідні для підготовки html-файлу

навчитися створювати посилання в межах однієї веб-сторінки та посилань між веб-сторінками.

Завдання

1. Створити НТМL-код веб-сторінки, який відображатиме вказаний форматований текст.

2. Відкрити папку, в якій зберігатиметься файл лабораторної роботи на жорсткому диску.

3. У текстовому редакторі створити НТМL-сторінку Прізвище4.html з використанням тегів, що налаштовують бажаний вигляд веб-сторінки, доповнивши її гіперпосиланнями:

   1. В межах сторінки – якоря;

   2. На окремий файл;

   3. Підказками;

   4. В новому вікні;

   5. На окремий файл у вигляді картинки

4. Зберегти документ на жорсткому диску з розширенням Прізвище4.html у створеній папці.

5. Закрити текстовий редактор.

6. Завантажити браузер (ІnternetЕхрloer, MozillaFirefox) та відкрити файл Прізвище4.html. або запусти­ти файл, що відображається в папці піктограмою веб-сторінки.

7. Переглянути отриманий результат.

8. Проаналізувати відтворення веб-сторінки.

9. При необхідності внести зміни ви­конати у меню ВИГЛЯД команду ПЕРЕГЛЯД НТМL-КОДУ. Зберегти зміни та оновити веб-сторінку (F5).

10. У висновку описати використані теги.

Тема 6. Вставка мультимедийної інформації (2 год).

Мета. Сформувати у студентів навички необхідні для підготовки html-файлу

навчитися доповнювати веб-сторінку мультимедійною інформацією.

Завдання

1. Створити НТМL-код веб-сторінки, який відображатиме вказаний форматований текст.

2. Відкрити папку, в якій зберігатиметься файл лабораторної роботи на жорсткому диску.

3. У текстовому редакторі створити НТМL-сторінку Прізвище5.html з використанням тегів, що налаштовують бажаний вигляд веб-сторінки, доповнивши її:

   1. фоновою музикою (за вибором студента);

   2. відео в форматі AVI (за вибором студента);

   3. flash-анімацію (за вибором студента);

   4. аудіозапис MP3 (за вибором студента);

   5. трьохмірну інтерактивну графіку в форматі VRML (за вибором студента).

4. Зберегти документ на жорсткому диску з розширенням Прізвище5.html у створеній папці.

5. Закрити текстовий редактор.

6. Завантажити браузер (ІnternetЕхрloer, MozillaFirefox) та відкрити файл Прізвище5.html. або запусти­ти файл, що відображається в папці піктограмою веб-сторінки.

7. Переглянути отриманий результат.

8. Проаналізувати відтворення веб-сторінки.

9. При необхідності внести зміни ви­конати у меню ВИГЛЯД команду ПЕРЕГЛЯД НТМL-КОДУ. Зберегти зміни та оновити веб-сторінку (F5).

10. У висновку описати використані теги.

Тема 7. Призначення і створення динамічних ефектів (2 год.)

Мета. Сформувати у студентів навички необхідні для підготовки html-файлу

навчитися створювати динамічні ефекти у веб-файлі.

Завдання

1. Створити НТМL-код веб-сторінки, який відображатиме вказаний форматований текст.

2. Відкрити папку, в якій зберігатиметься файл лабораторної роботи на жорсткому диску.

3. У текстовому редакторі створити НТМL-сторінку Прізвище6.html з використанням тегів, що налаштовують бажаний вигляд веб-сторінки, доповнивши її такими динамічними ефектами:

3.1.біжучого тексту (задавши йому такі параметри: колір тла смуги та висоту смуги, по якій рухається текст, швидкість руху тексту, );

3.2. відбивання від країв екрана;

3.3. зупинки рядка біля лівого краю екрана;

3.4. руху у протилежний бік (зліва направо);

3.5. карти-зображення.

4. Зберегти документ на жорсткому диску з розширенням Прізвище6.html у створеній папці.

5. Закрити текстовий редактор.

6. Завантажити браузер (ІnternetЕхрloer, MozillaFirefox) та відкрити файл Прізвище6.html. або запусти­ти файл, що відображається в папці піктограмою веб-сторінки.

7. Переглянути отриманий результат.

8. Проаналізувати відтворення веб-сторінки.

9. При необхідності внести зміни ви­конати у меню ВИГЛЯД команду ПЕРЕГЛЯД НТМL-КОДУ. Зберегти зміни та оновити веб-сторінку (F5).

10. У висновку описати використані теги.