3. Вибрати варіант відтворення текстової інформації у майбутній веб-сторінці (додаток 1.).

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

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

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

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

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

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

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

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

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

Тема 2. Створення маркованих і нумерованих списків (2 год.)

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

навчитися створювати веб-сторінку, яка буде містити списки: маркований, нумерований, з визначенням, багаторівневий.

Завдання

1. Вибрати варіант маркованого, нумерованого списку текстової інформації у майбутній веб-сторінці.

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

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

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

4.1. маркованим,

4.2. нумерованим,

4.3. з визначенням,

4.4. багаторівневим.

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

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

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

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

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

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

Тема 3. Графіка на веб-сторінках (4 год.)

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

навчитися працювати з графічними елементами на веб-сторінках.

Завдання

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

2. Зберегти в зазначеній папці малюнки (вибрані студентом) трьох форматів: JPEG, GIF і PNG

3. У текстовому редакторі створити НТМL-сторінку Прізвище2.html, тлом якої буде картинка (за вибором студента).

4. У текстовому редакторі створити НТМL-сторінку Прізвище2.1.html:

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

2. вставити картинку (за вибором студента), вирівняти її вліво, а текст – оточує справа;

3. вставити картинку (за вибором студента), вирівняти її враво, а текст – оточує злвава;

4. верхню межу зображення вирівняти по найвищому елементу поточного рядка;

5. верхню межу зображення вирівняти по найвищому текстовому елементу поточного рядка (велика літера);

6. середину зображення вирівняти по базовій лінії поточного рядка;

7. середину зображення вирівняти по середині поточного рядка;

8. нижню межу зображення вирівняти по базовій лінії поточного рядка;

9. нижню межу зображення вирівняти по нижній межі поточного рядка;

10. текст розмістити під зображенням.

5. Вставити зображення (за вибором студента) на сторінку, дещо зменшивши його вихідний розмір.

6. Відділити зображення від тексту на 20 пікселів по горизонталі і по вертикалі.

7. Створити для зображення (за вибором студента) альтернативний текст.

8. Створити посилання у вигляді картинки з рамкою і без рамки.

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

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

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

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

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

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

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