1.2 Анализ и описание графических пакетов

Первый в мире сайт info.cern.ch появился в 1991 году. Его создатель, Тим Бернерс-Ли, опубликовал на нём описание новой технологии WorldWideWeb, основанной на протоколе передачи данных HTTP, системе адресации URI и языке гипертекстовой разметки HTML. Также на сайте были описаны принципы установки и работы серверов и браузеров. Сайт стал и первым в мире интернет-каталогом, так как позже Тим Бернерс-Ли разместил на нём список ссылок на другие сайты.

Сайт (от англ. website: web -- «паутина, сеть» и site -- «место», буквально «место, сегмент, часть в сети») -- система электронных документов (файлов данных и кода) частного лица или организации в компьютерной сети под общим адресом (доменным именемили IP-адресом)

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

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

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

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

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

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

Изготовление сайтов как работающих целостных информационных ресурсов и систем -- составной процесс, вовлекающий труд различных специалистов. Этот вид деятельности называется веб-разработка. Владельцы будущего сайта (частные лица или организации) разрабатывают сайты своими силами, либо обращаются к специализированным разработчикам (фрилансерам, студиям, бюро, конторам и т. п.). Отношения между заказчиком и исполнителем регулируется с помощьюдоговоров, технических заданий, специальных систем (различных сайтов, выступающих посредником между заказчиком и фрилансерами), либо устной договорённостью. Заказанная работа может представлять собой как полный комплекс создания сайта, вплоть до придумывания названия и регистрации домена, так и расширение сайта, техническую оптимизацию и редизайн. Всё больше разработка и сопровождение сайта (портала) становится мощным сегментом активов предприятий (организаций). Поэтому разработчиков предпочитают штатных или поручают проект вести одному из директоров аппарата управления (коммерческий директор, директор департамента по связям или непосредственно руководителю проекта с группой штатных специалистов и/или совместителей). Особую роль выполняют «тестеры» конечного продукта. Это ответственная роль в продвижении и оценке проекта, так как стадия разработки для динамического большого проекта никогда не прекращается. Если вы видите сайт 2-3 года без изменений, то он, возможно, никому не нужен, либо пользуется спросом на базисную информацию. Но сопровождение проекта становится не менее ответственным делом. По этой причине создание и продвижение сайта приводит к активной и прибыльной работе проекта. Ведь главная задача создания сайта есть прибыль.

Веб-дизайнеры разрабатывают макеты шаблонов страниц. Дизайнер определяет, каким образом конечный потребитель будет получать доступ к информации и услугам сайта -- то есть, занимается непосредственно разработкой пользовательского интерфейса. В большинстве случаев страницы включают в себя графические элементы. Их подготовкой занимаются художники, иллюстраторы, фотографы, технические дизайнеры, шрифтовики, и т. д. Готовые шаблоны показываются заказчику. В этот момент страницы ещё не могут содержать конечного наполнения (это в обязанности дизайнера не входит). Чтобы макеты выглядели более наглядно, в них помещается произвольное содержимое. На сленге дизайнеров такое содержимое называется рыбой. Если заказчик удовлетворён внешним видом шаблонов, то наступает следующая фаза разработки -- вёрстка страниц сайта.

Верстальщик получает макеты шаблонов в виде простых изображений (например, в формате JPEG или PNG), либо разбитых по слоям (например, в PSD или AI). Его задача -- получить из этих графических макетов гипертекстовые веб-страницы с подготовленными для интернета изображениями.

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

К программистам поступают готовые шаблоны страниц и указания дизайнеров по работе и организации элементов сайта. Программист создаёт программную основу сайта, делая её с нуля, используя фреймворк или CMS. Выбор языка программирования в данном случае -- вопрос непринципиальный.

После того, как сайт готов к эксплуатации, наступает следующая фаза -- наполнение сайта информацией.

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

После того, как сайт готов к эксплуатации, наступает следующая фаза -- наполнение сайта информацией.

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

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

Типы графических редакторов:

Растровые графические редакторы

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

Растровые графические редакторы позволяют пользователю рисовать и редактировать изображения на экране компьютера, а также сохранять их в различных растровых форматах, таких как, например, JPEG и TIFF, позволяющих хранить растровую графику с незначительным снижением качества за счёт использования алгоритмов сжатия с потерями, PNG и GIF, поддерживающими хорошее сжатие без потерь, и BMP, также поддерживающем сжатие (RLE), но в общем случае представляющем собой несжатое «попиксельное» описание изображения. Наиболее популярные профессиональные растровые графические редакторы: платный AdobePhotoshop (для операционных систем Windows и WindowsPhone, Mac OS X и iOS, Android) и его бесплатный аналог GIMP (для операционных систем Linux и Windows, Free BCD и Solaris), распространяемый под лицензией GNU GPL, а также менее известные графические редакторы для начинающих: любительский Photofiltre и учебный Paint.NET.

Векторные графические редакторы

Векторные графические редакторы позволяют пользователю создавать и редактировать векторные изображения непосредственно на экране компьютера, а также сохранять их в различных векторных форматах, например, CDR, AI, EPS, WMF или SVG. Векторные редакторы часто противопоставляют растровым редакторам. В действительности, их возможности часто дополняют друг друга: векторные редакторы обычно более пригодны для создания разметки страниц, типографики, логотипов, sharp-edgedartistic иллюстраций (например, мультипликация, clipart, сложные геометрические шаблоны), технических иллюстраций, создания диаграмм и составления блок-схем; растровые редакторы больше подходят для обработки и ретуширования фотографий, создания фотореалистичных иллюстраций, коллажей, и создания рисунков от руки с помощью графического планшета.

Наиболее популярные профессиональные векторные графические редакторы: платный AdobeIllustrator и платный CorelDraw (для операционных систем MicrosoftWindows и Mac OS X), а также свободно распространяемый и бесплатный графический редактор Inkscape -- для всех ОС.

Гибридные графические редакторы

Гибридные графические редакторы предназначены для работы со сканированными документами. Такой вид графического редактора включает в себя часть растрового и векторных программ. Ярким примером гибридной программы можно считать AutoCAD, RasterDesk. Наиболее популярны: RasterDesk для AutoCAD, Spotlight для операционных систем MicrosoftWindows. Редакторы растровой графики AdobePhotoshop, AdobeIllustrator и CorelDraw также поддерживают некоторые функции для работы над векторной графикой.

Рассмотрим более подробно некоторые из редакторов:

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

Inkscape -- векторный графический редактор, удобен для создания как художественных, так и технических иллюстраций (вплоть до использования в качестве САПР общего назначения, чему также способствует легкость обмена чертежами). Это стало возможным во многом благодаря открытому формату SVG, развиваемому консорциумом W3C. Формат SVG позволяет создавать иллюстрации различного типа, в том числе анимированные. Поскольку SVG основан на языке разметки XML, к нему можно писать расширения, чем авторы Inkscape и пользуются. Программа распространяется на условиях GNU GeneralPublicLicense. История Inkscape началась с того, что нескольких программистов и дизайнеров, умеющих писать код, перестали устраивать условия разработки редактора векторной графики Sodipodi. Поняв, что они не смогут в должной степени применить свои навыки, они организовали новый проект, который назвали Inkscape. В версии Inkscape 0.91 добавлено много новых возможностей и исправлено более 700 ошибок, допущенных в версии 0.48, что делает Inkscape более готовым к использованию. Inkscape де-факто стал самым популярным свободным редактором в своей области.

CorelDRAW -- редактор, разработанный канадской корпорацией Corel. CorelDRAWGraphicsSuite (англ: «Интегрированный комплект программ CorelDRAW») -- начиная с версии 12 пакета CorelDRAW -- маркетинговое официальное наименование пакета программного обеспечения для работы с графической информацией производства компании Corel. До этой версии комплект назывался просто «CorelDRAW», хотя слова «Suite» и «GraphicsSuite» впервые появляются на коробках и в документации начиная с версии 9. Комплектация пакета никак не была связана с переименованием. Пользователи CorelDRAW -- начинающие художники, профессиональные иллюстраторы, дизайнеры, редакторы буклетов, книгоиздатели, художники по рекламе и логотипам, модельеры, менеджеры и т. д.

AdobePhotoshop -- многофункциональный графический редактор, разработанный и распространяемый фирмой AdobeSystems. В основном работает с растровыми изображениями, однако имеет некоторые векторные инструменты. Продукт является лидером рынка в области коммерческих средств редактирования растровых изображений и наиболее известным продуктом фирмы Adobe. В настоящее время Photoshop доступен на платформах OS X, Windows, в мобильных системах iOS, WindowsPhone и Android. Также существует версия PhotoshopExpress для WindowsPhone 8 и 8.1. Сейчас в США идёт бета-тестирование стриминговой версии продукта для Chrome OS. Ранние версии редактора были портированы под SGI IRIX, но официальная поддержка была прекращена, начиная с третьей версии продукта. Для версий 8.0 и CS6 возможен запуск под Linux с помощью альтернативы Windows API -- Wine. Photoshop тесно связан с другими программами для обработки медиафайлов, анимации и другого творчества. Несмотря на то, что изначально программа была разработана как редактор изображений для полиграфии, в данное время она широко используется и в веб-дизайне. Совместно с такими программами, как AdobeImageReady (программа упразднена в версии CS3), AdobeIllustrator, AdobePremiere, AdobeAfterEffects и AdobeEncore DVD, он может использоваться для создания профессиональных DVD, обеспечивает средства нелинейного монтажа и создания таких спецэффектов, как фоны, текстуры и т. д. для телевидения, кинематографа и всемирной паутины. Photoshop также прижился в кругах разработчиков компьютерных игр.

Photoshop поддерживает следующие цветовые модели или способы описания цветов изображения (в аннотации самой программы -- режим изображения):

RGB

LAB

CMYK

В градациях серого

Черно-белые

Duotone

С 256-цветовой палитрой (Indexed)

Многоканальные (Multichannel)

Поддерживается обработка изображений, с глубиной цвета 8 бит (256 градаций на один канал), 16 бит (используется 15 битов плюс один уровень, то есть 32769 уровней) и 32 бит (используются числа одинарной точности с плавающей запятой). Возможно сохранение в файле дополнительных элементов: направляющих (Guide), каналов (например, канала прозрачности -- Alphachannel), путей обтравки (Clippingpath), слоёв, содержащих векторные и текстовые объекты. Файл может включать цветовые профили (ICC), функции преобразования цвета (transferfunctions). Допускаются неквадратные пиксели (PixelAspectRatio).

В данной курсовой работе для создания портфолио свиного предприятия АПК понадобятся инструменты графического редактора AdobePhotoshop.