Презентация на тему "Кодирование цветовой информации"

Ваша оценка презентации
Оцените презентацию по шкале от 1 до 5 баллов
  • 1
  • 2
  • 3
  • 4
  • 5

Рецензии

Добавить свою рецензию

Аннотация к презентации

Презентация на тему "Кодирование цветовой информации" содержит расширенное представление о кодировании информации. Цель урока: Рассмотреть различные способы кодирования цветных изображений. Презентация состоит из 15 слайдов.

Краткое содержание

  1. Цветовая модель RGB
  2. Закон трехмерности
  3. Закон непрерывности
  4. Характеристики цвета

Содержание

  • Слайд 1

    Кодирование цветовой информации

    • Разработала: учитель информатики МБОУ г.Астрахани «СОШ №54»
    • Кононенко Наталия Владимировна

  • Слайд 2

     

    • В каких формах может быть представлена графическая информация?
    • Что такое пиксель?
    • Чем определяется разрешающая способность ?
    • Что такое глубина цвета?
    • Как связаны между собой количество цветов в палитре и глубина цвета?

  • Слайд 3

    Цветовая модель RGB

    СМЕШЕНИЕ ЦВЕТОВ В РАВНЫХ ПРОПОРЦИЯХ

  • Слайд 4

     

    • М.В. Ломоносов
    • Г. Грассман

  • Слайд 5

     

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

  • Слайд 6

     

  • Слайд 7

     

    • Характеристики цвета:
    • Яркость – количественная мера световой энергии, излучаемой или отражаемой в сторону наблюдателя.
    • Насыщенность – степень разбавления белым цветом.
    • Цветовой оттенок – расположение цвета в цветовой палитре.

  • Слайд 8

     

    • Каждый Охотник Желает Знать, Где Сидит Фазан
    • Как Однажды Жак Звонарь ГолубойСломал Фонарь

  • Слайд 9

     

    • Круг Манселла
    • Цветовой оттенок кодируется либо величиной угла, либо длиной дуги. Считается, что длина всей окружности равна 1.

  • Слайд 10

     

    • Цветовая модель HSB
    • Hue (цветовой оттенок), Saturation (насыщенность), Brightness (яркость)

  • Слайд 11

     

    • Какие цвета лежат в основе RGB – кодирования?
    • Какой ученый обобщил теоретические основы смешивания цветов и сформулировал аддитивные законы синтеза цвета?
    • Сформулируйте закон трехмерности и закон непрерывности.

  • Слайд 12

     

    • Какой цвет на цветовом кубе соответствует вершине
    • (0; 1; 1)?
    • Координаты одной из вершин куба на рисунке не указаны. Каковы координаты этой вершины и какому цвету они соответствуют?

  • Слайд 13

     

    • Пусть используется режим True-Color. Укажите цвет, который задается кодом:
    • 000000001111111111111111
    • 011111110111111101111111

  • Слайд 14

     

    • Какими характеристиками цвета оперирует HSB – модель цветопередачи?
    • Как кодируется цветовой оттенок в HSB – модели?
    • Где на цветовом круге располагаются коричневый, оранжевый и фиолетовый цвета. Какими числами, на ваш взгляд, эти цвета кодируются?

  • Слайд 15

     

    • Домашнее задание.
    • Выучить основные понятия.
    • Задача.
    • Вы хотите работать с разрешением 800×600 пикселей, используя одновременно 65536 цветов (16-битное кодирование). В магазине продаются видеокарты с памятью 512 Кб, 1 Мб, 2 Мб, 4 Мб. Какие карты подходят для вашей работы?

Посмотреть все слайды

Конспект

Практикум по HTML. Учитель информатики и ИКТ В.В. Окулова Основы языка HTML. Учитель информатики и ИКТ В.В. Окулова

практикум по основам �языка разметки гипертекстов HTML

Составитель: учитель информатики и ИКТ �ГБОУ СОШ № 411 «Гармония» �с углубленным изучением английского языка Петродворцового района Санкт-Петербурга �Окулова Виктория Викторовна

Занятие № 1. Создание первого HTML-документа

...Показать больше

Практикум по HTML. Учитель информатики и ИКТ В.В. Окулова Основы языка HTML. Учитель информатики и ИКТ В.В. Окулова

практикум по основам �языка разметки гипертекстов HTML

Составитель: учитель информатики и ИКТ �ГБОУ СОШ № 411 «Гармония» �с углубленным изучением английского языка Петродворцового района Санкт-Петербурга �Окулова Виктория Викторовна

Занятие № 1. Создание первого HTML-документа

Знакомство со структурой HTML-документа.�HTML-документ заключается в теги <HTML> и </HTML>.�Между этими тегами два блока:�- блок заголовка <HEAD> </HEAD> - содержит описание параметров, используемых при отображении документов, но не отображающихся в окне обозревателя. Например:�<TITLE> Название страницы </TITLE> .�- тело документа <BODY> </BODY> - содержит текст, предназначенный для отображения обозревателем, и теги, указывающие на способ форматирования текста, определяющие графическое оформление, задающие параметры гиперссылок.

Задание:�а) создать HTML-документ:�<HTML> � <HEAD>� <TITLE> Название страницы </TITLE> � </HEAD> � <BODY>� Пример страницы� </BODY> �</HTML>�б) Сохранить документ в файле с именем index.html в рабочей папке.�в) Просмотреть HTML-документ в обозревателе Internet Explorer.

Логическое форматирование.�а) Оформление заголовков:�<Hn> </Hn> n - целое число от 1 до 6, определяет уровень заголовка (1 - высокий уровень, 6 - низкий уровень). При оформлении заголовков можно использовать атрибут выравнивания - �<Hn align=left> </Hn> - выравнивание по левому краю�<Hn align=center> </Hn> - выравнивание по центру�<Hn align=right> </Hn> - выравнивание по правому краю�б) Оформление параграфа (абзаца):�<P> </P> или с выравниванием <P align=......> </P>�в) Перевод на новую строку:�<BR>

Задание:�а) внести изменения в файл index.html так, чтобы на экране обозревателя были отображены образцы 6 уровней заголовков, три абзаца, выровненные тремя способами, четверостишие, оформленное с помощью тега перевода на новую строку.�б) Сохранить новый документ в файле с именем index1.html в рабочей папке.�в) Просмотреть HTML-документ в обозревателе Internet Explorer.

Занятие № 2. Физическое форматирование (форматирование шрифта)

а)<strong> </strong> (<B> </B>) полужирное начертание� <em></em> ( <I> </I>) курсивное начертание� <U> </U> подчеркнутый шрифт�<FONT size=число color=цвет face= «тип шрифта» > </FONT> - задание параметров шрифта.�атрибут size – размер шрифта, целое число от 1 до 7, по умолчанию 3�атрибут color – цвет шрифта, название цвета по-английски или 16-ричный код (например: #FF00FF)�атрибут face – название типа шрифта�Атрибуты можно использовать в любом сочетании.

Горизонтальный разделитель:�<HR size=число width=число color=цвет> - горизонтальная линия, разделяющая части документа, можно использовать без атрибутов или с атрибутами в любом сочетании, �size – толщина линии в пикселях,�width – ширина линии в пикселях,�color – цвет линии (название или код цвета).

Задание:�а) создать HTML-документ (на основе файла index.html), в котором будут заданы параметры форматирования текста (например, небольшой текст на тему краеведения).�б) Сохранить документ в файле с именем index2.html в рабочей папке.�в) Просмотреть HTML-документ в обозревателе Internet Explorer.

Пример текста:

Вокзал и Bell-vue

У пристани, на берегу моря, устроен с 1849 года красивый вокзал, где желающие могут иметь удобное помещение в особых комнатах. Отдельные комнаты можно иметь и в строении Bell-vue на берегу моря, вблизи вокзала. Вид на море с балконов Bell-vue вполне оправдывает это название.

В продолжение летнего сезона в вокзале и Bell-vue помещается кафе-ресторан. В обширной, светлой зале вокзала устраиваются петергофскими жителями летом балы, в саду вокзала играет оркестр.

Занятие № 3. Использование списков при оформлении текстов.

Текст с перечислением – список. Выделяют два основных вида списков – маркированный и нумерованный. Маркированный список используют, если порядок перечисления не важен, нумерованный – если порядок перечисления важен.�а) Оформление маркированного списка:�

<UL>� <LI> элемент списка </LI>� <LI> элемент списка </LI>�. . . . . . . . .� <LI> элемент списка </LI>�</UL>�

атрибут type – вид маркера (вводится в теге <UL>)�type=circle - маркер в виде небольшой окружности ○�type=disc - маркер в виде закрашенной окружности ●�type=square - маркер в виде закрашенного квадратика ■�

б) Оформление нумерованного списка:

<OL>� <LI> элемент списка </LI>� <LI> элемент списка </LI>�. . . . . . . . .� <LI> элемент списка </LI>�</OL>�

атрибут type – вид нумерации (вводится в теге <OL>)�type=1 - арабская нумерация (1,2,3 …)�type=I - римская нумерация заглавными буквами (I, II, III, IV)�type=I - римская нумерация строчными буквами (i, ii, iii, iv )�type=A - нумерация латинскими заглавными буквами (A,B,C,D…)�type=a - нумерация латинскими строчными буквами (a,b,c,d…)�атрибут start=число в выбранной системе нумерации (стартовое число)

Атрибуты записываются в открывающиеся теги <UL> или <OL>.�

Задание:�а) оформить HTML-документ (на основе файла index.html), содержащий 6 списков (расположить друг под другом):�

Дни недели:

Времена года:

Летние месяцы:

Понедельник

Вторник

Среда

Четверг

Пятница

Суббота

Воскресенье

Зима

Весна

Лето

Осень

Июнь

Июль

Август

Виды информации,

воспринимаемой человеком:

Виды информации,

воспринимаемой компьютером:

Виды компьютерных сетей:

Зрительная

Слуховая

Осязательная

Обонятельная

Вкусовая

Числовая

Символьная

Графическая

Звуковая

Видео

Локальные

Корпоративные

Региональные

Глобальные

б) Сохранить документ в файле с именем index3.html в рабочей папке.�в) Просмотреть HTML-документ в обозревателе Internet Explorer.

Занятие № 4. Оформление таблиц в HTML-документе.

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

Таблица задается командой <TABLE>…</TABLE> . Внутри этих тегов задаются строки командами <TR>…</TR>, внутри строк задаются ячейки командами <TD>…</TD>. Таким образом, по строкам задается вся структура таблицы:

<TABLE>

<TR>

<TD> </TD>

<TD> </TD>

</TR>

<TR>

<TD> </TD>

<TD> </TD>

</TR>

<TR>

<TD> </TD>

<TD> </TD>

</TR>

</TABLE>

Атрибуты для тегов <TABLE>, <TR>, <TD>:�border=число - толщина линии�bordercolor= цвет - цвет линии�bgcolor=цвет - цвет заливки фона�Атрибут width=число (или %) – ширина таблицы или ячейки в пикселях

Задание: �а) создать HTML-документ (на основе файла index.html), содержащий таблицу:

Тип связи

Скорость, Мгбит/с

Помехоустойчивость

Электрические кабели:

Витая пара

Коаксиальный кабель

10 – 100

до 10

Низкая

Высокая

Телефонная линия

10 – 20

Низкая

Оптоволоконный кабель

10 – 200

Абсолютная

Характеристики коммуникационной сети

б) Сохранить документ в файле с именем index4.html в рабочей папке.�в) Просмотреть HTML-документ в обозревателе Internet Explorer.

Занятие № 5. Графика в HTML- документе.

Браузеры «понимают» три графических формата – gif, jpg, png.

Формат gif.

Картинки в этом формате поддерживают 256 цветов. Этот формат имеет дополнительные возможности:

Мультипликация. Используя анимационный GIF-редактор, легко собрать простой мультик (нарисовать отдельные кадры, настроить время задержки и последовательность показа, «зациклить» кино или показывать кадры только один раз). Когда анимация готова, она записывается на диск как обычный gif-файл. В HTML нет различия в выводе на экран простого gif-файла или анимационного.

Прозрачная графика. GIF-формат позволяет один или несколько цветов в картинке объявить прозрачными. Это помогает избавиться от строго прямоугольных иллюстраций и вписывать рисунок в документ более привлекательно. Прозрачный цвет задается в редакторе (GIF-редактор или FOTOSHOP) при записи файла на диск.

Формат jpg.

Этот формат был разработан специально для передачи фотографий. Он поддерживает миллионы цветов и позволяет получать изображения очень высокого качества. Но это отражается на увеличении объема файлов.

Графические файлы желательно хранить в отдельной папке.

Оформление фона:�атрибут background="имя файла" – для тегов <BODY>, <TABLE>, <TD>)

Вставка рисунков:�<IMG src="имя файла" width=число height=число> - имя файла – путь к файлу с рисунком, width – ширина рисунка в пикселях, height – высота рисунка в пикселях.

Задание:

а) Создать папку для рисунков Image;

б) Скопировать в папку Image файлы с понравившимися рисунками и фонами;

в) Создать html-документ следующего содержания:

оформить фон страницы;

в ячейки, помеченные *, вставить рисунки, указав размеры рисунка;

в ячейки, помеченные +, вставить текст пояснения к соответствующим рисункам и оформить фон ячейки.

+

*

*

+

+

*

г) Сохранить файл с именем index5.html в рабочей папке;

д) Просмотреть результат в обозревателе Internet Explorer.

Занятие № 6. Гиперссылки в HTML- документе.

Гипертекст – документ, содержащий ссылки на другие документы. Информация, подготовленная в виде гипертекста, это электронная информация, и работать с ней можно только на компьютере. Чаще ссылка выделяется на фоне экрана монитора с помощью изменения цвета и подчеркивания. Это гиперссылка или гиперсвязь. Гиперссылка – это выделенный объект, связанный с другим файлом и реагирующий на щелчок мыши. Гипертекст связывает множество документов с помощью гиперссылок. На занятие будут рассмотрены способы создания гиперссылок на документы локального компьютера.

Гиперссылка с одного файла на другой. �Для того, чтобы броузер загрузил в свое окно новый html-документ (файл), нужно записать ссылку при помощи тега <A> с атрибутом href=имя_файла:�<A href=имя_файла>текст или рисунок</A> Задание перехода к

новому документу.

Гиперссылка внутри одного файла.�Для задания гипертекстового перехода внутри документа используют два тега <A>. Первая команда с атрибутом href является источником перехода, а вторая с атрибутом name – приемником:�<A href=#метка> текст или рисунок </A> Задание перехода

по метке�На экран выводится ссылка.

<A name=метка></A> Метка. Сюда броузер

переходит по ссылке.�На экране ничего�не отображается.

Метка – набор символов (латинских букв и (или) цифр).

Рисунок как гиперссылка:�<A href=имя_файла1> <IMG src=имя_файла width=число height=число> </A>

Текст как гиперссылка:�<A href=имя_файла>текст</A>

Задание:

Скопировать в рабочую папку html-файлы с текстами (avia.html, avto.html, flot.html, geldor.html – см. Приложение).

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

Создать html-документ, состоящий из четырех картинок-ссылок на текстовые файлы, картинки расположены в таблице по две картинки в два ряда. Документ сохранить под именем index6.html в рабочей папке.

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

Просмотреть результат работы в обозревателе Internet Explorer.

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

Оглавление

2Занятие № 1. Создание первого HTML-документа

3Занятие № 2. Физическое форматирование �(форматирование шрифта) �

4Занятие № 3. Использование списков �при оформлении текстов. �

6Занятие № 4. Оформление таблиц в HTML-документе. �

7Занятие № 5. Графика в HTML- документе. �

8Занятие № 6. Гиперссылки в HTML- документе. �

� PAGE �8�

Скачать конспект
Презентация будет доступна через 45 секунд