Кодирование цвета на web-страницах

Технология: проблемно-исследовательская технология.

Оборудование: компьютер с установленной программой Adobe Photoshop; мультимедийный проектор; интерактивная доска; таблицы заданий для компьютерного практикума, подготовленные, для заполнения на интерактивной доске; раздаточный материал.

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

Образовательная – систематизация знаний, умений и навыков работы по темам: “Технология создания и обработки графической информации”, “Создание интерактивных Web-страниц”.

Развивающая – развитие логического мышления, расширение кругозора.

I. Организационный момент

Сегодня мы подведем итог изученному материалу. В ходе выполнения практических работ вы должны будете показать умения и навыки, применить теоретические знания, полученные вами при изучении тем: “Технология создания и обработки графической информации”, “Создание интерактивных Web- страниц”.

II. Повторение изученного материала. Фронтальный опрос

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

Практическая работа 1. По цвету определить код. Заполнить таблицу, сделать выводы:

Практическая работа 2. По коду определить цвет. Заполнить таблицу, сделать выводы:

Практическая работа 3. Получение светлых оттенков базового цвета. Заполнить таблицу, сделать выводы:

Практическая работа 4. Получение темных оттенков базового цвета. Заполнить таблицу, сделать выводы:

II. Подведение итогов практических работ. Учащиеся делают выводы и зачитывают их вслух.

III. Закрепление. Тестирование. (При тестировании нельзя пользоваться программой Adobe Photoshop).

Для кодирования цвета фона страницы Интернет используется атрибут bgcolor="#ХХХХХХ", где в кавычках задаются шестнадцатеричные значения интенсивности цветовых компонент в 24-битной RGB-модели. К какому цвету будет близок цвет страницы, заданной тэгом:

1) белый 2) серый 3) желтый 4) фиолетовый

1) белый 2) серый 3) желтый 4) фиолетовый

1) белый 2) серый 3)желтый 4) фиолетовый

1) темно-фиолетовый 2) светло-зеленый 3) желтый 4) светло-желтый

1) темно-фиолетовый 2) светло-зеленый 3) желтый 4) светло-желтый

1) темно-фиолетовый 2) светло-зеленый 3)желтый 4) светло-желтый

1) черный 2) темно-синий 3) темно-зеленый 4) темно-красный

1) красный 2) желтый 3) фиолетовый 4) голубой

1) желтый 2) розовый 3) светло-зеленый 4) светло-синий

1) желтый 2) розовый 3) светло-зеленый 4) светло-синий

1) фиолетовый 2) серый 3) белый 4) черный

1) серый 2) белый 3) черный 4) фиолетовый

Цвет на Web-страницах кодируется в виде RGB-кода в шестнадцатеричной системе: #RRGGBB, где RR, GG и BB – яркости красного, зеленого и синего, записанные в виде двух шестнадцатеричных цифр; это позволяет закодировать 256 значений от 0 (0016) до 255 (FF16) для каждой составляющей; коды некоторых цветов:

#FFFFFF – белый, #000000 – черный,

#CCCCCC и любой цвет, где R = G = B, – это серый разных яркостей

#FF0000 – красный, #00FF00 – зеленый, #0000FF – синий,

#FFFF00 – желтый, #FF00FF – фиолетовый, #00FFFF – бирюзовый.

Результат выполнения работы практической работы 3:

Выводы: чтобы получить светлый оттенок какого-то базового цвета, нужно одинаково увеличить нулевые составляющие; например, чтобы получить светло-красный цвет, нужно сделать максимальной красную составляющую и, кроме этого, одинаково увеличить остальные – синюю и зеленую;

Результат выполнения работы практической работы 4:

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

IV. Подведение итогов урока

Источники заданий: Учебник, Н.Д. Угринович “Информатика и ИКТ”, профильный уровень, 11 кл.; демонстрационные варианты ЕГЭ 2004-2011 гг.