Практическая работа 04
Тема: Создание фреймовой структуры в HTML.
1. Цель работы: Научиться создавать фреймовую структуру в HTML.
2. Оснащение:
2.1 Персональный компьютер;
2.2 Программное обеспечение;
а) ОС Microsoft Windows 98/2000/ХР;
б) 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-страницы.
Практическая работа №5
Тема: Создание табличной структуры в HTML.
1. Цель работы: Научиться создавать табличную структуру в HTML.
2. Оснащение:
2.1 Персональный компьютер;
2.2 Программное обеспечение:
а) ОС Microsoft Windows 98/2000/ХР;
б) Microsoft Internet Explorer 4.0/5.0/6.0;
в) HTML - редактор;
г) Web-сайт «Введение в HTML».
2.3 Задание.
3. Задание: Создать табличную структуру (рис. 1).
Рис. 1. Табличная структура web-сайта
4. Методические указания:
Для создания табличной структуры web-сайта достаточно создать одну web- страничку с табличной структурой, а затем сохранить ее несколько раз.
Для удобства перехода по страничкам нужно предусмотреть, чтобы на текущей странице ссылка на нее скрывалась. Например: на странице «Содержание» — ссылка «Содержание» не действует; на странице «Главная» — ссылка «Главная» также не работает.
5. Вывод.
6. Контрольные вопросы:
6.1 Преимущества и недостатки создания табличной структуры по сравнению с фреймовой структурой.
Практическая работа 06
Тема: Создание и внедрение JavaScript в HTML-код.
1. Цель работы: Научиться создавать и внедрять JavaScript в HTML-код.
2. Оснащение:
2.1Персональный компьютер;
2.2 Программное обеспечение:
а)ОС Microsoft Windows 98/2000/ХР;
б)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) и методы (OpenO, CloseO, Focus()) окна браузера.
4. Методические указания
Методические указания в виду большого объема выложены на Web-сайте «Введение в JavaScript».
5. Вывод.
6. Контрольные вопросы:
6.1 Преимущества создания JavaScript на web-страницах.