Абалкасова Гуль Ерматышевна

Язык гипертекстовой разметки HTML. Оформление гиперссылок в фреймовой структуре

Цели урока:

Образовательные:

• Сформировать у учащихся представление о формировании Интернет-страницы с помощью фреймов;

• Познакомить с понятием фрейм;

Развивающие:

• Развивать культуру речи, мышление(умение сравнивать, анализировать, обобщать);

• Учить ставить и разрешать проблемы, делать выводы;

Воспитательные:

• Воспитывать уважительное отношение к мнению других.

Тип урока: урок объяснения нового материала

Оборудование: Учебник: Д.Усенков "Уроки Web - мастера" стр. 95

Формы работы на уроке: фронтальный опрос, индивидуальная работа

План урока:

1. Актуализация опорных знаний.

2. Изучение нового материала

3. Практическая работа на компьютере.

4. Подведение итогов урока.

Ход урока

1. Актуализация опорных знаний.

Проводится фронтальный опрос.

1. Что такое фрейм?

2. Какой тэг используют для того чтобы сформировать фрейм?

(Для создания фреймовой структуры применяется контейнер : )

1. Какой параметр формирует вертикальный фрейм?

(COLS)

1. А горизонтальный? (ROWS)

2. Что обозначают символы в записи тэга

(Под первый вертикальный фрейм отводится 150 пикселей, под второй - 30 % доступного пространства, а для третьего - вся оставшаяся область окна браузера).

1. Как задать имя фрейма? (с помощью атрибута NAME)

2. Изучение нового материала

На прошлом уроке мы познакомились с основами построения Интернет - страницы с помощью фреймов. Цель нашего урока - научиться оформлять гиперссылки.

Содержимым каждого фрейма может быть обычная Интернет - страница с собственным заголовком (TITLE) и телом (BODY), характеристики которой задаются независимо от содержимого других фреймов.

Единственная дополнительная сложность заключается в организации гиперссылок. Если щелкнуть мышью на простой ссылке , то соответствующая страница будет загружена в тот же самый фрейм вместо текущей, в которой располагалась данная ссылка. Чтобы "переадресовать" загрузку вызванной страницы в требуемый фрейм, надо дополнить тэг параметром TARGET= "[имя целевого фрейма]".

Например:

Пример 1:

Заголовок титульной страницы колледжа. Здесь мы видим, какие имена мы присвоили каждому фрейму.

ИПК

Leftfarm" scrolling="NO" noresize

Richtfarm"scrolling="auto"

Пример 2

А это часть страницы меню.

Домашняя

3. Практическая часть.

Используя Блокнот, создайте документ, содержащий 2 вертикально расположенных фрейма. Левый фрейм (узкий) предназначен для вывода меню, правый (широкий) - для вывода содержимого документов, на которые вы ссылаетесь из меню. Размеры фреймов должны быть изменяемы.

1 шаг.

Для того чтобы организовать такой фрейм надо предварительно создать две страницы нашего сайта (Меню и Содержимое).

Для этого мы скопируем с учебного сайта нужные нам страницы и сохраним их в папке на рабочем столе под именами Меню и Содержимое.

Файл menu.htm содержит меню web-страницы:

Меню