Лабораторная работа №5 html. Создание и применение фреймов Цель: изучить порядок создания и использования фреймов при разработке Web-страниц



Дата24.05.2018
Размер63.5 Kb.
Название файлаWEB-ЛР05_2011_Фреймы.doc
ТипЛабораторная работа


Лабораторная работа № 5

HTML. Создание и применение фреймов

Цель: изучить порядок создания и использования фреймов при разработке Web-страниц.

Фреймы – это окна независимого просмотра HTML-документов. Иногда бывает очень удобно использовать навигацию по странице в виде меню, оформленного в отдельном фрейме, и основного окна, где будет представлена вся основная информация, определяемая действиями пользователя в области меню.

Для создания фрейма используется тег FRAMESET, который заменяет тег BODY в документе и используется для разделения экрана на области. Внутри данного тега находятся теги FRAME, которые указывают на HTML-документ, предназначенный для загрузки в область.

Пример. Создание простого фрейма











В приведенном примере присутствует объявление двух фреймов, которые будут располагаться вертикальными полосами и занимать соответственно 30 и 70 процентов рабочей области.

Вертикальное расположение устанавливается параметром cols= “…”, а для горизонтальных полос используют параметр rows= “…”.

Параметр border= “…” определяет границу между фреймами.

Определение документа, изначально загружаемого при открытии этого файла (этот документ является HTML-страницей.), задается атрибутом тега src= “…”, при этом необходимо указать параметр name="...", позволяющий задать "имя" созданной области в виде последовательности латинских букв и цифр, использованной как значение этого атрибута.

Это имя можно использовать, чтобы загружать новые документы в ранее созданную область. Для этого в тег <А>, определяющий гиперссылку, необходимо добавить атрибут target="...", значение которого совпадает с ранее определенным именем области. При переходе по данной гиперссылке новый документ загрузится в указанный фрейм.

Например, предположим, что начальная страница Web-узла состоит из двух фреймов: слева располагается навигационная панель, а справа – текущая страница. Если правой области присвоено имя, используемое во всех ссылках, имеющихся в левой области, то щелчок на любой ссылке навигационной панели приведет к обновлению информации в соседней области, оставляя навигационную панель без изменений.

В данном документе находятся только ссылки на другие (существующие) HTML документы, которые будут загружены броузером при открытии страницы с фреймами. Файл menu.html имеет следующую структуру:













<Н1>Первый фрейм



Поделитесь с Вашими друзьями:


База данных защищена авторским правом ©nashuch.ru 2019
обратиться к администрации

    Главная страница
Контрольная работа
Курсовая работа
Лабораторная работа
Пояснительная записка
Методические указания
Рабочая программа
Методические рекомендации
Теоретические основы
Практическая работа
Учебное пособие
Общая характеристика
Общие сведения
Теоретические аспекты
Физическая культура
Дипломная работа
Самостоятельная работа
Федеральное государственное
История развития
Направление подготовки
квалификационная работа
Выпускная квалификационная
Общая часть
Техническое задание
Методическое пособие
Технологическая карта
Краткая характеристика
Теоретическая часть
государственное бюджетное
прохождении производственной
Техническое обслуживание
Общие положения
Методическая разработка
Технология производства
Исследовательская работа
Металлические конструкции
Математическое моделирование
Гражданское право
Организация работы
Понятие предмет
Правовое регулирование
учреждение высшего
Технологическая часть
Решение задач
Практическое занятие
Уголовное право
Описание технологического
Основная часть
Метрология стандартизация
История возникновения
Общие требования
Электрические машины