Внедрение мультимедиа на веб страницу
Внедрение мультимедиа на веб страницу

#1 слайд
Добро
пожаловать
На открытый урок
по Информатике
1 слайд
Добро пожаловать На открытый урок по Информатике
#2 слайд
Актуализация знаний
учащихся
2 слайд
Актуализация знаний учащихся
#3 слайд
Приём «Мозговой
штурм»
3 слайд
Приём «Мозговой штурм»
#4 слайд
Внедрение
мультимедиа на веб
страницу
Цель обучения :
Создавать web -страницы с добавлением
мультимедиа.
Критерии оценивания :
Создает и использует -теги при разработке web-
страниц; web -страницы с добавлением
мультимедиа.
28 февраля 2024г.
Подготовила : Бурабаева Айгерим Амангельдиновна
4 слайд
Внедрение мультимедиа на веб страницу Цель обучения : Создавать web -страницы с добавлением мультимедиа. Критерии оценивания : Создает и использует -теги при разработке web- страниц; web -страницы с добавлением мультимедиа. 28 февраля 2024г. Подготовила : Бурабаева Айгерим Амангельдиновна
#5 слайд
Мультимедиа – компьютерная технология,
обеспечивающая с помощью технических и
программных средств совместное использование
текста, графики, звука, анимации и видео.
Трудно найти в www страницу, на которой не было
бы изображений. Вставка изображений на веб-
страницу выполняется одиночным тегом
<IMG>. Внутри этого тега обязательно
записывается атрибут scr, содержащий URL-
изображения. Название этого атрибута
происходит от слова sourse – «источник».
Изучение нового
материала
5 слайд
Мультимедиа – компьютерная технология, обеспечивающая с помощью технических и программных средств совместное использование текста, графики, звука, анимации и видео. Трудно найти в www страницу, на которой не было бы изображений. Вставка изображений на веб- страницу выполняется одиночным тегом <IMG>. Внутри этого тега обязательно записывается атрибут scr, содержащий URL- изображения. Название этого атрибута происходит от слова sourse – «источник». Изучение нового материала
#6 слайд
Для этого сохраните файл с
изображением в определенной папке
(например, в той же папке, что и сам
HTML-документ), а в документ введите
тег <IMG scr=«картинка.jpg»>.
Как вы думаете, как разместить
картинку на страничке?
6 слайд
Для этого сохраните файл с изображением в определенной папке (например, в той же папке, что и сам HTML-документ), а в документ введите тег <IMG scr=«картинка.jpg»>. Как вы думаете, как разместить картинку на страничке?
#7 слайд
По умолчанию браузером будут
использованы действительные размеры
изображений, хранящегося в
графическом файле. Если нужно
изменить эти размеры, то применяются
атрибуты width (ширина) и height
(высота), входящие в тег <IMG>.
Значения размеров изображения задают
обычно в пикселях, например, width =
«133» height «33».
Как вы думаете, какого размера
будет изображение на веб-
странице?
7 слайд
По умолчанию браузером будут использованы действительные размеры изображений, хранящегося в графическом файле. Если нужно изменить эти размеры, то применяются атрибуты width (ширина) и height (высота), входящие в тег <IMG>. Значения размеров изображения задают обычно в пикселях, например, width = «133» height «33». Как вы думаете, какого размера будет изображение на веб- странице?
#8 слайд
8 слайд
#9 слайд
Задание № 1. Создайте веб-страницу,
посвященную Международному женскому дню 8
марта, с именем march.html, содержащую текст и
изображение
1.Заголовок окна веб-страницы: Международный
женский день 8 марта.
2.Заголовок первого уровня, выравнивание по
центру: С Международным женским днем 8 марта!
3.Изображение из файла kartinka.jpg, ширина
изображения 110 пикселей.
4.Стихотворение (курсивом, размер символов – 5
единиц)
Выполнение практического
задания
9 слайд
Задание № 1. Создайте веб-страницу, посвященную Международному женскому дню 8 марта, с именем march.html, содержащую текст и изображение 1.Заголовок окна веб-страницы: Международный женский день 8 марта. 2.Заголовок первого уровня, выравнивание по центру: С Международным женским днем 8 марта! 3.Изображение из файла kartinka.jpg, ширина изображения 110 пикселей. 4.Стихотворение (курсивом, размер символов – 5 единиц) Выполнение практического задания
#10 слайд
10 слайд
#11 слайд
Задание № 2. Использование
атрибутов изображения
Самостоятельно внесите изменения в
текст файла MARCH.HTML: опробуйте
использование таких атрибутов графики,
как ALT, BORDER, ALIGN, HEIGHT,
WIDTH, VSPACE, HSPACE.
Выполнение практического
задания
11 слайд
Задание № 2. Использование атрибутов изображения Самостоятельно внесите изменения в текст файла MARCH.HTML: опробуйте использование таких атрибутов графики, как ALT, BORDER, ALIGN, HEIGHT, WIDTH, VSPACE, HSPACE. Выполнение практического задания
#12 слайд
Задание № 3. Самостоятельно
добавьте цветовой фон вашей Web-
страницы, измените стиль и размер
текста.
Выполнение практического
задания
12 слайд
Задание № 3. Самостоятельно добавьте цветовой фон вашей Web- страницы, измените стиль и размер текста. Выполнение практического задания
#13 слайд
Что вы узнали на
уроке?
Что было не
понятно?
Вам была интересна
сегодняшняя тема?
Прием рефлексии
13 слайд
Что вы узнали на уроке? Что было не понятно? Вам была интересна сегодняшняя тема? Прием рефлексии
#14 слайд
Повтороение и
закрепление
пройденной
темы
Домашняя работа
14 слайд
Повтороение и закрепление пройденной темы Домашняя работа
шағым қалдыра аласыз













