Инфоурок / Информатика / Конспекты / Урок "Растровое кодирование графической информации" (5 класс)

Урок "Растровое кодирование графической информации" (5 класс)

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

Выдаем дипломы установленного образца

Заочное обучение - на сайте «Инфоурок»
(в дипломе форма обучения не указывается)

Начало обучения: 22 ноября
(набор групп каждую неделю)

Лицензия на образовательную деятельность
(№5201 выдана ООО «Инфоурок» 20.05.2016)


Скидка 50%

от 13 800  6 900 руб. / 300 часов

от 17 800  8 900 руб. / 600 часов

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

Получите наградные документы сразу с 38 конкурсов за один орг.взнос: Подробнее ->>

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

библиотека
материалов
Виды компьютерной графики Растровое изображение Векторное изображение *
Растровое кодирование графической информации *
Цель: знакомство с принципами кодирования черно-белых и цветных растровых изо...
* Черно-белое изображение 0 – белый цвет, 1 – черный цвет Пиксель – минимальн...
РТ: №37, стр. 29-30. Нарисуйте черно-белые изображения, которым будут соответ...
РТ: №37, стр. 29. Нарисуйте черно-белые изображения, которым будут соответств...
Кодирование растровой графической информации в десятичной системе счисления *...
Кодирование растровой графической информации в десятичной системе счисления *...
Кодирование растровой графической информации в десятичной системе счисления Н...
РТ: №39 (1), стр. 31. От десятичных кодов перейдите к двоичным и нарисуйте со...
РТ: №39 (1), стр. 31. От десятичных кодов перейдите к двоичным и нарисуйте со...
Растровое кодирование цветных изображений *
Растровое кодирование цветных изображений Каждый пиксель имеет цвет. Все цвет...
Палитра современных компьютеров Более 16 миллионов цветовых оттенков (16 777...
Компьютерный эксперимент в программе Paint *
Результаты эксперимента * Черный Синий Зеленый Серый Красный Голубой Розовый...
Выводы по эксперименту Красный Зеленый Синий Голубой (бирюзовый) Желтый Пурпу...
Давайте обсудим Сколько бит необходимо для кодирования черно-белого изображен...
Домашнее задание: §1.3. (стр. 23-25). РТ: 	№39 (2, стр. 31). 	№38 (стр. 30-31...
РТ: №39 (2), стр. 31. От десятичных кодов перейдите к двоичным и нарисуйте со...
РТ: №38, стр. 30-31. Придумайте и нарисуйте простые черно-белые картинки (зак...
21 1

Описание презентации по отдельным слайдам:

№ слайда 1 Виды компьютерной графики Растровое изображение Векторное изображение *
Описание слайда:

Виды компьютерной графики Растровое изображение Векторное изображение *

№ слайда 2 Растровое кодирование графической информации *
Описание слайда:

Растровое кодирование графической информации *

№ слайда 3 Цель: знакомство с принципами кодирования черно-белых и цветных растровых изо
Описание слайда:

Цель: знакомство с принципами кодирования черно-белых и цветных растровых изображений *

№ слайда 4 * Черно-белое изображение 0 – белый цвет, 1 – черный цвет Пиксель – минимальн
Описание слайда:

* Черно-белое изображение 0 – белый цвет, 1 – черный цвет Пиксель – минимальный элемент растрового изображения (точка), которому можно задать цвет.

№ слайда 5 РТ: №37, стр. 29-30. Нарисуйте черно-белые изображения, которым будут соответ
Описание слайда:

РТ: №37, стр. 29-30. Нарисуйте черно-белые изображения, которым будут соответствовать двоичные коды (закрасьте клетки с единицами) * Двоичный код Рисунок 11011011 10000001 00011000 10100101 10100101 00011000 10000001 11011011

№ слайда 6 РТ: №37, стр. 29. Нарисуйте черно-белые изображения, которым будут соответств
Описание слайда:

РТ: №37, стр. 29. Нарисуйте черно-белые изображения, которым будут соответствовать двоичные коды (закрасьте клетки с единицами) *

№ слайда 7 Кодирование растровой графической информации в десятичной системе счисления *
Описание слайда:

Кодирование растровой графической информации в десятичной системе счисления * Десятичный код Двоичный код 48 120 252 510 1023 390 390 390 390 510

№ слайда 8 Кодирование растровой графической информации в десятичной системе счисления *
Описание слайда:

Кодирование растровой графической информации в десятичной системе счисления * Десятичный код Двоичный код 48 110000 120 1111000 252 11111100 510 111111110 1023 1111111111 390 110000110 390 110000110 390 110000110 390 110000110 510 111111110

№ слайда 9 Кодирование растровой графической информации в десятичной системе счисления Н
Описание слайда:

Кодирование растровой графической информации в десятичной системе счисления Незначащие нули * Десятичный код Двоичный код 48 0000110000 120 0001111000 252 0011111100 510 0111111110 1023 1111111111 390 0110000110 390 0110000110 390 0110000110 390 0110000110 510 0111111110

№ слайда 10 РТ: №39 (1), стр. 31. От десятичных кодов перейдите к двоичным и нарисуйте со
Описание слайда:

РТ: №39 (1), стр. 31. От десятичных кодов перейдите к двоичным и нарисуйте соответствующие им черно-белые изображения. * 00011111 00000011 00000101 00001001 00010001 00100000 01000000 10000000 Десятич-ный код Двоичный код Рисунок 31 3 5 9 17 32 64 128

№ слайда 11 РТ: №39 (1), стр. 31. От десятичных кодов перейдите к двоичным и нарисуйте со
Описание слайда:

РТ: №39 (1), стр. 31. От десятичных кодов перейдите к двоичным и нарисуйте соответствующие им черно-белые изображения. * Десятич-ный код Двоичный код Рисунок 31 00011111 3 00000011 5 00000101 9 00001001 17 00010001 32 00100000 64 01000000 128 10000000

№ слайда 12 Растровое кодирование цветных изображений *
Описание слайда:

Растровое кодирование цветных изображений *

№ слайда 13 Растровое кодирование цветных изображений Каждый пиксель имеет цвет. Все цвет
Описание слайда:

Растровое кодирование цветных изображений Каждый пиксель имеет цвет. Все цвета можно пронумеровать, а каждый номер перевести в двоичный код. Пиксели разных цветов

№ слайда 14 Палитра современных компьютеров Более 16 миллионов цветовых оттенков (16 777
Описание слайда:

Палитра современных компьютеров Более 16 миллионов цветовых оттенков (16 777 216)  Черно-белое изображение: 1 бит → Каждый пиксель кодируется цепочкой из 24 нулей и единиц (24 бита)  Различные оттенки получаются из смешения в определенных пропорциях трех цветов: красного, зеленого и синего. 11000101 01000111 01111111  Каждый цвет позволяет закодировать 256 различных оттенков: 256*256*256= 16 777 216 *

№ слайда 15 Компьютерный эксперимент в программе Paint *
Описание слайда:

Компьютерный эксперимент в программе Paint *

№ слайда 16 Результаты эксперимента * Черный Синий Зеленый Серый Красный Голубой Розовый
Описание слайда:

Результаты эксперимента * Черный Синий Зеленый Серый Красный Голубой Розовый Желтый Белый Красный Зеленый Синий Цвет 0 0 0 0 0 255 0 255 0 190 190 190 255 0 0 0 255 255 255 0 255 255 255 0 255 255 255

№ слайда 17 Выводы по эксперименту Красный Зеленый Синий Голубой (бирюзовый) Желтый Пурпу
Описание слайда:

Выводы по эксперименту Красный Зеленый Синий Голубой (бирюзовый) Желтый Пурпурный (розовый) Белый *

№ слайда 18 Давайте обсудим Сколько бит необходимо для кодирования черно-белого изображен
Описание слайда:

Давайте обсудим Сколько бит необходимо для кодирования черно-белого изображения? Сколь бит мы используем для коди-рования цветного изображения? Сколько цветов и оттенков поддерживает современный компьютер? Какие основные цвета использует ком-пьютер? Как в программе Paint получить любой оттенок?

№ слайда 19 Домашнее задание: §1.3. (стр. 23-25). РТ: 	№39 (2, стр. 31). 	№38 (стр. 30-31
Описание слайда:

Домашнее задание: §1.3. (стр. 23-25). РТ: №39 (2, стр. 31). №38 (стр. 30-31); *

№ слайда 20 РТ: №39 (2), стр. 31. От десятичных кодов перейдите к двоичным и нарисуйте со
Описание слайда:

РТ: №39 (2), стр. 31. От десятичных кодов перейдите к двоичным и нарисуйте соответствующие им черно-белые изображения. * Десятич-ный код Двоичный код Рисунок 32 224 224 225 63 63 33 99

№ слайда 21 РТ: №38, стр. 30-31. Придумайте и нарисуйте простые черно-белые картинки (зак
Описание слайда:

РТ: №38, стр. 30-31. Придумайте и нарисуйте простые черно-белые картинки (закрасьте клетки) и запишите их двоичные коды. * Двоичный код Рисунок

Выбранный для просмотра документ растровое кодирование графической информации.docx

библиотека
материалов

Предмет Информатика Класс ________ Дата________________

Тема: Растровое кодирование графической информации

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

Задачи:

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

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

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

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

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

воспитывать товарищеские отношения с одноклассниками, умения преодолевать трудности при выполнении упражнений; самостоятельность, умение достойно вести спор.

Ход урока

Учитель

Учащийся

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

– На прошлых уроках мы говорили о кодировании числовой и текстовой информации в компьютере. Сегодня мы поговорим о кодировании графической информации. [Слайд 1]

– Что такое графическая информация?

– Вспомните, в каких программах мы с вами рисовали?

– Тогда скажите мне, чем отличаются эти две картинки? [Слайд 2]


– Все верно. Первая картинка является растровым изображением, а вторая векторным. Сегодня мы поговорим о растровом способе кодирования графической информации. [Слайд 3]

– Сегодня на уроке мы познакомимся с принципами кодирования черно-белых и цветных растровых изображений. [Слайд 4]




– Изображения, рисунки и т.д.

– Paint, Word, PowerPoint.

– Первая картинка состоит из точек, а вторая – из отдельных частей.



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

– Перед вами черно-белое растровое изображение. [Слайд 5]

– Скажите, из каких элементов состоит данный рисунок?

– Все верно. Точки, из которых состоит рисунок, называются пиксели.

– Запишите определение:

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

– У меня следующий вопрос: почему точки называются пиксели, а вид изображения растровый?

– Дело в том, что растр, от которого пошло название данного вида компьютерной графики, это двухмерный массив точек, упорядоченных в строки и столбцы, который используется для создания изображения на экране.[Слайд 5]

– Давайте попробуем закодировать данный рисунок в двоичной системе счисления. Что для этого нужно?[Слайд 5. клик]

– Какие цифры мы используем в двоичной системе счисления? (Наводящий вопрос)

– А каким же образом мы можем с помощью нуля и единицы закодировать черно-белое изображение? (Наводящий вопрос)

– Все верно. В информатике принято обозначать 0 – белый цвет, 1 – черный цвет. [Слайд 5. клик]

– Давайте начнем устно кодировать данную картинку. Как будет выглядеть первый ряд кода? [Слайд 5. клик]

– Второй ряд?

– Отлично. По такому принципу кодируется вся картинка. Давайте я покажу вам код картинки полностью. [Слайд 5. клик]

– Если внимательно приглядеться, то можно даже увидеть силуэт нашей машинки в ее двоичном коде. [Слайд 5. клик]

– Еще раз скажите мне, что необходимо для двоичного кодирования черно-белого изображения?


– Что мы сейчас делали?



– Из точек. Из пикселей.














– Ноль и единица.




– Два цвета – две цифры. Пронумеровать цвет цифрой.

– 13 нулей, 2 единицы, 10 нулей.

– 12 нулей, 7 единицы, 6 нулей





Две цифры 1 и 0.

0 – белый цвет, 1 – черный цвет.

– По картинке составляли ее код.

Закрепление изученного материала

– Давайте, выполним задачу обратную данной. Что мы будем делать? Объясните.

– Откройте свои рабочие тетради на стр. 29, №37. Что вы будете делать? [Слайд 6]

– Как мы нарисуем картинку?

– Отлично. Выполните работу по вариантам. Первый вариант под номером 1 на стр. 29. Второй вариант под номером 2 на стр. 30.

– Давайте проверим, что у вас получилось. [Слайд 7]

– А что делать, если нам дан десятичный код рисунка? [Слайд 8]



– Все верно. [Слайд 9]

– Однако посмотрите. В ширину в рисунке 10 пикселей. А первое число содержит только 6 цифр. Как поступить в этом случае?

– Все верно. Эти нули мы называем незначащими. На значение числа они не влияют, т.к. стоят в начале числа, но при кодировании они нам необходимы. [Слайд 10]

– Еще раз проговорим весь алгоритм раскодирования рисунка:

Перевести десятичное число в двоичное.

Добавить в начало незначащие нули.

Нарисовать рисунок, соответствующий двоичному коду.

Получаем рисунок [Слайд 10 клик]

– По данному двоичному коду нарисовать картинку.

– По данному двоичному коду нарисовать картинку.

– Нужно закрасить клетки соответствующие единицам.



– Перевести десятичный код в двоичный и нарисовать рисунок.


– Добавить в начало нули.


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

– Мы все это время говорили о черно-белых изображениях, но ведь наши компьютеры на черно-белые, а цветные. Из чего состоит цветное растровое изображение? [Слайд 13]

– Верно. [Слайд 13 клик]

– Каждый пиксель имеет цвет. [Слайд 14]

– Все цвета можно пронумеровать, а каждый номер перевести в двоичный код. [Слайд 14. клик]

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

– Современный компьютер поддерживает более 16 миллионов оттенков! А точнее 16 777 216. [Слайд 15]

– Для того чтобы закодировать черный и белый цвет мы использовали 1 бит, который может принимать значение 1 или 0. А для того чтобы закодировать более 16 миллионов оттенков нам понадобится цепочка из 24 нулей и единиц! [Слайд 15 клик]

– Скажите мне, сколько цветов вы заправляете в цветной принтер? 16 миллионов?

– Четыре. Черный, красный, зеленый и синий. Это происходит потому, что в компьютере все цвета и оттенки получаются из смешения трех цветов: красный, зеленый и синий. [Слайд 15 клик]

– 8 бит отводится на кодирование красного цвета, 8 – зеленого, 8 – синего. Каждый цвет имеет 256 оттенков основного цвета. Что при умножении и дает более 16 миллионов оттенков! [Слайд 15 клик]

Компьютерный эксперимент.

– Давайте сейчас проведем компьютерный эксперимент. Как же получаются другие цвета и оттенки?

В графическом редакторе Paint вы откроете дополнительную палитру, командой Палитра > Изменить палитру.

В открывшемся диалоговом окне щелкните по кнопке Определить цвет.

Задайте несколько раз значения в полях ввода для основных цветов и проследите за изменениями в окне Цвет/Заливка. [Слайд 16]

Заполните выданную вам таблицу. Установите, какие цвета получатся при данных значениях основных цветов. [Слайд 17]

Красный

Зеленый

Синий

Цвет

0

0

0

 

0

0

255

 

0

255

0

 

190

190

190

 

255

0

0

 

0

255

255

 

255

0

255

 

255

255

0

 

255

255

255

 

– Давайте проверим, какие результаты вы получили. [Слайд 17 клик, клик…]

– Какие выводы мы можем сделать по проведенному эксперименту? [Слайд 18]

  • Отсутствие основных цветов (=0) дает черный цвет. [клик]

  • Значение 255 на месте одного из основных цветов дает этот цвет. [клик]

  • Смешение двух цветов дает другие основные цвета спектра. [клик]

  • Смешение всех основных цветов дает белый цвет. [клик]


– Из цветных пикселей.


Практическая часть

Работа 4 «Нумерованные списки» в учебнике


Итог урока

– Сколько бит необходимо для кодирования черно-белого изображения? [Слайд 19]

– Сколь бит мы используем для кодирования цветного изображения?

– Сколько цветов и оттенков поддерживает современный компьютер?

– Какие основные цвета использует компьютер?

– Как в программе Paint получить любой оттенок?

.



– Запишите домашнее задание. [Слайд 20] Комментарий по домашнему заданию.

– 1 бит


– 24 бита


– Более 16 миллионов оттенков. А точнее 16 777 216.

– Красный, зеленый, синий.

– Командой Палитра > Изменить палитру и выбрать нужные параметры основных цветов


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

РТ № 37, 38, 39; § 1.3




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

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

После окончания обучения выдаётся диплом о профессиональной переподготовке установленного образца с присвоением квалификации (признаётся при прохождении аттестации по всей России).

Обучение проходит заочно прямо на сайте проекта "Инфоурок", но в дипломе форма обучения не указывается.

Начало обучения ближайшей группы: 22 ноября. Оплата возможна в беспроцентную рассрочку (10% в начале обучения и 90% в конце обучения)!

Подайте заявку на интересующий Вас курс сейчас: https://infourok.ru


Общая информация

Номер материала: ДВ-518559
Курсы профессиональной переподготовки
124 курса

Выдаем дипломы установленного образца

Заочное обучение - на сайте «Инфоурок»
(в дипломе форма обучения не указывается)

Начало обучения: 22 ноября
(набор групп каждую неделю)

Лицензия на образовательную деятельность
(№5201 выдана ООО «Инфоурок» 20.05.2016)


Скидка 50%

от 13 800  6 900 руб. / 300 часов

от 17 800  8 900 руб. / 600 часов

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

Похожие материалы

Получите наградные документы сразу с 38 конкурсов за один орг.взнос: Подробнее ->>