Урок 10-11. Сжатие данных

Дата проведения занятия 15.11.19

1. ИЗБЫТОЧНОСТЬ ДАННЫХ

Приложения создают документы, обладающие избыточностью

Наиболее избыточны видеоданные, менее – графические данные, еще менее – тексты

Интересно, что документы на русском на 20-30% избыточнее документов на английском языке!

2. ОБЪЕКТЫ СЖАТИЯ

   Объект	Цель сжатия
   Файл	Хранение, подготовка к передаче
   Папка	Длительное хранение
   Диск	Повышение эффективности использования

3. ОБРАТИМОСТЬ СЖАТИЯ

Уменьшения избыточности можно добиться:

• изменением содержания данных;
• изменением структуры данных;
• сочетанием обоих методов.

Изменение содержания данных - необратимое сжатие (Методы сжатия с регулируемой потерей информации) Обычно обеспечивают гораздо более высокую степень сжатия, чем обратимые	Изменение структуры данных - обратимое сжатие
Применимы только для тех типов данных, для которых формальная утрата части содержания не приводит к значительному снижению потребительских свойств Нельзя применять к текстовым документам, БД, к программному коду. Можно применять к мультимедийным данным: видеоряды; музыкальные записи; звукозаписи; рисунки и др. графические данные	Применимы для всех типов данных Можно применять к текстовым документам, БД, к программному коду. Из результирующего кода можно восстановить исходный массив данных путем применения обратного метода.
Характерные форматы сжатия с потерей информации: .JPG – для графических данных; .MPG, .MPG4 – для видеоданных; .MP3 – для звуковых данных	Характерные форматы сжатия без потери информации: .GIF, .TIF,  .PNG, .PCX и др. – для графических данных; .AVI – для видеоданных; .ZIP, .RAR, .7Z, .ARJ, .LZH, .LH и др. – для всех типов данных (архивация данных)

Алгоритмы обратимого сжатия - можно посмотреть здесь.

Одной из характеристик работы архиватора является  коэффициент сжатия файла R
R= Sархива / Sисходный,
где R - коэффициент сжатия
      Sисходный - размер исходного файла
      Sархива - размер созданного архивированного файла

1 занятие. Практическая работа на ПК. Архивация 

Во время этой работы на ПК надо создать несколько архивов с помощью архиватора 7-zip.
Те, кто не успел, могут доделать работу дома.

Для тех, кто хочет установить у себя 7-zip, вот ссылка на официальный сайт 7zip.

С него можно скачать установочные файлы. Архиватор 7-zip распространяется бесплатно, это свободно распространяемое ПО. Я также поместила 2 установочных файла (для 32-битной ОС и для 64-битной ОС) в папку на нашем google-диске

2 занятие. Практическая работа на ПК. Разархивация

Домашнее задание по архивации

Доделать работу, ответить на вопросы после работы. Срок выполнения 22.11.19
Работа по извлечению файлов из архива - это работа следующего занятия!

Урок 8-9. Сравнительная характеристика основных ОС. Безопасный интернет

Дата проведения занятия 8.11.19

 

ЧАСТЬ1. СРАВНЕНИЕ ОС

Заслушаем выступление тех учеников, которые в своих блогах привели описание наиболее распространенных ОС для компьютеров и мобильных устройств.
Ссылки на ваши блоги находятся здесь.   
А вот темы, которые вы выбрали 

ЧАСТЬ2. БЕЗОПАСНЫЙ ИНТЕРНЕТ

В соответствии с решением парламентского слушания Совета Федерации от 12 марта 2014 года, по инициативе В.И.Матвиенко, во всех школах Российской Федерации  с  2014 года  проводится Единый урок  безопасности в сети Интернет. Давайте посмотрим, правильно ли вы ведете себя на просторах Интернет!  КОНТРОЛЬНАЯ РАБОТА ДЛЯ СТАРШЕЙ ГРУППЫ ШКОЛЬНИКОВ (17-19 ЛЕТ)

Операционная система.

Чтобы компьютер можно было использовать, на него нужно установить программное обеспечение (ПО).
 Обычно выделяют три вида ПО: системное ПО, прикладное ПО, системы программирования.
До недавнего времени ПО было жестко привязано к определенной операционной системе (ОС). В последние годы разработано много кроссплатформенных программ, у которых есть версии для разных ОС. Например, для работы в ОС Windows и в ОС Linux.
Рассмотрим более подробно системное ПО.

Операционные системы

Операционная система (ОС) - это комплекс программ, обеспечивающих согласованную работу всех узлов компьютера, а также удобный интерфейс (способ обмена данными) между пользователем и прикладными программами, с одной стороны, и аппаратными средствами компьютера - с другой стороны.

Операционная система обеспечивает:

• взаимодействие пользователя и аппаратных средств (интерфейс пользователя);
• обмен данными между прикладными программами и устройствами компьютера (аппаратно - программный интерфейс);
• работу файловой системы  (хранение данных в виде файлов и папок);
• запуск и выполнение прикладных программ;
• обработку ошибок, контроль за работой оборудования;
• распределение ресурсов компьютера между работающими программами (время работы процессора, память, внешние устройства)

Первые ОС появились на компьютерах второго поколения и были однозадачными.

Для увеличения загрузки процессора был разработан пакетный режим обработки заданий (В разные области памяти загружалось несколько программ, пока одна программа осуществляла ввод/вывод данных, процессор переходил к выполнению следующей программы).
На компьютерах третьего поколения часто применялся многопользовательский режим (режим разделения времени).
Хотя персональные компьютеры (ПК) относятся к пятому поколению компьютеров, ОС на первых ПК были однозадачными.
Все современные ОС - многозадачные, ОС распределяет время работы процессора между запущенными на выполнение программами, выделяя каждой из них кванты времени, так что создается впечатление одновременной работы нескольких программ.
Поколения ЭВМ

Современные операционные системы

Самые популярные операционные системы для ПК: Windows (90%), MAC OS (5%), Linux (1%)
ОС Windows разработана фирмой Microsoft, коммерческая разработка
MAC OS устанавливается на компьютеры фирмы Apple, коммерческая разработка.
Linux - свободное ПО.  Linux  начал разрабатывать финский студент Линус Торвальдс. Сейчас в разработке Linux принимают участие сотни разработчиков.

Самые популярные операционные системы для мобильных устройств: Android, Apple iOS,‎   Windows 10 Mobile
Практическая работа на ПК 

Домашнее задание
Подготовить в своем блоге не позднее 5.11.19 короткое сообщение о сравнении двух операционных систем. Это задание должны выполнить все ученики 10а и 10б, независимо от того, присутствовали ли они на уроке! Ссылки на ваши блоги находятся здесь.   А вот темы, которые вы выбрали 

Урок 4-5. Право и этика в Сети. Службы Интернета и электронная коммерция

Дата проведения занятия 4.10.19

Компьютеры в сети взаимодействуют по модели "Клиент-Сервер"

ПО-Клиент запрашивает  определенные услуги, ПО-Сервер предоставляет эти услуги.
ПО-Клиент и ПО-Сервер образуют службу (сервис) сети. Поскольку пользователям требуются различные услуги, то и службы в сети существуют различные.
Каждая служба работает по своему сетевому протоколу. Посмотрите презентацию Босовой Л.Л о сетевых службах
Под протоколом понимают правила взаимодействия компьютеров и правила формирования сообщений.
Самостоятельно прочитайте информацию о сетевых протоколах, а также об основных сетевых службах (информация находится на сайте школы 497 Невского района Петербурга)
О компьютерной этике дополнительно можно прочесть в Википедии
Особенно важно решать правовые вопросы, когда мы касаемся темы электронной коммерции
Освоив новую информацию, переходите к практике

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

Урок 2-3. Структура сети. Облачные технологии. Школьный аккаунт. Школьная почта

Дата проведения занятия 20.09.19 

Представление о школьной сети

Какие типы сетей вы знаете? Посмотрите презентацию Виды компьютерных сетей

1. Назовите основные особенности этих сетей.
2. Какое оборудование используется в сетях 
3. Как называется наиболее известная глобальная сеть? (Интернет)
4. Из чего образуется сеть Интернет 
5. Допускаете ли вы возможность существования другой глобальной сети? Чем они могут отличаться? (разные, несовместимые способы представления данных).

Сетевые коммуникации. Модель «клиент-сервер»

Если люди  удалены друг от друга, то  для коммуникации им  нужны услуги какой-то службы (сервиса)
В сети также необходимо обеспечить обмен данными (сообщениями) между компьютерами.

Если компьютер будет посылать запросы на обслуживание, то на этом компьютере должна быть установлена программа-клиент. Если компьютер должен обслуживать запросы, то на нем должна быть установлена программа- сервер 

Сервер школьной локальной сети обеспечивает работу с глобальной сетью Интернет.

Для школы 640 в Интернет создана закрытая область - домен с адресом: school640.ru 

В этом домене создан  сайт "Виртуальная школа 640". Чтобы попасть на школьный сайт, надо открыть программу - клиент, которая называется браузер.
Мы работаем с браузерами Yandex-браузер или Mozilla FireFox

Электронная почта

О возможностях службы Электронная почта более подробно можно прочитать в Справке.



Рассмотрим основные возможности этой службы:

1. Работа с письмами
2. Маркирование писем
3. Защита от спама
4. Контакты и группы
5. Ярлыки - категории писем
6. Фильтры
7. Настройки почты

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

Урок 1-2. Техника безопасности в компьютерном классе.

Уважаемые десятиклассники! Начинаем новый учебный год.

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

2. Кроме соблюдения правил техники безопасности по отношению к оборудованию, следует позаботиться о медиабезопасности, то есть о безопасной работе в сети Интернет. Посмотрите материал  на эту тему.

3. Подготовьте свой тест по Технике Безопасности для 11-х классов. Для этого используйте google-формы.

4. А может быть, кому-то просто не хватает слов, чтобы правильно и вежливо выражать свои мысли? Вот статья об исследовании словарного запаса людей, для которых русский язык - родной

1. Прочитайте, как построен тест 

1. Ответьте по электронной почте  на 10 вопросов, которые покажут, насколько внимательно вы читали этот материал. (10б работает парами)

1. Пройдите Тест словарного запаса (Тест определяет ваш пассивный словарный запас), запишите в тетрадь результат и отправьте учителю сообщение по электронной почте о том, как оценен ваш словарный запас

Домашнее задание на 13 сентября

1. Принести тетрадь для контрольных работ (18 листов)
2. Если не успели на уроке, то пройти  Тест словарного запаса и отправить  письмо с ответами на 10 вопросов и результатом тестирования 
3. Если не успели на уроке, то сделать форму и отправить по эл почте учителю
4. Вспомнить структуру школьной сети 
5. Познакомить своих друзей и близких с Тестом словарного запаса

Урок 28-29. Создание коллажа

СОЗДАНИЕ КОЛЛАЖА

Дата проведения занятия 3.04.18

GIMP предоставляет инструмент для сохранения выделенной области как канал. Для одного изображения можно сохранить несколько выделенных областей.
Благодаря этому появляется возможность использовать сохраненные в каналах фрагменты для создания и редактирования нового изображения.
Таким образом можно создать, например, коллаж из разных фрагментов.

ИЛЛЮСТРАЦИИ ДЛЯ ВЕБ-САЙТОВ

Смотрим презентацию К.Ю.Полякова «Компьютерная графика и анимация». Часть II

Иллюстрации для веб-сайтов должны быть сохранены только в тех форматах, которые умеют отображать браузеры (слайд 16).
Эти форматы предназначены для однослойных изображений. Поэтому все слои приходится сводить в один слой.
В перечисленных форматах используется сжатие данных. Если увеличивать степень сжатия, то качество изображения ухудшается, и наоборот (слайды 17 -22).
Форматы GIF и PNG плохо подходят для хранения изображения с плавными переходами цветов (градиентами). Поэтому для хранения фотографий желательно использовать формат JPG 

В Конструкторе сайтов Google для установки иллюстраций на веб-страницу в режиме редактирования используем кнопку "Вставить изображение".
Практическая работа 1 

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

Урок 26-27. Слои. Каналы. Сохранение выделенной области в канале

Дата проведения занятия 13.03.19

По теории смотрим презентацию «Компьютерная графика и анимация». Часть II слайды со 2 по 14.

МНОГОСЛОЙНЫЕ ИЗОБРАЖЕНИЯ

Зачем нужны слои? Слои помогают человеку избежать необратимых изменений в сложном изображении. Каждый содержательный с точки зрения человека объект рисуется на отдельном слое (слайд 3).
Каждый слой можно изменять и перемещать независимо от других. Однако, если смотреть на стопку слоев сверху, то увидим полный рисунок.
Для управления слоями предназначено диалоговое окно Слои.
Структура диалогового окна Слои (слайд 4).
Список Режим определяет, как текущий слой влияет на изображение, полученное с нижних слоев (слайд 5).
Операции со слоями (слайд 6).
Текстовый слой создается при использовании инструмента Текст (слайд 7). этот слой существует в векторном формате, но может быть преобразован в растровое изображение.
Маска слоя позволяет сделать часть изображения на слое невидимой или полупрозрачной, ничего не удаляя (слайд 8-9).

КАНАЛЫ

Канал - инструмент, с помощью которого показывается совокупность точек изображения с одинаковым эффектом. Каждый канал имеет тот же размер, что и все изображение. Смысл этого понятия зависит от типа канала.
Например, в цветовой модели RGB значение канала R означает количество красного цвета, добавляемого к другим цветам пикселей. Здесь канал — совокупность точек указанного цвета в изображении.
Цветовые каналы применяются ко всему изображению, а не к отдельному слою. Есть основные каналы — красный, зеленый и синий. Можно создавать свои каналы. (слайды 11-13)
Маска выделения. При выделении вы видите "муравьиную дорожку", которая вычерчивает его контур, который разделяет выделение и маску (закрытую область). Маска — это канал в градациях серого, покрывающий изображение.
Для управления каналами используется окно Диалог каналов (слайд 11).
Выделенную область можно сохранить с помощью Диалога каналов (слайд 14).

Каналы используются в двух целях, поэтому диалог каналов разделён на две части: первая часть для цветовых каналов и вторая для масок выделения.

ПРАКТИЧЕСКАЯ РАБОТА

Урок 24-25. Работа со слоями

Дата проведения занятия 27.02.19

АНИМИРОВАННЫЕ ИЗОБРАЖЕНИЯ

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

Подробнее про слои смотрим  презентацию К. Полякова, слайд 1-9  «Компьютерная графика и анимация». Часть II
Лучше всего познакомиться с понятием слоя на практике.

ПРАКТИЧЕСКАЯ РАБОТА

Цветовые модели. Работа с выделенными областями

Дата проведения занятия 13.02.19

Мы видим предметы, потому, что они излучают или отражают свет.

Свет — электромагнитное излучение.
Цвет — характеризует действие излучения на глаз человека.
Лучи света, попадая на сетчатку глаза, производят ощущение цвета.
Излучаемый свет — свет, исходящий из источника (солнце, лампочка).
Отражаемый цвет — свет, отраженный от поверхности объекта.
Излучаемый свет, идущий непосредственно от источника, сохраняет в себе все цвета, из которых он создан.
Отражаемый свет может измениться по сравнению с излучаемым.
Существует много различных типов цветовых моделей, но в компьютерной графике, как правило, применяется не более трех. Эти модели известны под названиями: RGB, CMYK и HSB.



1. Система аддитивных цветов - цветовая модель RGB наиболее проста для понимания и очевидна. В этой модели работают мониторы и бытовые телевизоры. Любой цвет считается состоящим из трех основных компонентов: красного (Red), зеленого (Green) и синего (Blue). Эти цвета называются основными. Эти цвета смешиваются (складываются). Яркость каждой составляющей кодируется числом от 0 до 255.


2. Система субтрактивных цветов - цветовая модель CMYK служит для описания цвета, получаемого на бумаге.
Белая бумага при освещении отражает все цвета, окрашенная бумага поглощает часть цветов, а остальные отражает. Например, красный лист, освещенный белым светом, поглощает все цвета, кроме красного. Тот же красный лист, освещенный синим цветом, будет выглядеть черным, т.к. синий цвет он поглощает.

В системе субтрактивных цветов основными являются голубой (Cyan), пурпурный (Magenta) и желтый (Yellow).

3. Модель HSB (V) - Тон — Насыщенность — Яркость»

Системы RGB и CMYK базируются на ограничениях, накладываемых аппаратным обеспечением (экрана монитора и типографскими красками). Более интуитивным способом описания цвета является его представление в виде оттенка цвета (Hue), насыщенности (Saturation) и яркости (Brightness). Обозначение этой системы — HSB,

Тон — конкретный оттенок цвета — красный, желтый, зеленый и т.д.

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


Яркость зависит от количества черной краски, добавленной к выбранному цвету: чем меньше черноты, тем больше яркость.
Более полно - Теория в документе.


По теории смотрим в презентации «Компьютерная графика и анимация». Часть I слайды с 11 по 16 .


РАБОТА С ВЫДЕЛЕННЫМИ ОБЛАСТЯМИ
Смотреть слайды 38 - 42 презентации «Компьютерная графика и анимация». Часть I

Инструменты выделения

Часто нужно работать с некоторой областью изображения, а пиксели вне этой области не должны меняться. Для выделения областей в редакторе GIMP предназначены несколько инструментов (слайды 39 - 40).

Если в момент выделения области была нажата клавиши Shift, новая область добавляется к уже выделенной. Если в момент выделения области была нажата клавиша CTRL, новая область вычитается из уже выделенной.Таким образом можно строить сложные выделенные области.

Сглаживание и растушевка
Любой пиксель может быть выделен частично, например на 25. Это значит, что для такого пикселя эффект, примененный к области, будет ослаблен в 4 раза (слайд 41).
Частичное выделение получается при использовании двух параметров - сглаживания и растушевки.
Эти параметры задаются в окне параметров выбранного инструмента выделения (слайд 42).



Практическое задание и Домашнее задание

Урок 20-21. Изменение размеров изображения в Gimp

Дата проведения занятия 30.01.2019

Размеры изображения при просмотре

В презентации К. Полякова Презентация GIMP Ч.1 смотрим  слайды 2-10 

При выводе изображения  нужно указать  его размеры на экране монитора  или на бумаге. 

Связь между шириной и высотой изображения  в пикселях и его размерами в см или мм устанавливает разрешение, т.е. число пикселей на единицу размера изображения. Например, разрешение измеряется в пикселях на дюйм (ppi -  pixel per inch, 1 дюйм = 2,54 см примерно). Чем больше разрешение,  тем выше качество изображения, но тем больше места оно занимает в памяти. 

При выводе на экран изображение размером 10х15 см имеет следующие размеры в пикселях при разрешении 96 ppi:

высота: 10х96 / 2,54 = 378 пикселей 

ширина: 15х96 / 2,54 = 567 пикселей

Печатающие устройства могут обеспечить значительно большее разрешение, чем экран.

Для получения отпечатков среднего качества  требуется разрешение около 300 ppi. При этом размер изображения в пикселях:

высота: 10х300 / 2,54 = 1181 пикселей 

ширина: 15х300 / 2,54 = 1772 пикселей

В редаторе GIMP размер изображения на экране меняется в диалоговом окне Смена размера изображения. Чтобы попасть в это окно, щелкните правой клавишей по изображению и выберите: Изображение - Размер изображения

При этом для управления качеством преобразования используйте параметр Интерполяция. 

Размер изображения для печати меняется в  диалоговом окне Смена разрешения при печати. Чтобы попасть в это окно, щелкните правой клавишей по изображению и выберите: Изображение - Размер при печати.

Ввод изображений

Растровые изображения чаще всего вводятся с цифровых фотоаппаратов и сканера. 

В фотоаппарате фотографии сохраняются на встроенной карте памяти в форматах RAW  и JPEG. Для загрузки изображений с фотоаппарата в компьютер эти устройства соединяются  кабелем через порт USB. После подключения фотоаппарат появляется как новый съемный диск.

Сканировать изображение можно прямо из приложения GIMP (Меню - Файл - Создать (2) - Сканер). При этом рекомендуется параметр Разрешение установить несколько большим, чем потом предполагается  применять. Если изображение сканируется для вывода на экран (с разрешением 72 - 96 ppi), то для сканирования рекомендуется выбрать разрешение 150 - 200 ppi. 

Кадрирование

После сканирования полученное изображение обычно нужно выполнить  кадрирование, т.е. выбрать нужные границы и обрезать лишнее. Для кадрирования выбираем инструмент  Изображение - Автокадрирование или   Изображение - Усердное кадрирование. 

Практическая работа и Домашняя работа

Изображения на страницах сайта

Дата проведения занятия 2.02.18

На веб-странице можно размещать изображения только в тех графических форматах, которые распознаются браузером. Это форматы GIF, PNG, JPG (JPEG). Мы уже встречались с этими форматами, когда изучали графический редактор GIMP
Давайте освежим свои знания - посмотрим  слайды 16-22 презентации К.Ю.Полякова «Компьютерная графика и анимация». Часть II

В перечисленных форматах используется сжатие данных. Если увеличивать степень сжатия, то качество изображения ухудшается, и наоборот (слайды 17 -22).
Подробнее о форматах можно прочитать ЗДЕСЬ.
Давайте теперь обратим внимание на размеры изображения (высота и ширина).Эти атрибуты задают ширину и высоту (в пикселах) прямоугольника, в который выводится картинка.
Если атрибуты не заданы, картинка рисуется в естественных размерах. Когда размеры прямоугольника не совпадают с размерами картинки, браузер производит масштабирование картинки, подгоняя ее под указанные величины. 
Поэтому рекомендуется всегда записывать эти атрибуты и указывать в них естественные размеры картинки. Если размеры указываются неверно — картинка выводится браузером с искажением. Если указание размеров вовсе опущено — на экране происходит маленькое землетрясение в момент прихода картинки из сети. Ведь, не зная размеров картинки, браузер оставляет под нее на экране стандартный прямоугольник, продолжая строить остальные элементы. Когда картинка загружена, браузеру приходится полностью перерисовывать экран. 

Задача на сегодня:  подобрать и обработать изображения, которые будут на страницах сайта 

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

1. На локальном диске в своей папке по ИКТ создать папку web-img
2. Поместить в эту папку все изображения, которые вы хотите разместить на страницах сайта.
3. В GIMP изменить размеры изображений.
   Требования к каждому изображению:
   • Разрешение для вывода на экран 96 ppi
   • Ширина для картинок с ВУЗами - не более 250 пикселей
   • Ширина для логотипов организаций  100-150 пикселей
   • Размер каждого файла - 100 - 200 Кб
4. Показать папку с изображениями учителю
5. Внести изображения на страницы сайта (загрузить с локального диска):
   • На главной странице .
     Сегодня ввести текст и подпись к фотографии
   • На странице с ВУЗами: не менее 4-х картинок Для каждого ВУЗа - ввести название, которое затем сделать ссылкой на WEB-страницу ВУЗа. Страница в итоге не должна занимать более 2-х экранов, лучше один экран
   • На странице с потенциальными работодателями поместить логотипы организаций  и ссылки на их  WEB-страницы
6. Показать сайт учителю

Урок 18-19. Графические редакторы

Дата проведения занятия 16.01.19

Правила жизни. Татьяна Владимирская Черниговская. Эфир от 21.05.18 / Телеканал Культура (24 минуты)
Зачем нужно читать книги? Татьяна Владимировна Черниговская 17.11.17. (16 минут) 
Графические редакторы - это специализированные программы для работы с изображениями.

Графические редакторы делятся на две большие группы: растровые и векторные редакторы

Ребята, самостоятельно найдите в сети ответы на следующие вопросы:

• Что такое растровый редактор, для чего предназначен, с какими форматами работает
• Примеры растровых изображений
• Что такое векторный редактор, для чего предназначен, с какими форматами работает
• Примеры векторных изображений
• Сравнение двух типов редакторов. Достоинства и недостатки
• 3-х мерная графика. Где используется?
• Фрактальная графика. В чем ее особенность, какие редакторы используются для работы с фрактальными изображениями.

А теперь создайте новое сообщение в своем блоге и поместите туда ответы на эти вопросы.
Не забудьте вставить ссылки на используемые интернет-ресурсы!
В сообщение добавьте по два изображения каждого вида графики.
Название сообщения в блоге: Графические редакторы. 
Ярлык сообщения: ИКТ
Здесь ссылки на ваши блоги