Файл: Наименование организации образования Частная школа Тагылым.docx

ВУЗ: Не указан

Категория: Не указан

Дисциплина: Не указана

Добавлен: 04.12.2023

Просмотров: 63

Скачиваний: 1

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.

наименование организации образования

Частная школа «Тагылым»

 







Краткосрочный (поурочный) план

 

 







Раздел

Раздел 4. 4А. Веб-дизайн







Ф.И.О (при его наличии) педагога

Апуова А.К.







Дата

 







Класс 10

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

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







Тема урока

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







Цели обучения в соответствии с учебной программой

10.4.2.4 Использование тегов HTML (Open HTML) для вставки мультимедийных объектов на веб-страницу







Цели урока

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







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
















Ход урока














Этап урока/ Время

Действия педагога

Действия ученика

Оценивание

Ресурсы

начало урока

Приветствие


Приветствие







Настрой на урок

Ожидания-реальность

Называют свои ожидания от урока

Предлагают пути достижения







 Повторение

Называют теги переноса на новую строку

Тег добавления ссылки на файл

Тег изменения цвета фона, текста

Тег добавления таблицы 

 Критерий

Знать назначение тегов

1б за каждый верны ответ

 

 

 

 

 

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

 Новая тема

Изучают готовый образец

Называют какие теги применили и какой результат получили

 Критерий

Различать теги и их назначение в программе
2 балла за верный ответ

 Приложение 1

Дополнительная информация

Изучают дополнительный материал

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

Теги вставки элементов




Приложение 2

Работа в парах

Каждая пара получает карточку с кодом

Называют теги

Прогнозируют результат

 Критерий: знать назначение тегов
1 б за верный ответ




Практическая работа

Запустить Блокнот

Набрать код с карточки

Продемонстрировать результат

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


 Критерий

Использовать теги для создания кода
Работа по шаблону 2 б.
Дополнения в код 2 б.

 













конец урока

получает обратную связь

Лестница успеха

Анализируют результат работы

9-10 б. я достиг цели

7-8 б. большая часть работы выполнена успешно

5-6 б. я смог только выполнить задание по образцу

Менее 5 баллов урок сегодня был для меня непосильным
Вспоминают свои ожидания и сравнивают с реальностью

 

 

 Дом.задание

Урок за 21 и 28 февраля в билимленд

 

 

 

 

 

 

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

— расставление акцентов путём выделения фрагментов текста курсивом.

— выделение частей текста жёлтым маркером.

— имитация текста, набранного на печатной машинке.

— отображение фрагмента с меньшим кеглем шрифта, чем у остального текста.

— подстрочное начертание символов.

— надстрочное начертание символов.

— оформление цитат.

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

— вывод неформатированного текста с сохранением пробелов и особенностей переносов.

— контейнер для абзаца.


— переносит текст на другую строку без создания абзаца.

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

— краткое цитирование.

— контейнер для размещения термина и его определения.

— добавление термина.

— добавление определения понятия

— выделение термина курсивом. Последующий текст должен раскрывать понятие.

— указывает, что текст является аббревиатурой или акронимом. Для добавления пояснения используется атрибут title.

    — список с цифрами.

    — список со значками.

  1. — отметка каждого элемента перечня (цифра или значок в зависимости от типа списка).

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

    — выделение фрагмента кода с помощью шрифта monospace. 

     

    Встраивание элементов

    — вставка изображения. Имеет атрибут src, который указывает на адрес нужного файла. Есть и другие атрибуты:

    — выравнивание к одной из сторон документа. Например, значение right переместит рисунок в правый край, а left — в левый.

    — позволяет настроить в пикселях толщину рамки вокруг изображения.

    — контейнер для расположения элемента без , который даёт браузеру возможность самостоятельно выбрать подходящую картинку.

     — вставка звукового контента.

    — вставка видео (поддерживается Ogg, WebM и MP4).

    — указывает местоположение файла для