Практическая работа 3
Тема: Создание фреймовой структуры в HTML.
1 Цель: Научиться создавать фреймовую структуру в HTML.
2 Оснащение:
2.1 Персональный компьютер;
2.2 Программное обеспечение:
а) ОС Microsoft Windows 98/2000/XP;
б) Microsoft Internet Explorer 4.0/5.0/6.0;
в) HTML – редактор;
г) Web-сайт «Введение в HTML».
2.3 Задание.
3 Задание: Создать фреймовую структуру (рис. 1).
Рис. 1. Пример фреймовой структуры web-страницы.
4 Методические указания:
На данном практическом занятии создается как минимум шесть HTML-страниц:
Главная (содержит фреймовую структуру с описанием месторасположения остальных страниц);
Заголовок (располагается в верхнем горизонтальном фрейме);
Список ссылок (ссылки должны открываться в пустом фрейме, расположенном в правой части web-страницы);
Основной фрейм (расположен в правой части web-страницы для отображения ссылок из фрейма «Список ссылок»);
Контактная информация (нижний горизонтальный фрейм, в котором указывается адрес электронной почты, почтовый адрес и прочая контактная информация);
Страницы содержания (страницы, которые будут отображаться в основном фрейме после нажатия на ссылку во фрейме «Список ссылок»).
5 Вывод.
6 Контрольные вопросы:
6.1 Преимущества создания фреймовой структуры web-страницы.
Практическая работа 4
Тема: Создание табличной структуры в HTML.
1 Цель: Научиться создавать табличную структуру в HTML.
2 Оснащение:
2.1 Персональный компьютер;
2.2 Программное обеспечение:
а) ОС Microsoft Windows 98/2000/XP;
б) Microsoft Internet Explorer 4.0/5.0/6.0;
в) HTML – редактор;
г) Web-сайт «Введение в HTML».
2.3 Задание.
3 Задание: Создать табличную структуру (рис. 1).
Заголовок
|
||||
Главная |
Содержание |
Назад |
Вперед |
Автор |
(Информация web-страницы)
|
||||
gou_bmst@rambler.ru |
||||
Рис. 1. Табличная структура web-сайта
4 Методические указания:
Для создания табличной структуры web-сайта достаточно создать одну web-страничку с табличной структурой, а затем сохранить ее несколько раз.
Для удобства перехода по страничкам нужно предусмотреть, чтобы на текущей странице ссылка на нее скрывалась. Например: на странице «Содержание» — ссылка «Содержание» не действует; на странице «Главная» — ссылка «Главная» также не работает.
5. Контрольные вопросы:
5.1 Преимущества и недостатки создания табличной структуры по сравнению с фреймовой структурой.
Практическая работа 5
Тема: Создание и внедрение JavaScript в HTML-код.
1 Цель: Научиться создавать и внедрять JavaScript в HTML-код.
2 Оснащение:
2.1 Персональный компьютер;
2.2 Программное обеспечение:
а) ОС Microsoft Windows 98/2000/XP;
б) Microsoft Internet Explorer 4.0/5.0/6.0;
в) HTML – редактор;
г) Web-сайт «Введение в HTML»;
е) Web-сайт «Введение в JavaScript».
2.3 Задание.
3 Задание: Создать несколько web-страниц с использованием JavaScript.
Каждая web-страница должна содержать «Кнопки», «Поля форм» и «Ссылки». На каждой web-странице должны быть применены свойства (Status, Location, History, Navigator) и методы (Open(), Close(), Focus()) окна браузера.
4 Методические указания:
5 Вывод.
6 Контрольные вопросы:
6.1 Преимущества создания JavaScript на web-страницах.