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

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

Цели урока:

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

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

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

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

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

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

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

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

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

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

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

План урока:

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

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

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

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

$Ход урока

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

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

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

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

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

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

(COLS)

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

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



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

    $

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

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

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

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

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

Например:

Пример 1:

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

$ИПК

$

Пример 2

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

Домашняя

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

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

1 шаг.

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

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

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

Меню

/*$*/

Post Comment