27. Понятие растровой и векторной графики. Обзор популярных графических редакторов

Растровая графика и ее основные понятия

Растровое изображение это изображение состоящее из маленьких цветных элементов — пикселов, расположенных вплотную друг к другу.

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

Bitmap (Битовая карта)

Битовая карта — синоним понятия «растровое изображение». Во многих программах (к примеру, 3ds max) слово bitmap употребляется в значении «использовать растровую картинку», и это необходимо запомнить.

Битовая карта — главная часть графического файла, непосредственно хранящая информацию об изображении.

Resolution (Разрешение)

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

С разрешением непосредственно связан и размер графического файла. Арифметика тут несложная. Чем больше разрешение, тем больше пикселов, а, следовательно, увеличивается и размер файла. Посчитаем, к примеру, сколько будет занимать картинка размером 100 на 100 пикселов в 24-битном цвете (то есть на описание каждого пиксела уходит 24 бит). 100 х 100 = 10 000 (общее количество пикселов), умножаем это число на 24 и получаем 240 000 байт (или 23 Кбайт).

Ppi и dpi

Эти понятия достаточно близкие: ppi — это Pixels per Inch (количество пикселов на дюйм), a dpi — Dots per Inch (количество точек на дюйм).

Данные термины являются в некотором роде синонимами понятия «разрешение», только ppi обычно относится к изображениям, a dpi — к устройствам вывода.

Еще со времен гегемонии в графике компьютеров Macintosh разрешение принято измерять именно в дюймах. Термин dpi вы встретите в описании мониторов, сканеров, цифровых фотоаппаратов, принтеров и т. д. Этот параметр часто является главным в технических характеристиках устройств, так или иначе связанных с графикой. Ясно, что чем выше этот показатель, тем устройство лучше, но, как правило, и дороже.

Интерполяция

Понятие, непосредственно связанное с предыдущими. Интерполяция — основной метод изменения геометрических размеров изображения или его разрешения. Если мы изменяем параметры того, что состоит из кусочков фиксированного размера (в данном случае пикселов), то единственный способ увеличить изображение — вставлять новые кусочки между имеющимися. Этим и занимается интерполяция.

Обзор растровых графических редакторов:

Adobe Photoshop : Сложный в освоении и использовании узкоспециализированный пакет, ориентированный на профессиональных фото -художников. Содержит небольшой набор инструментов, что не позволяет использовать его для иных, кроме обработки фотографий, целей. Зато возможности качественной обработки фотоснимков (при определённых навыках пользователя) позволяют добиться великолепных результатов.

Macromedia Fireworks :Редактор растровых изображений для оптимизации графики перед импортированием в пакеты Director и Flash компании Macromedia. Так же очень удобен при создании типовых страниц с динамическими меню (DHTML). Лучший пакет в области оптимизации графики для Web.

Jasc Paint shop Pro :Полноценный, современный графический редактор, включающий множество эффектов для обработки фотографий, приёмов создания и оптимизации Web-графики и полноценных Web-страниц. Позволяет работать с векторными форматами и включать векторные объекты в растровые картинки (на этапе создания). Ориентирован на менее профессиональных (в т.ч. и начинающих) пользователей, чем Corel Photo-Paint и

Real-DRAW Pro :Небольшой растровый редактор с небольшими возможностями. Ориентирован на работу с уже созданными объектами, и включает возможности по созданию 3D-эффектов: прозрачности, теней, выпуклости, вогнутости, рельефности, сложной освещённости и др. Прекрасно подходит для финальной обработки центральных крупных графических элементов страниц. Очень простой интерфейс.

Примечание: Простота интерфейса достигается большим количеством окон, в связи с чем для работы с редактором крайне желательно расширение не менее 1024x768 пикселей, иначе просто не останется экранного места на сам обрабатываемый объект.

Векторная графика (Vector drawing)

Это другой вид кодировки графическихх изображений, также основанный на геометрии, но не точек, а кривых. В качестве сплайнов выбраны кривые Безье. (Пьер Безье

• французский математик, рассчитывал сплайны корпуса автомобилей).

Сплайн - основное понятие векторной графики. Линейные картинки - это сплайны. На сплайнах построены современные шрифты TryeType и PostScript.

Достоинства векторной графики:

1. Малый объем памяти. При кодировании векторного изображения хранится не само изображение объекта, а координаты четырех точек, поэтому объем памяти очень мал по сравнению с точечной графикой. Вывод: Векторная графика - очень экономичный способ кодирования.

2. Свобода трансформации. Векторное изображение можно вращать, масштабировать без потери качества изображения.

3. Аппаратная независимость. Векторная графика "работает" с идеальными объектами, которые сами приноравливаются к изменениям: можно не знать, для каких устройств делается тот или иной документ.

Недостатки векторной графики - программная зависимость. Каждая программа строит кривые Безье по своим алгоритмам. (Например, формат .cdr программы Corel Draw не описан и является нестандартным). Часто необходимо конвертирование.

Обзор векторных графических редакторов:

Векторные графические редакторы позволяют пользователю создавать и редактировать векторные изображения непосредственно на экране компьютера, а также сохранять их в различных векторных форматах, например, EPS, PDF, WMF или SVG.

Adobe Illustrator CS: придание объёмности некоторым элементам композиции не выходя из редактора, что значительно усиливает эффект. 3D-инструментарий ограничен двумя базовыми операциями: Extrude&Bevel (получение объёмного объекта выдавливанием некоторой образующей или сечения) и Revolve (создание фигуры вращением профиля вокруг задаваемой оси). Среди возможностей рендеринга (просчёта конечного изображения): установка нескольких источников освещения с достаточно развитыми параметрами света (к сожалению, без выбора их цвета), задание типа визуализатора — No Shading (без наложения теней), Plastic (с бликами), Diffuse (с тенями), Wireframe (сетка), и оттенка тени.

CorelDRAW Graphics Suite: Dynamic guides — аналог умных направляющих, знакомых по Illustrator (Smart Guides). Их назначение — обеспечить точное взаимное расположение объектов ещё при создании. Перемещение курсора под определёнными углами (по умолчанию — 30°, 45°, 60°) рождает направляющую с информационным полем, облегчающую дальнейшее его позиционирование. «Чувствует» редактор и реперные точки (snap points) во всех значимых местах: по периметру контуров, в центрах объектов, других особых зонах. При достаточном приближении курсор «прилипает» к точке, а затем перемещается относительно неё — до тех пор, пока не станет активной следующая либо пользователь принудительно не выведет его за пределы активности направляющих. В отличие от разработки Adobe, в информационном поле CorelDRAW динамически отображается расстояние от опорной точки до текущего положения, что значительно облегчит создание чертежей и другой технической документации.

Macromedia FreeHand MX: - уникальная многостраничная среда для создания сложных иллюстраций и макетов для публикации в печати и в электронных СМИ.

Macromedia FreeHand MX - лучшее средство для создания иллюстраций для печати, Интернета и проектов Macromedia Flash. Мощный набор средств Macromedia FreeHand MX поможет дизайнерам реализовать их творческие замыслы, а расширенные функции иллюстрирования, создания макетов и публикации обеспечивают увеличение гибкости рабочего процесса.

С помощью Macromedia FreeHand MX профессиональные дизайнеры, иллюстраторы и издатели смогут:

использовать оптимизированные рабочие процессы для создания изображений для печати, Интернета и проектов Macromedia Flash MX;

использовать инструменты для подготовки многостраничных иллюстраций и специальные рабочие инструменты Macromedia FreeHand MX для быстрого создания сложных дизайнерских проектов и иллюстраций с максимальным воздействием на зрителя;

воспользоваться возможностями разработки материала для различных сред при подготовке иллюстраций для печати, Интернета и проектов Macromedia Flash MX;

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

быстро спланировать и организовать многостраничные сайты и проекты, а также подготовить интерактивные презентации, раскадровки и web-страницы с навигацией, не выходя из рабочей среды FreeHand.

Примерные экзаменационные вопросы

1. Краткая история появления и развития глобальных сетей. Основные этапы.

2. Понятие опорной модели сети. Перечислите основные уровни.

3. Основные идеи и принципы сетевого протокола пакетной коммутации.

4. Доменная система имен. Принцип записи. Сервер доменных имен.

5. WWW. Понятие, основные принципы, протокол, необходимое ПО. Понятие гипертекста.

6. Группы новостей (телеконференции). Понятие, основные принципы, протокол функционирования, необходимое ПО. RSS-каналы.

7. Принципы адресации в сети Internet.

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

9. Telnet. Понятие, назначение, возможности, команды.

10. Общение в сети Internet. Отличие между IRC и ICQ.

11. Сервисы общения в сети Internet: IRC, IMS, VoIP.

12. Сервис электронной почты. Протокол функционирования и необходимое ПО.

13. Характеристики почтовых клиентов. Особенности работы с программной, создание учетной записи, удостоверения, настройка панели инструметов. Настройка параметров безопасности, создание правил, фильтрация спама, способы получения почты, шалбоны для создания сообщений. (в пр.р. 2)

14. Понятие прокси-сервера и его назначение.

15. Типы прокси-серверов, их особенности.

16. Перечислите основные проводные способы подключения к сети Интернет. Охарактеризуйте их.

17. Перечислите основные беспроводные способы подключения к сети Интернет. Охарактеризуйте их.

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

19. Проблемы кодирования русскоязычной информациию. Причины и способы решения проблемы.

20. Кодировка ASCII и другие кодировки, содержащие русскоязычные символы. Особенности, отличия. Кодировка UNICODE.

21. Виды и структура сетевых ОС. ОС с выделенным сервером и одноранговые ОС.

22. Клиентская и серверная часть сетевой ОС. Взаимодействие сетевых ОС.

23. Перечислите сетевые компоненты операционной системы. Укажите способ и местонахождение основных настроек сетевых параметров. Создание нового подключения.

24. Перечислите основные категории сетевых диагностических утилит. Утилиты диагностики, моделирования сети, контроль трафика.

25. Перечислите и охарактеризуйте сетевые утилиты ОС. Как ими воспользоватьcя? (в пр.р.3)

26. Что такое ИПС. Назначение, виды ИПС.

27. Основные компоненты поисковой системы. Назначение и принцип действия.

28. Ранжирование результатов поиска. Регистрицая в поисковой системе. Понятие релевантности.

29. Сложный и расширенный поиск. Язык запросов. (в пр.р.4)

30. Характеристики и пример программ ускорителей для WWW и блокировщиков рекламы. Заполнители форм.

31. Программы для копирования сайтов. Характеристика и особенности. Менеджеры закачки. Характеристики и особенности.

32. Обмен файлами в сети Интернет. История появления обменной сети и необходимое программное обеспечение.

33. Межсетевая защита. Особенности и структура брандмауэра.

34. Встроенный брандмауэр Windows XP. Основные возвожности, настройка, закладки. Понятие исключения в работе брандмауэра Windows XP. Способы создания исключений.

35. Этапы разработки Web - сайта.

36. Макет, модульная сетка, способы верстки. Статическая и динамическая компановка сайта.

37. Логическая и физическая структура сайта. Типы взаимосвязей страниц, способы навигации по страницам.

38. Алгоритм шздание простейшей Web-страницы. Основы HTML. Структура HTML документа. (в пр.р.5)

39. Теги форматирования текста, фон, списки. Их атрибуты. (в пр.р.5)

40. Создание таблицы. Атрибуты тега (изменение границ, выравнивание в ячейках, объединение ячеек и т.д.). (в пр.р. 7)

41. Тег и атрибуты для создания гиперссылки. Рисунок в качестве ссылки, графическая карта ссылок (сенсорное изображение). (в пр.р.6)

42. Понятие фрейма. Созадание страницы с фреймами, атрибуты (для задания размеров фреймов, открытия документа в определенном фрейме, задания полосы прокрутки и т.д.) (в пр.р.8)

43. Каскадные таблицы стилей. Назначение. Типы таблиц стилей и способы их создания. Пример использования. (в пр.р.9)

44. Создание формы в HTML. Понятие CGI. Отправка и обработка данных формы. (в пр.р.13)

45. Типы форм, способы их создания, атрибуты. Кнопки обработки форм (очистка полей, отправка выбранного файла, рисунок в качестве кнопки). (в пр.р. 13)

46. Обзор HTML-редакторов. Типы редакторов, особенности, достоинства и недостатки. Краткая характеристика работы с одним из редакторов. (в пр.р. 15)

47. Язык программирования JavaScript. Основы и особенности языка. Запись и внедрение скриптов в различные секции HTML-документа. (в пр.р. 10)

48. Переменные языка JavaScript, функции языка JavaScript. Условные операторы языка JavaScript.

49. Особенности DHTML. Понятие шбытия и обработчики событий. (в пр.р. 11)

50. Основы дизайна. Типы графических файлов, используемых в web-страницах.

51. Понятие клиент-серверной технологии. Краткий обзор серверных технологий для разработки WEB-страниц.

52. Начальные сведения о технологии Active X. Внедрение компонентов Active X на web-страницу. (в пр.р. 12)

53. Серверный сценарий и персональный web-сервер.

54. Установка и настройка персонального WEB-сервера. (в пр.р. 14)

55. Начальные сведения о серверных технологиях ASP, PHP, SSI.

Список использованной и рекомендуемой литературы

1. Баканов В.М. Программное обеспечение компьютерных сетей и информационных

систем. -М.: МГАПИ, 2003, -104 С.

2. Данилов И. Все об электронной почте. - К.: ОАО «Дом печати - ВЯТКА», 2005.

3. Казарин О.В. Безопасность программного обеспечения компьютерных систем. Москва, МГУЛ, 2003, 212 с.

4. Кожемякин А.А. HTML и CSS в примерах. Создание Web-страниц. 2004.

5. Коровченко Э. Энциклопедия Internet. CD, ООО «Бизнессофт», 2005.

6. Леонтьев В. Программы на все случаи жизни. - М.: Олма-пресс, 2005.

7. Леонтьев В. Самоучитель: осваиваем Интернет. - М.: Олма-пресс, 2005.

8. Миронов Д. Создание Web-страниц в MS Office 2000 / Учеб. Пособие, Изд-во: Б.и., 2002. 9.Олифер В.Г., Н.А. Олифер Н.А. Компьютерные сети: принципы, технологии,

протоколы. - С. -Петербург: ПИТЕР, 2000.

10. Рева О. HTML. Просто как дважды два. - М.: Изд-во Эксмо, 2006.

11. Савельева Н.В. Основы программирования на PHP: Курс лекций. Изд-во: Интернет- университет информационных технологий - ИНТУИТ.ру, 2005.

12. Сетевые операционные системы: учебник / В.Г. Олифер, Н.А. Олифер -СПб.: Питер, 2001.

13. Смит К., Уотерс К. WEB-дизайн: Photoshop&Dreamweawer. Пер. С англ. - М.: КУДИЦ-ОБРАЗ, 2004

14. Снейдер. Эффективное программирование ТСР/IP, 2001

15. Снелл Н. Освой самостоятельно Internet за 24 часа. Изд-во: Вильямс, 2000.

16. Столингс В. Основы защиты сетей. Приложения и стандарты. - Вильямс, 2002. - 432 c.

17. Хант К. TCP/IP. Сетевое администрирование. 3-е изд. - Символ-Плюс, 2004. - 816 c.

18. Холмогоров В. Основы WEB-мастерства. Учебный курс.- СПб: Питер, 2001