Notice: Undefined variable: title in /home/area7ru/area7.ru/docs/metodic-material.php on line 165
Тема урока: HTML-проектирование. Фреймы - Преподавание информатики - Методические материалы для преподавателей, учителей, педагогов

Notice: Undefined variable: reklama2 in /home/area7ru/area7.ru/docs/metodic-material.php on line 252

Главная / Методические материалы / Преподавание информатики

Тема урока: HTML-проектирование. Фреймы


Автор(ы): Никешина Мария Павловна, учитель информатики


Notice: Undefined variable: content in /home/area7ru/area7.ru/docs/metodic-material.php on line 278
Цели:
Познавательная(обучающая
):
  1. ознакомить учащихся с методикой отображения нескольких документов на одной странице;
  2. отработать практические навыки разбиения Web-страницы на фреймы;
  3. расширить интеллектуальный и профессиональный тезаурус с помощью терминов, выражений и другой информации.
Развивающая:
  1. развивать умение анализировать, систематизировать полученные знания;
  2. развивать творческое и логическое мышление;
  3. развивать инициативность, самостоятельность и внимание;
  4. укладываться в ограниченные сроки, уметь давать самооценку работы.
Воспитательная:
  1. воспитание усидчивости, аккуратности, внимательности при выполнении практических работ.
Тип урока:
изучение нового материала с последующим применением его в практической работе.
Методы обучения:
программируемый, эвристический.
Методы преподавания:
инструктивный, поисково-стимулирующий.
Методы учения:
практический, частично-поисковый.
Материальное и методическое обеспечение:
  • кабинет, оснащенный ПК,
  • видеопроектор,
  • сканер,
  • Web-страницы, созданные учащимися предыдущих групп.
  • Приложение1. Приложение2.
Ход урока.
I. Постановка цели урока.
II. Актуализация опорных знаний.
III. Изучение нового материала.
IV. Закрепление полученных знаний. Практическая работа.
V. Подведение итогов урока.
Постановка цели урока.
Язык HTML позволяет в рамках одной Web-страницы отобразить несколько документов. Для этого страница должна быть разбита на несколько областей — фреймов. Разбиение страницы описывается документом HTML особого рода, структура которого отличается от обычной. На уроке учащиеся знакомятся с методикой отображения нескольких документов на одной странице и отрабатывают практические навыки разбиения Web-страницы на фреймы;
Актуализация опорных знаний.
Отобразить на экране Приложение1(«Периоды развития России»), затем Приложение2(«Про нас»).
По ходу просмотра Web-страниц, созданных ранее, предложить учащимся ответить на следующие вопросы:
  1. Сколько документов отображено на странице? В каких соотношениях делится страница?
  2. Как в Web-документе работают гиперссылки? Обратить внимание учащихся на то, что ссылки раскрываются в другой области страницы.
  3. В каких случаях полосы прокрутки отображаются, в каких нет?
  4. Как расположена фоновая графика, обтекание текстом изображений в файле?
  5. Укажите достоинства и недостатки каждой из работ.
Изучение нового материала.
Фреймы являются средством отображения нескольких документов в одном окне браузера. Тело документа заменяется описанием фреймов, задаваемым парным тегом < frameset >. Элемент body в таком документе должен отсутствовать, а при наличии — игнорируется браузером.
Открывающий тег < frameset > должен содержать обязательный атрибут cols = или rows =, определяющий способ разбиения окна. В первом случае окно разбивается вертикальными линиями, во втором — горизонтальными. Если заданы оба атрибута, создается сетка фреймов. Значение любого из этих атрибутов — это перечисленные через запятую размеры отдельных фреймов.
< frameset cols="60%, 40%">
Значения могут быть заданы в пикселях или в процентах от ширины окна. Последняя область может быть определена с помощью символа «*», что означает, что ей выделяется все оставшееся пространство.
< frameset rows="40%, 40%,*">
Между тегами < frameset > и < /frameset > должно располагаться ровно столько элементов, сколько областей создано с помощью атрибутов cols= и rows=. При этом могут использоваться дополнительные элементы frameset, описывающие дальнейшее разбиение на подобласти еще меньшего размера, или непарные теги <frame>, определяющие способ использования области.
Тег <frame> должен содержать обязательный атрибут src=, с помощью которого указывается, какой документ первоначально загружается в соответствующую область. Значение этого атрибута — абсолютный или относительный адрес нужного документа.
Среди прочих атрибутов выделяется атрибут name=, позволяющий задать «имя» созданной области в виде последовательности латинских букв и цифр, использованной как значение этого атрибута.
<frame src="text.htm" name="left" >
Это имя можно использовать, чтобы загружать новые документы в ранее созданную область. Для этого в тег <a>, определяющий гиперссылку, необходимо добавить атрибут target=, значение ...

ВНИМАНИЕ!
Текст просматриваемого вами методического материала урезан на треть (33%)!

Чтобы просматривать этот и другие тексты полностью, авторизуйтесь на сайте:

Ваш id: Пароль:

РЕГИСТРАЦИЯ НА САЙТЕ

Простая ссылка на эту страницу:
Ссылка для размещения на форуме:
HTML-гиперссылка:

Добавлено: 2019.03.28 | Просмотров: 238

При использовании материалов сайта, активная ссылка на AREA7.RU обязательна!

Notice: Undefined variable: r_script in /home/area7ru/area7.ru/docs/metodic-material.php on line 340