Урок "Создание веб-страницы"

Колледж сферы услуг

Утверждаю:

Руководителю филиала ГПОБУ КСУ

_______________ М.А. Муртузалиева

«____» ____________________ 2021г.

Открытый урок

по МДК 02.01 Технологии публикации

на тему:

«СОЗДАНИЕ WEB-СТРАНИЦ. ФРЕЙМЫ»

Цели урока:

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

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

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

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

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

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

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

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

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

Оборудование: Персональные компьютеры, презентация для объяснения нового материала.

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

План урока:

1. Постановка целей урока

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

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

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

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

Ход урока

1. Постановка целей урока.

На сегодняшнем уроке мы с вами создадим простейший сайт, для нашего колледжа. Сайт назовем Колледж сферы услуг. Сайт создадим на основе фреймовой структуры, о которой мы сегодня поведём речь. Посмотрим пример.

Д емонстрация сайта.

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

Студентам предлагается ответить на тестовые вопросы, используя презентацию.

1. Изложение нового материала.

   Использование фреймов подразумевает создание нескольких независимых информационных документов, загружаемых каждый в свой фрейм, и созданием специального файла, определяющего структуру документа. Т.О. Определение: Фрейм – это часть сложной web-страницы, в которую может быть загружена другая web-страница. Например, для данной страницы, содержащей два фрейма необходимо создать три файла left.htm -страница в левой части документа, right.htm – страница в правой части, index.htm – писание структуры документа на основе фреймов.

   После создания каждого отдельного фрейма их необходимо связать в единую конструкцию. Для этого используется HTML-документ, в котором тело документа (раздел BODY) заменяется описанием фреймовой структуры. Структура фреймов определяется с помощью тега frameset, который является контейнером для тегов, определяющих фреймы, -frame. Атрибут COLS – определяет вертикальные фреймы и их размер. Атрибут тега frame src задаёт адрес страницы, загружаемого в данный фрейм.

   Для того чтобы организовать горизонтальные фреймы, структура страниц аналогична, кроме атрибута тега frameset. В данном случае это атрибут ROWS. Далее указывается размер фреймов. В данном случае размер фиксированный.

2. Практическая работа. «Создание Web- страниц. Фреймы»

1. Откройте папку сайт для урока расположенную на рабочем столе

1. Откройте документ фрейм.html

• Измените содержание страницы, изменив текст «Ваше название страницы» на название вашей папки.

1. Откройте БЛОКНОТ и создайте документ со следующим содержанием.

Фреймы-строки и столбцы

файл1.html"