Приклад виконання лабораторної роботи

Як приклад створимо простий сайт. На рисунку 1 показаний загальний вид Web-сторінки, яка має три фрейми.

Верхній фрейм містить таблицю з одного рядка, в якій розташований рядок, що біжить. В одну ячейку таблиці вставлене графічне зображення з коментарем, а інша містить текст.

Рисунок 1. – Вид Web-сторінки

Файл main.html містить такі команди:

Верхній фрейм сторінки створений за допомогою файлу file.html, що містить такі команди:

Файл left.html, містить програму, яка відповідає зображенню лівого фрейму цієї сторінки. Містить команди:

Файл file2.html, містить програму, яка відповідає зображенню правого фрейму цієї сторінки. Містить команди:

Цей фрейм містить такі елементи, як маркірований і нумерований списки, підключення звукового файлу, а також гіперпосилання, яке викличе зміну зображення лівого фрейму, яке формується командами файлу file1.html:

Сторінка містить список прізвищ дітей і групу, яку дитина відвідує. Список сформований у вигляді таблиці із границями й розміщений по середині сторінки. Гіперпосилання дозволяє вернутися до попередньої сторінки в лівому фреймі.

Рисунок 2. – Вид Web-сторінки після вибору списку прізвищ.