3Web-программирование. Внедрение мультимедиа Разработка урока (1)
Оценка 4.6

3Web-программирование. Внедрение мультимедиа Разработка урока (1)

Оценка 4.6
docx
09.05.2020
3Web-программирование. Внедрение мультимедиа Разработка урока (1)
3Web-программирование. Внедрение мультимедиа Разработка урока (1).docx

План урока

Раздел долгосрочного плана:

Раздел -7.Web-программирование

Школа:

Дата:

ФИО учителя:

Класс: 7 класс

Количество присутствующих:

отсутствующих:

Тема урока

Внедрение мультимедиа

Цели обучения, которые достигаются на данном  уроке (ссылка на учебную программу)

10.4.2.4 применять HTML-теги для вставки мультимедиа объектов на web-страницу

Цели урока

Учащиеся знают теги для вставки медиа контента

Умеют внедрять мультимедийные объекты

Анализируют возможности и недостатки внедрения мультимедийных объектов

Знают дополнительные возможности по импорту объектов

Критерии успеха

Все учащиеся: знают теги для вставки медиа контента

Большинство учащихся: Умеют внедрять мультимедийные объекты

Некоторые учащиеся: Анализируют возможности и недостатки внедрения мультимедийных объектов. Знают дополнительные возможности по импорту объектов

Языковые цели

 

Лексика и терминология, специфичная для предмета:

Мультимедиа, графика, звук, видео, анимация

Полезные выражения для диалогов и письма:

Использование данного тега…

Анализируя возможности каждого тега…

Привитие ценностей

 

 

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

Привитие ценностей осуществляется посредством/через… (описание деятельности и/или содержания темы).

Межпредметные связи

Русский язык, Музыка

Предварительные знания

 

Основы HTML

 

 

Ход урока

Запланированные этапы урока

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

 

Ресурсы

Начало урока

 

Для установления благоприятной атмосферы.

Игра “Давка”

Целеполагание.

Мозговой штурм. Определение темы урока

Целеполагание и обсуждение критериев оценивания

 

Середина урока

 

Графика и мультимедийные данные имеют принципиально другую природу, нежели текст. Из-за этого объединить их в одном файле невозможно.

Разработчики HTML нашли оригинальный выход из положения. Прежде всего, графические изображения и мультимедийные данные хранятся в отдельных файлах. А в HTML-коде Web-страниц с помощью особых тегов прописывают ссылки на эти файлы, фактически — их интернет-адреса. Встретив такой тег-ссылку, Web-обозреватель запрашивает у Web-сервера соответствующий файл с изображением, аудио- или видеороликом и выводит его на Web-страницу в то место, где встретился данный тег.

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

Добавить на Web-страницу графическое изображение позволяет одинарный тег <IMG>. Web-обозреватель поместит изображение в том месте Web-страницы, в котором встретился тег <IMG>.

Сила тега <IMG> — в его атрибутах. Обязательный атрибут тега SRC служит для указания интернет-адреса файла с изображением.

Пример:

<IMG SRC="image.gif">

Этот тег помещает на Web-страницу изображение, хранящееся в файле image.gif, который находится в той же папке, что и файл самой этой Web-страницы.

Пример:

<IMG SRC="/images/picture.jpg">

Данный тег помещает на Web-страницу изображение, хранящееся в файле picture.jpg, который находится в папке images, вложенной в корневую папку Web-сайта.

Пример:

<IMG SRC="http://www.othersite.ru/book12/author.jpg">

А этот тег помещает на Web-страницу изображение, хранящееся в файле с интернет-адресом http://www.othersite.ru/book12/author.jpg, изображение с другого Web-сайта.

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

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

Но Web-обозревателю мало поддерживать только сам формат мультимедийных файлов. Он должен быть "знаком" и с форматом кодирования записанной в нем аудио- и (или) видеоинформации. В мире мультимедиа так — разные файлы одного формата могут хранить информацию, закодированную разными форматами. Более того, аудио- и видеодорожки мультимедийного файла практически всегда кодируются разными форматами.

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

Домашнее задание

Подготовить 3 страницы с элементами мультимедиа

Презентация http://bookhtml.ru/grafika/vstavkaaudio.html

https://myrusakov.ru/html-5-elementy-multimedia.html

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Конец урока

 

Рефлексия "Три М"

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

Презентация

Дифференциация – каким образом Вы планируете оказать больше поддержки? Какие задачи Вы планируете поставить перед более способными учащимися?

Оценивание – как Вы планируете проверить уровень усвоения материала учащимися?

Здоровье и соблюдение техники безопасности


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

Дифференциация может быть использована на любом этапе урока с учетом рационального использования времени.

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

Здоровьесберегающие технологии.

Используемые физминутки и активные виды деятельности.

Пункты, применяемые из Правил техники безопасности на данном уроке.  

 

Рефлексия по уроку

 

Были ли цели урока/цели обучения реалистичными?

Все ли учащиеся достигли ЦО?

Если нет, то почему?

Правильно ли проведена дифференциация на уроке?

Выдержаны ли были временные этапы урока?

Какие отступления были от плана урока и почему?

Используйте данный раздел для размышлений об уроке. Ответьте на самые важные вопросы о Вашем уроке из левой колонки. 

 

Общая оценка

 

Какие два аспекта урока прошли хорошо (подумайте как о преподавании, так и об обучении)?

1:

2:

Что могло бы способствовать улучшению урока (подумайте как о преподавании, так и об обучении)?

1:

2:

Что я выявил(а) за время урока о классе или достижениях/трудностях отдельных учеников, на что необходимо обратить внимание на последующих уроках?

 

                                                                                                                                      


 

Скачано с www.znanio.ru

План урока Раздел долгосрочного плана:

План урока Раздел долгосрочного плана:

Ход урока Запланированные этапы урокаЗапланированная деятельность на уроке

Ход урока Запланированные этапы урокаЗапланированная деятельность на уроке

Данный тег помещает на Web-страницу изображение, хранящееся в файле picture

Данный тег помещает на Web-страницу изображение, хранящееся в файле picture

Но Web-обозревателю мало поддерживать только сам формат мультимедийных файлов

Но Web-обозревателю мало поддерживать только сам формат мультимедийных файлов

Домашнее задание Подготовить 3 страницы с элементами мультимедиа

Домашнее задание Подготовить 3 страницы с элементами мультимедиа

Конец урока Рефлексия "Три

Конец урока Рефлексия "Три

Общая оценка Какие два аспекта урока прошли хорошо (подумайте как о преподавании, так и об обучении)? 1: 2:

Общая оценка Какие два аспекта урока прошли хорошо (подумайте как о преподавании, так и об обучении)? 1: 2:
Скачать файл