Главная

Контакты

Случайная статья

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

Связь между фреймами.

Для того чтобы страница, вызванная по гиперссылке, открылась в нужном фрейме, необходимо в тэге < A> в атрибуте target указать имя этого фрейма.

Например, если фрейму, отображающему страницу 2 задать имя «nomber2»:

< Frameset cols= «30%, *» >

< Frame src=s1. html >

< Frame src=s2. html name=nomber2>

< /Frameset>

a в документе s1. html поместить ссылку:

< A href=s3. html target=nomber2> стр3 < /A>

то страница 3 откроется не в первом, а во втором фрейме.

ПОРЯДОК ВЫПОЛНЕНИЯ РАБОТЫ:

1 задание. Выполните подготовительную работу: создав 3 страницы, для каждой из которых задайте свой цвет фона, заголовок 1 уровня «Страница №…» и произвольный рисунок, сохраните страницы под именами str1. html, str2. html, str3. html.

2 задание. Создайте страницу, состоящую из 3 равных вертикальных областей. В каждой из которых отобразите соответственно содержимое 1, 2 и 3 страниц. Задайте ширину и цвет границ фреймов по желанию. Сохраните ее под именем vert. html.

3 задание. Измените страницу, заменив вертикальное деление на горизонтальное. Уберите ширину ицвет границ фреймов. В первом фрейме установите запрет на изменение его размера. СохранитеHTML-документ под именем gor. html.

4 задание. Создайте HTML-документ под именем glav. html, состоящий из 2 вертикальных областей (размеры которых относятся, как 1: 3).

В левой области должен отображаться HTML-документ c заголовком Оглавление и гиперссылки на 1, 2 и 3 страницы (str1. html, str2. html, str3. html). Гиперссылки, организуйте, таким образом, чтобы страницы 1, 2 и 3 отображались в правой области.

5 задание. Создайте HTML-документ под именем str4. html: задайте заголовок 1 уровня «Страница №…» и определение «Фрейм (frame) — рамка, область страницы — позволяет разделять экран на несколько областей, в каждой из которых отображается содержимое отдельной страницы илиWeb-узла. ».

6 задание. Создайте HTML-документ под именем plav. html: задайте свой цвет фона, отцентрированный заголовок 1 уровня «Пример плавающего фрейма» и отцентрированный“плавающий” фрейм (шириной – 30%, высотой – 200 пиксель), отображающий содержимое страницы 4 (str4. html).

7 задание. Создайте HTML-документ под именем ram. html, состоящий из 3 равных вертикальных областей, третью область разделите на две равные горизонтальные области. В каждой из которых отобразите соответственно содержимое 1, 2, 3 и 4 страниц.

8 задание. Продемонстрируйте преподавателю результаты работы: vert. html, gor. html, oglav. html, glav. html, plav. html, ram. html.

КОНТРОЛЬНЫЕ ВОПРОСЫ:

1. Что такое HTML-документ?
2. Что такое фрейм?
3. Чем отличается структура HTML-кода фрейма от структуры HTML-документа?
4. Какое расширение имеет HTML-документ?
5. Что такое тэг? Каких видов бывают тэги? Назначение атрибутов? Формат записи тэгов?
6. Как посмотреть HTML-документ? Как просмотреть HTML-код документа, фрейма в окне обозревателя?
7. Знать назначение тэгов и их атрибутов, которые были использованы в данной лабораторной работе.