Инфоурок Информатика Другие методич. материалыОткрытый урок на тему "Основы HTML"

Открытый урок на тему "Основы HTML"

Скачать материал

 

МИНИСТЕРСТВО НАУКИ И ВЫСШЕГО ОБРАЗОВАНИЯ РФ

ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ

«ЧЕЧЕНСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ

ИМЕНИ А.А.КАДЫРОВА»

 

 

Колледж ФГБОУ ВО «Чеченский государственный университет им.А,А.Кадырова»

 

 

 

 

 

 

Методическая разработка открытого урока

по МДК 01.01

Технология создания и обработки цифровой мультимедийной информации

 

Для студентов группы 11-22-02 Специальности: МпОЦИ

 

Тема: «Основы HTML»

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Грозный, 2022

Рассмотрено и одобрено на заседании

Предметно-цикловой комиссии _______________

Протокол№ _____ от____________2022 г.

Председатель предметно-цикловой комиссии

Рахман Русланович Цицигов

 

 

 

 

 

 

 

 

 

 

 

 

Разработчик: Индербиев Асланбек Арбиевич

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Тема урока: Основы HTML.

Дата проведения: 04 октября 2022 г.

Тип урока: Урок «открытия» нового знания.

Технология урока:

Цель урока:

1.  Развитие практико-ориентированных ключевых профессиональных компетенций специалистов специальности 2203 «Программное обеспечение вычислительной техники и автоматизированных систем» таких, как:

a)  информационная культура;

b) ответственность за выполняемую работу;

c)  способность самостоятельно и эффективно решать проблемы в области профессиональной деятельности;

d) готовность применения информационных технологий в дальнейшей профессиональной деятельности;

e)  понимание сущности и социальной значимости своей будущей профессии.

2.  Формирование представления о языке гипертекстовой разметки HTML

3.  Познакомить учащихся с терминологией HTML, основными конструкциями HTML, структурой HTML – документа и основными элементами языка HTML.

4.  Формирование умений и навыков, которые носят общенаучный и обще интеллектуальный характер

5.  Вызвать интерес к изучению данной дисциплины

Задачи урока:

·     Сформировать общее представление об истории развития HTML;

·     Воспитательная – развитие познавательного интереса, воспитание информационной культуры

·     Развивающая - развитие внимания и логического мышления

·     Учебная – изучить и закрепить основные понятия, конструкции, термины и элементы языка HTML.

Планируемые образовательные результаты урока:

Личностные:

Воспитание информационной культуры учащихся, внимательности, ответственного отношения к учению.

 

Метапредметные:

Коммуникативные – умение сознательно использовать речевые средства в соответствии с задачей коммуникации, владение устной и письменной речью;

Регулятивные - умение выражать свои мысли, выслушивать мнение других; определять и формулировать тему и цель деятельности; умение работать по плану;

Познавательные – умение определять понятия, классифицировать, самостоятельно выбирать основания и критерии для классификации; находить ответы на вопросы, используя свой жизненный опыт и   информацию, полученную на уроке; давать оценку своим действиям, оценивать результат.

Предметные:

Знать: области применения языка HTML.

Уметь: классифицировать HTML.

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

План урока:

1.Организационный момент.

2.Подготовка учащихся к активному и сознательному усвоению новых знаний.

Совместное определение темы и целей урока.

Сообщение плана урока.

3.Актуализация знаний.

Общая классификация HTML.

4. «Открытие» нового знания.

Общее представление о языке HTML (презентация и выступления).

Самостоятельное изучение информации об HTML.

Обмен «добытой» информацией.

Игра физ. минутка.

5.Применение нового знания.

Задания в группах на классификацию графики.

Выполнение индивидуальных заданий.

6.Контроль и коррекция результатов.

Взаимопроверка выполнения заданий.

7. Итоги урока, рефлексия

8. Домашнее задание. Подготовить доклады по пройденной теме, выучить лекционный материал по теме.

9. Ход урока:

Привлечение внимания учащихся: «Добрый день. Сегодня у нас вводный урок по теме «Основы HTML».

2 этап

Вступительное слово об этапах работы над проектом.  Вспомним, с какими темами мы познакомились?

Ответы учащихся:

Гипертекст

Вставка изображений в WEB – страницы.

Структура сайта.

Создание сайта

А какие тэги языка HTML Вы узнали?

Ответы учащихся:

<html></html>

Указывает программе просмотра страниц что это HTML документ.

<head></head>

Определяет место, где помещается различная информация

 не отображаемая в теле документа.

 Здесь располагается тег названия документа и

 теги для поисковых машин.

<body></body>

Определяет видимую часть документа

Атрибуты тела документа

<body bgcolor="?">

Устанавливает цвет фона документа, используя значение цвета

 в виде RRGGBB - пример: FF0000 - красный цвет.

<body text="?">

Устанавливает цвет текста документа, используя значение цвета

 в виде RRGGBB - пример: 000000 - черный цвет.

<body link="?">

Устанавливает цвет гиперссылок, используя значение цвета

 в виде RRGGBB - пример: 00FF00 - зеленый цвет.

<body vlink="?">

Устанавливает цвет гиперссылок, на которых вы уже побывали,

используя значение цвета в виде RRGGBB –

 пример: 333333 - серый цвет.

<body alink="?">

Устанавливает цвет гиперссылок при нажатии.

Теги форматирования текста

<h1></h1>

Создает самый большой заголовок

<h2></h2>, <h3>, </h3><h4></h4>, <h5>, </h5>

Создает заголовоки промежуточных размеров

<h6></h6>

Создает самый маленький заголовок

<b></b>

Создает жирный текст

<i></i>

Создает наклонный текст

<font size="?"></font>

Устанавливает размер текста в пределах от 1 до 7.

<font color="?"></font>

Устанавливает цвет текста, используя

значение цвета в виде RRGGBB.

Гиперссылки

<a rel="nofollow ugc" target="_blank" href="NAME"></a>

Создает гиперссылку на другую страницу.

<a rel="nofollow ugc" target="_blank" href="#name"></a>

Создает гиперссылку на метку текущей страници.

<a name="name"></a>

Отмечает часть текста, как метку для гипперссылок на странице.

<a rel="nofollow ugc" target="_blank" href="NAME#name"></a>

Создает гиперссылку на метку другой страници.

Форматирование

<p></p>

Создает новый параграф

<p align="?"></p>

Выравнивает параграф относительно одной из сторон документа,

 значения: left, right, justify или center

<br>

Вставляет перевод строки.

<dl></dl>

Создает список определений.

<dt>

Определяет каждый из терминов списка

<dd>

Описывает каждое определение

<ol></ol>

Создает нумерованный список

<li>

Определяет каждый элемент списка и присваивает номер

<ul></ul>

Создает ненумерованный список

<li>

Предваряет каждый элемент списка и добавляет кружок или квадратик.

Графические элементы

<img src="name">

Добавляет изображение в HTML документ

<img src="name" border="?">

Устанавливает толщину рамки вокруг изображения

<img src="name" vspase="?">

Устанавливает поля сверху и снизу

<img src="name" hspase="?">

Устанавливает поля сбоков

<img src="name" alt="?">

Всплывающая подсказка при наведении на имедж

<hr>

Добавляет в HTML документ горизонтальную линию.

<hr size="?">

Устанавливает высоту (толщину) линии

<hr width="?">

Устанавливает ширину линии, можно указать

 ширину в пикселах или процентах.

<hr noshade>

Создает линию без тени.

<hr color=»?»>

Задает линии определенный цвет. Значение RRGGBB.

Таблицы

<table></table>

Создает таблицу.

<tr></tr>

Определяет строку в таблице.

<td></td>

Определяет отдельную ячейку в таблице.

<th></th>

Определяет заголовок таблицы (нормальная ячейка

 с отцентрованным жирным текстом)

<caption></caption>

Определяет подпись таблицы

Атрибуты таблицы

<table border=»#»>

Задает толщину рамки таблицы.

<table cellspacing=»#»>

Задает расстояние между ячейками таблицы.

<table cellpadding=»#»>

Задает расстояние между содержимым ячейки и ее рамкой.

<table width=»#»>

Устанавливает ширину таблицы в пикселах или процентах

 от ширины документа.

<table height=»#»>

Устанавливает высоту таблицы в пикселах или процентах

 от высоты документа.

<tr align=”?”> или <td align=”?”>

Устанавливает выравнивание ячеек в таблице, принимает

 значения: left, center, или right.

<tr valign=”?”> или <td valign=”?”>

Устанавливает вертикальное выравнивание для ячеек таблицы,

принимает значения : top, middle, или bottom.

<td colspan=»#»>

Указывает кол-во столбцев, которое объединено в одной ячейке.

 (по умолчанию=1)

<td rowspan=»#»>

Указывает кол-во строк, которое объединено в одной ячейке

. (по умолчанию=1)

<td nowrap>

Не позволяет программе просмотра делать перевод строки

 в ячейке таблицы.

<td width=»#»>

Устанавливает ширину ячейки в пикселах или процентах

 от ширины таблицы (ячейки одного столбца не могут иметь

 разную ширину).

<td height=»#»>

Устанавливает высоту ячейки в пикселах или процентах

 от высоты таблицы (ячейки одной строки не могут иметь

 разную высоту).

3 этап

Обобщение систематизация применение

Доклады учащихся: каждый ученик загружает свою страничку, показывает и рассказывает свой материал (см. текстовые файлы приложения)

4 этап

Тесты учащихся – ученики задают вопросы друг другу, размещённые на сайте

5 этап

Подведение итогов: «Подведём итог: чему мы научились за этот месяц?»

Ответы учащихся

Научились создавать Web – странички

Вставлять изображение на Web – странички

Создавать гиперссылки

Оценки за урок.

10. Рефлексия

·        Перед вами лежат карточки с вопросами информационного диктанта. Ответьте пожалуйста на вопросы, используя логические переменные. 0- нет, 1-да.

·        Вопросы:

·        Вам было интересно на уроке?

·        Вы узнали что-то новое на уроке?

·        Был ли доступен изучавшийся материал?

·        Вы его поняли?

·        Готовы ли вы на следующих уроках применить его на практике?

Задание ученикам по рефлексии их деятельности: закрепить пройденный материал.

Формы контроля и оценки результатов урока: опрос.

Информация о домашнем задании: подготовить доклады по пройденной теме, выучить лекционный материал по теме. 

Список использованных материалов: А.В. Остроух, Ввод и обработка цифровой информации.


Самоанализ урока

 

Урок был проведен в соответствии с программными требованиями по курсу ПМ.01 Ввод и обработка цифровой информации с использованием учебно-методического комплекса Остроух А.В.

Урок проводился на 1 курсе, где учащихся имеют средний и высокий уровень обученности. При планировании урока учитывался уровень подготовки группы в целом, возрастные, психологические особенности обучающихся. Некоторые обучающиеся имеют заниженную самооценку, высокий уровень тревожности. Поэтому при планировании урока учитывались индивидуально-психологические особенности обучающихся и особенность учебного материала.

Цель: Знакомство с языком разметки HTML.

Задачи:

- обучающие

·        сформировать общее представление об истории развития HTML;

·        способствовать осознанию понятия о HTML;

·        выяснить области применения HTML;

-  развивающие

·        развивать логическое мышление, память, умения выделять главное в изучаемом материале;

·        развивать умение объяснять особенности, закономерности, анализировать, сопоставлять, сравнивать: и т.д.

- воспитательные

·        воспитывать культуру речи студентов;

·        информационную культуру студентов;

·        познавательную потребность, интерес к предмету.

Планируемые образовательные результаты:

Личностные:

Воспитание информационной культуры учащихся, внимательности, ответственного отношения к учению, привлечение внимания к экологическим проблемам утилизации оргтехники.

Метапредметные:

Коммуникативные

– умение сознательно использовать речевые средства в соответствии с задачей коммуникации, владение устной и письменной речью;

Регулятивные

- умение выражать свои мысли, выслушивать мнение других; определять и формулировать тему и цель деятельности; умение работать по плану;

Познавательные

– умение определять понятия, классифицировать, самостоятельно выбирать основания и критерии для классификации; находить ответы на вопросы, используя свой жизненный опыт и   информацию, полученную на уроке; давать оценку своим действиям, оценивать результат.

Предметные:

Знать: области применения HTML.

Уметь: классифицировать язык разметки HTML на практике.

Используемые на уроке средства ИКТ: персональный компьютер (ПК) учителя, мультимедийный проектор, экран, ПК учащихся.

Тип урока: урок совершенствования знаний, умений и навыков.

Структура урока: Организационный момент позволил проверить наличие обучающихся в группе, готовность учебного кабинета к занятию и познакомить с критериями оценивания работу на уроке.

На этапе «Постановка целей и задач урока. Мотивация учебной деятельности» обучающимся была предложена информация, которая позволила им самостоятельно сформулировать цели и задачи урока.

На этапе изучения нового материала, обучающиеся познакомились с языком разметки HTML

Реализация целей этапа осуществлялась через решение поставленной проблемы с помощью самостоятельного поиска обучающимися необходимой информаций в тексте.

Была проведена физ. минутка для снятия усталости и напряжения обучающихся.

На этапе первичной проверки понимания была проведена проверка и осознанность усвоения нового материала, что позволило выявить пробелы и произвести коррекцию.

На следующем этапе осуществлялось закрепление нового материала через выполнение практической работы на компьютере.

Перед этапом подведения итогов урока мною была проведена рефлексия, что позволило выявить уровень усвоения содержания пройденного материала. Обучающиеся дали оценку своих действий на уроке, выяснили причины затруднений и т.д.

При подведении итогов урока обучающиеся подсчитали набранное в ходе урока количество баллов, с помощью оценочной были выставлены отметки за работу на уроке. Указаны положительные моменты.

О домашнем задании была дана полная информация, предложенные задания были прокомментированы.

На данном уроке сочетались различные методы приёмы проведения занятий:

Словесный (по источнику изложения материала) – беседа на 2 и 3 этапах

Проблемное изложение (по характеру учебно-познавательной деятельности) - поиск решения возникшей проблемы, на этапе усвоение новых знаний.

Практический – выполнение практической работы

Разнообразие и быстрая смена учебной деятельности обеспечили стабильность учебной познавательной атмосферы, занятость всех студентов с учетом их способностей. Студенты на всех этапах урока работали быстро, четко. Все использованные формы работы на уроке отработанные, так как они помогают экономить время для введения нестандартных учебных ситуаций.

В течение всего урока поддерживал интерес у обучающихся к обучению.

Была создана ситуация успеха через формирование ответственного отношения к учению, коллективу, с которым работали. Студенты были готовы к проблемным ситуациям и с успехом справились с ними.

Методы организации и осуществления учебно-познавательной деятельности обеспечили мотивацию, сотрудничество преподавателя и обучающихся, соответствовали содержанию и целям урока. Формы познавательной деятельности способствовали включению в деятельность каждого обучающегося, обеспечили сотрудничество между ними.

Урок проведен продуктивно. Цели и задачи, поставленные на уроке, были полностью реализованы в ходе урока.

Объем и сложность учебного материала соответствовали образовательным стандартам по профессиональному модулю ПМ.01 Ввод и обработка цифровой информации, учебным возможностям данной группы. Задания были направлены на развитие активной познавательной деятельности, на развитие самостоятельности обучающихся. Урок носил практический, развивающий и обучающий характер.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Открытый урок на тему "Основы HTML""

Методические разработки к Вашему уроку:

Получите новую специальность за 3 месяца

Нутрициолог

Получите профессию

Методист-разработчик онлайн-курсов

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Скачать материал

Найдите материал к любому уроку, указав свой предмет (категорию), класс, учебник и тему:

6 695 160 материалов в базе

Скачать материал

Другие материалы

Вам будут интересны эти курсы:

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.

  • Скачать материал
    • 18.10.2023 264
    • DOCX 1.4 мбайт
    • 15 скачиваний
    • Оцените материал:
  • Настоящий материал опубликован пользователем Индербиев Асланбек Арбиевич. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт

    Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.

    Удалить материал
  • Автор материала

    Индербиев Асланбек Арбиевич
    Индербиев Асланбек Арбиевич
    • На сайте: 4 года и 1 месяц
    • Подписчики: 0
    • Всего просмотров: 2523
    • Всего материалов: 7

Ваша скидка на курсы

40%
Скидка для нового слушателя. Войдите на сайт, чтобы применить скидку к любому курсу
Курсы со скидкой

Курс профессиональной переподготовки

Фитнес-тренер

Фитнес-тренер

500/1000 ч.

Подать заявку О курсе

Курс повышения квалификации

Использование компьютерных технологий в процессе обучения информатике в условиях реализации ФГОС

36 ч. — 144 ч.

от 1700 руб. от 850 руб.
Подать заявку О курсе
  • Сейчас обучается 150 человек из 48 регионов
  • Этот курс уже прошли 1 315 человек

Курс повышения квалификации

Особенности подготовки к сдаче ЕГЭ по информатике и ИКТ в условиях реализации ФГОС СОО

36 ч. — 180 ч.

от 1700 руб. от 850 руб.
Подать заявку О курсе
  • Сейчас обучается 109 человек из 40 регионов
  • Этот курс уже прошли 587 человек

Курс профессиональной переподготовки

Информатика: теория и методика преподавания с применением дистанционных технологий

Учитель информатики

300 ч. — 1200 ч.

от 7900 руб. от 3950 руб.
Подать заявку О курсе
  • Сейчас обучается 22 человека из 13 регионов
  • Этот курс уже прошли 19 человек

Мини-курс

Soft-skills современного педагога

3 ч.

780 руб. 390 руб.
Подать заявку О курсе
  • Сейчас обучается 44 человека из 20 регионов
  • Этот курс уже прошли 42 человека

Мини-курс

Психологические аспекты развития и состояния личности

4 ч.

780 руб. 390 руб.
Подать заявку О курсе

Мини-курс

Эффективные стратегии успешного взаимодействия: от понимания до саморазвития

4 ч.

780 руб. 390 руб.
Подать заявку О курсе