Реферат: Графика на Web-страницах - текст реферата. Скачать бесплатно.
Банк рефератов, курсовых и дипломных работ. Много и бесплатно. # | Правила оформления работ | Добавить в избранное
 
 
   
Меню Меню Меню Меню Меню
   
Napishem.com Napishem.com Napishem.com

Реферат

Графика на Web-страницах

Банк рефератов / Информатика, информационные технологии

Рубрики  Рубрики реферат банка

закрыть
Категория: Реферат
Язык реферата: Русский
Дата добавления:   
 
Скачать
Архив Zip, 24 kb, скачать бесплатно
Заказать
Узнать стоимость написания уникального реферата

Узнайте стоимость написания уникальной работы

12 Графика на WEB - с траницах Содержание Введен ие Цвета Безопасная палитра Некоторые форматы записи графики на Web - с траниц ах Типовые графические элементы Web - с траниц Введение Визуальное представление позволяет осуществля ть наиболее быструю передачу информации, обеспечивая также быстрое её в осприятие наблюдателем (читателем) как непосредственно, так и с использо ванием принятых в мировой культуре источников информации (книги, газеты , кино, телевидение, Интернет). Манипулируя цветом, контрастом и символами , можно за долю секунды вызвать у наблюдателя ощущение тепла либо холода, спокойствия или напряженности, а вместе с тем даже передать некоторые св едения. Важную роль в графической передаче информации играют ассоциаци и – определённые образы, всплывающие в сознании пользователя в моменты , когда он видит некоторые символы или систему графических объектов. Стиль Интернет-сайта определяется сочетанием те кста, графики и активных элементов (формуляры, диалоговые окна, мультиме диа). Существенным является также подбор компонентов, их свойств (размер, цвет) и способов размещения на странице. Цвета · RGB В нас тоящее время RGB яв ляется самым популярным способом задания цвета и практически в каждой г рафической программе существует возможность описания цвета этим форма том. Комбинация трёх однобайтовых значений (24 бита) позволяет определить 16,7 млн. цветов (точнее 2 24 ). · H SL HSL ( Hue , Saturation , Luminance , т.е. оттенок, насыщение, яркость) – это палитра красок , определяемых сочетанием не основных цветов (как это имеет место для RGB ), а оттенка, насыщени я и яркости. Этот условный способ описания цвета намного более интуитиве н и близок естественному восприятию цветов человеком. Значительно легч е изменить оранжевый цвет на жёлтый, изменяя оттенок, насыщение и яркост ь, чем подбирать нужное сочетание красного, зелёного и синего. · CMY, CMYK Пали тра CMY ( Cyan , Magenta , Yellow , т.е. сине-зелёный, пурпурный, жёлтый ) – ещё один способ определения цвет а. Он составляет альтернативу RGB . Палитра CMY , расширенная черным цветом, обозначается CMYK и повсеместно применяетс я печатающими устройствами. Безопасная цветовая палитра Безопасная цветовая палитра – это набор из 216 цве тов, общих для всех инструментальных платформ. Каждый из них может быть з адан однобайтовым кодом . Их 216 потому , ч то 8 - б итовое определе ние позволяет задать 256 цветов (2 8 ). Однако принято, чтобы поле в 40 и цветов было зарезервирован о для операционной системы, тогда 216 цветов остаются для применения в прик ладных программах пользователей. Картинки, отображаемые на мониторах к омпьютеров, способных правильно передать 256 цветов (8 - б итовая графика), отобража ются правильно (и предсказуемо) и при условии применения 216 безопасных цве тов. Остальные краски передаются как смесь компонентов из безопасной па литры. Вопрос адекватного отражения цветов имел большо е значение несколько лет назад, когда в повсеместном использовании были компьютеры с 8 - б итовой графической картой. Хорошим тоном считалось примене ние на Web - с траницах именно безопасного цвето вого набора. Теперь же мы все пользуемся 24 - б итовой графикой . Поэтому кажется более целесообразным использовать всю по лноту возможностей, представляемых современными компьютерами, и приме нять на Web - с траницах различные сочетания цвет ов, в том числе и тех, что выходят за рамки безопасной палитры. Некоторые форматы записи графики на Web - с траницах · GIF GIF ( Graphic Interchange Format – Графический формат обм ена) – один из первых графических форматов. Он и сегодня продолжает оста ваться самым часто применяемым форматом записи графики и простой анима ции для Интернет-сайтов. Формат GIF разработан фирмой CompuServ (онлайновая информационная служба). В 1987 году вышла его первая версия GIF - 8 7. Да льнейшая работа над расширением возможностей записи изображений увенч алась созданием новой версии GIF - 8 9а. В этой новой версии появились возможности определения выбранного цвета как прозрач ного, чересстрочной загрузки и записи анимации. Важным достоинством фор мата GIF является ег о универсальность – на сегодняшний день все Интернет-браузеры поддерж ивают отбражение картинок в формате GIF . Графика, записанная в форм ате GIF , к омпрессируе тся с использованием алгоритмов LZW ( Lempel - Ziv - Welch ). Этот алгоритм б езутратной компрессии (сжатия), основанный на уст ранении избыточности информации, поэтому картинка отображается на 10 0 % в соотв етствии с оригиналом. Компрессия заключается в отыскании повторяющихс я последовательностей точек и записи информации о размерах этой послед овательности и месте её начала. Этот способ позволяет значительно снизи ть размер файлов при записи изображений, имеющих довольно большие одноц ветные участки. GIF - 8 9а состоит : из заголовка и блоков данных. В заголовке отображ аются: версия формата GIF , предпочтительные параметры картинки – высота, ширина , размер палитры, разре шение, цвет фона. Отдельные бай ты содержат информацию о глобальной цветовой палитре – каждый цвет это 3 - б айтовое значение, которым задаётся цветовое сочетание RGB . За заголовком следуют контрольные блоки, блоки изображени я и дополнительные блоки. 1) В контрольном бло ке находится информация о продолжительности экспозиции (времени показ а на экране) и способе перехода от картинки к картинке. Формат GIF - 8 9а позволяет записывать много изображений в одном файле и задавать значения экспозиции и цикличности анимации. 2) Блоки изображения (их мож ет быть несколько, если в файле записана анимация ) содержат детальное описание параметров картинки, локальную цветовую палитру (если она отличается от глобальной палитры) и компрессированные данные о последовательностях точек изображения. 3) Дополни тельный блок содержит данные, которые не отображаются, например коммент арий, связанный с данной картинкой. Огра ничением формата GIF является размер цветовой палитры – максимум 256 цветов, то ес ть цветовая палитра может иметь размер от 2 1 по 2 8 , или 2, 4, 8, 16, 32, 64, 128 и 256 цветов. На практике это означает, что если на картинке появл яется 7 цветов, то при использовании палитры размером 16 цветов часть полей палитры остаётся не задействованными. В этом случае редукция цветовой палитры до величины 8 не приведёт к потере качества, но позволит уменьшить размер файла записи картинки. Операция сужения цветовой палитры – обычная опция записи файла в формате GIF . Кодировка LZW позволяет воспроизвести компрессированное изобра жение точно таким, каким оно было до компрессии. Подобные алгоритмы комп рессии называются «безутратными», в отличие от «утратных» алгоритмов, кот орые предполагают потерю части информации об изображении. Сжатие LZW уменьшает размер фа йла GIF так эффектив но, что на практике становится невыгодной дополнительная архивация и ко мпрессия файлов этого типа программами ZIP , ARJ и т.п. сжатием изоб ражения занимаются графические программы. · JPEG В 1990 го ду Объединенной группой экспертов в области фотографии ( Joint Photographic Expert Group , JPEG ) была предложена схема сжа тия, которая впоследствии завоевала всеобщее признание, как стан дартный метод обработки неподвижных изображений. JPEG – это алгоритм сжати я изображений. Но общепринятым стало применение названия JPEG к файлам, записанным в форма те JFIF ( JPEG File Interchange Format ). JPEG (или JFIF ) – это формат записи изобра жений, применяемых как на Интернет-сайтах, так и для типографской печати, а также в цифровой фотографии. Процесс компрессии изображения в формате JPEG идет в несколько этапов: 1) Если нужно , то сначала происходит конвертация данных о точках изображения из системы RGB в систему YCbCr , которая аналогична HSL , позволяет выразить яркость цвета. 2) Уменьше ние в два раза ширины шкалы Cb и Cr (с войства цвета) при сохранении оригинальной шкалы яркости Y . Сужение шкалы происходит путём усреднения значений Cb и Cr с оседних пикселей. 3) Анализ б локов изображения: 8*8 пикселей. С помощью дискретного косинусного преобр азования (ДКП) производится округление значений изменения яркости цвет а. 4) Массив данных, которым приближё нно описывается оригинальное изображение, может быть подвергнут очередной компрессии (на этот раз безутратной), п оскольку в результате округления появилось много одинаковых значений. Выго дой алгоритма компрессии, применяемого в формате JPEG , особенно ощутим при обраб отке больших многоцветных изображений (например, фотоснимков). Для малых изображений (иконок) или картинок с преобладанием одного цвета лучше пр именять формат GIF . Формат JPEG не подде рживает чересстрочную загрузку, но здесь есть возможность записи файла в прогрессивной форме. Просмотр крупного файла, записан ного в прогрессивной форме JPEG , предполагает быстрое отображение картинки худ шего качества, постепенное улучшение которого происходит по мере считы вания очередных порций файловой информации. Это имеет большое значение для тех, кто публикует фотоснимки, карты и т.п. Быстрый просмотр картинки немного худшего качества даё т возможность решить, стоит ли ожидать дальнейшей загрузки, или можно пр ервать передачу изображения в браузер. · BMP Формат BMP ( Bitmap , Битовая карта) является очень простым способом записи граф ики для применения в системе Windows . Вообще, этот формат в Интернете не применяется. BMP – это внутрення я графическая система Windows . В частности, в этом формате записываются «копии экрана». До статочно нажать клавиши < Alt + Print Screen >, чтобы в системном буфере оказалось изображение, в данный момент находящее ся на экране. В формате BMP не предполагается компрессия данных, вернее, могут быть ско прессированы только элементы 4- и 8 - б итовой графики. В таких случаях архивация данных происходит по принципу груп повой компрессии – оттискивания соседних точек одинакового цвета и за мещение последовательности идентичных данных парой значений, представ ляющих индекс цвета на палитре и количество пикселей данного цвета в пос ледовательности. При отсутствии компрессии размер файлов, записанных в этом формате, очень велик. К тому же этот формат не поддерживается многим и браузерами, а это значит, что часть интернавтов не увидит у себя на экран е картинки, записанной в формате BMP . Этот формат конкретно поддерживает Inte rnet Explorer . С ущественный недостаток формата BMP – слишком большой размер создаваемых файлов. · PNG PNG ( Portable Network Graphics – Переносимая сетевая г рафика) – универсальный формат записи неподвижных (статичных) изображе ний. Он с успехом применяется в отношении как фотоснимков, так и небольши х рисунков. По глубине отображения цвета формат PNG превосходит GIF и JPEG , так как цвет каждого пиксе ля здесь может быть определён с помощью 48 битов. PNG применяет алгоритм компре ссии без потерь, а прозрачность фона может иметь достаточно много (до 256) ст епеней. Изображения, записанные в формате PNG , корректно отображаютс я всеми браузерами. Сам формат был разработан в 1996 году как альтернатива GIF , но пока не получи л большой популярности. Одной из причин этого стало то обстоятельство, ч то форма PNG не позв оляет записывать анимацию, которую так любят использовать создатели Ин тернет-сайтов. · SVG Формат SVG ( Scalable Vector Graphics – Масштабируе мая векторная графика) представляет собой стандарт, разработанный орга низацией World Wide Web Consortium ( W 3 C ) для записи векторной графи ки языком XML . В отли чие от форматов, описанных выше, SVG дает возможность записи векторной графики, а это значит, что масштабирование изображения будет происходить без потери качества . · ICO Иконки, сопровождающее любой программный продук т и любой файл в системе Windows , также являются графическими файлами. Хотя эти маленькие ри сунки очень часто бывают включены в файлы . exe или . dll , они могут быть такж е записаны на диске в независимых файлах с расширением . ico . Формат ICO позволяет сохранять элементы 4 - б итовой графики размером 32*32 пиксе ля. Иконки системы Windows могут принимать один прозрачный цвет (аналогично GIF ), иногда называемый цве том экрана, а также цвет, обратный цвету экрана. Типовые графические элементы Web - с траниц · Фон Жела я изменить применяемый по умолчанию фон HTML - д окум ента или его фрагмента (например, ячеек таблицы), автор страницы может про извольно задать цвет фона или указать, какой графический файл был исполь зован для «обивки» окна браузера. Файл фоновой графики не должен быть бо льшим. Если предлагается однотонный фон, то лучше предусмотреть задание цвета фона в кодах HTML . Лучше всего выглядят страницы с фон ом в пастельных тонах, элементы которого сливаются в однородно окрашенн ую поверхность. При использовании тёмного фона шрифт должен быть ярким. Пример: < BODY bgColor = » y ellow » > Фон жёлтого цвета . Фон документа из файла . · Иллюстрация, фото снимок Говоря о включении графики в Web - с траницу, чаще всего имеют в виду размещение в документе И ллюстрации или фотоснимка. Картинки для включения в HTML - д окумент могут быть записаны в разных форматах, следов ательно, могут иметь разные свойства. Ниже перечислены простые технолог ии, широко используемые для получения интересных эффектов на Web - с траницах и полного использования свойств картинок: 1) Размещение иллюстрации с прозрачным фоном. Изображение, «н аложенное» на документ, выглядит значительно лучше. Иллюстрация отличн о вписывается в документ независимо от изменения цвета фона Web - с траницы. Фон страницы (цвет, рисунок) служит и фоном для ра змещённой картинки. 2) Анимация на Web - с траницах служит чаще всего для украшения . Иногда анимация применяется для поэтапного представлени я информации – в отдельных кадрах последовательно отображается слова какой-нибудь надписи или открывается все больший фрагмент изображения. Этот эффект привлекает и удерживает внимание наблюдателя. Типовым форм атом записи анимации для Web - с траниц является GIF . 3) Галерея миниатюр. Выводя на Web - с траницу галерею фотосним ков, нужно предусмотреть наличие дополнительного документа, содержаще го эти самые фотоснимки в уменьшенном размере или же фрагменты этих фото снимков. Каждая миниатюра является ссылкой на файл, в котором записано д анное изображение, и щелчок клавиши мыши над миниатюрой начинает загруз к у фотоснимка в окон Интернет-бра узера. Галере и миниатюр создаются с целью быстр ого ознакомлен ия пользователя со всеми картинками и облегчения выбора фотоснимка, пре длагаемого к загрузке в оригинальном размере. 4) Рассечен ие картинки. Часто получается так, что компрессия графических файлов при носит намного лучшие результаты (увеличение степени сжатия), если сжимат ь маленькие картинки, а не большие изображения. Большие изображения реко мендуется рассекать на меньшие фрагменты. Сохранение каждого фрагмент а в своём файле иногда позволяет значительно уменьшить количество байт ов, которые пользователь будет вынужден загружать с Web - с ервере для просмотра картинки в оригинальном размере. Во сстановление изображения, происходит по принципам загрузки отдельных фрагментов в ячейки таблицы. · Клавиша, кнопка Важным графическими элементами на Web - с траницах являются клавиши навигации. Это небольшие к артинки, представляющие собой ссылки к другим документам или сценариям ( скриптам). Щелчок клавиши мыши на такой клавише обычно вызывает загрузку другого документа, пересылку содержимого формуляра или выполнение сце нария. Интересный эффект при использовании клавиши навигации можно пол учить, предусмотрев изменения её графического в ида при наведении курсора на клавишу и возврата изображения в начальное состояние при отведении кур сора из области клавиши. Этот простой эффект реализуется с помощью опера торов языка JavaScript . До кумен т, оснащённый таким механизмом, приобретает черты динамичности. Клавиши навигации являются графическими элемен тами, которые должны хорошо вписываться в фон страницы, и вместе с тем выд елятся и облегчать навигацию в Интернете благодаря единообразию их инт ерпретации. · Рекламный баннер Прямоугольные картинки, содержащие рекламу или визитки Интернет-сайтов, назыв аются баннерами ( banner – знамя, транспарант). Целью размещения баннеров на Web - с траницах является приглашение интернавта посети ть рекламируемую страницу. Очень часто баннеры насыщенны анимацией – в едь они «обязаны» бросаться в глаза. Чаще всего баннеры бываю следующих размеров: 400*50, 468*60 пикселей, или более мелкие – 120*40 пикселей и т.д. Очень важно, чтобы размер файла, в котором записан баннер , не был большим. Считается, что хороший баннер ( т.е. такой, который быстро загружается в браузер ) не до лжен быть больше 10 – 1 5 кбайт. На практике же строгих ограничений не существует.
1Архитектура и строительство
2Астрономия, авиация, космонавтика
 
3Безопасность жизнедеятельности
4Биология
 
5Военная кафедра, гражданская оборона
 
6География, экономическая география
7Геология и геодезия
8Государственное регулирование и налоги
 
9Естествознание
 
10Журналистика
 
11Законодательство и право
12Адвокатура
13Административное право
14Арбитражное процессуальное право
15Банковское право
16Государство и право
17Гражданское право и процесс
18Жилищное право
19Законодательство зарубежных стран
20Земельное право
21Конституционное право
22Конституционное право зарубежных стран
23Международное право
24Муниципальное право
25Налоговое право
26Римское право
27Семейное право
28Таможенное право
29Трудовое право
30Уголовное право и процесс
31Финансовое право
32Хозяйственное право
33Экологическое право
34Юриспруденция
 
35Иностранные языки
36Информатика, информационные технологии
37Базы данных
38Компьютерные сети
39Программирование
40Искусство и культура
41Краеведение
42Культурология
43Музыка
44История
45Биографии
46Историческая личность
47Литература
 
48Маркетинг и реклама
49Математика
50Медицина и здоровье
51Менеджмент
52Антикризисное управление
53Делопроизводство и документооборот
54Логистика
 
55Педагогика
56Политология
57Правоохранительные органы
58Криминалистика и криминология
59Прочее
60Психология
61Юридическая психология
 
62Радиоэлектроника
63Религия
 
64Сельское хозяйство и землепользование
65Социология
66Страхование
 
67Технологии
68Материаловедение
69Машиностроение
70Металлургия
71Транспорт
72Туризм
 
73Физика
74Физкультура и спорт
75Философия
 
76Химия
 
77Экология, охрана природы
78Экономика и финансы
79Анализ хозяйственной деятельности
80Банковское дело и кредитование
81Биржевое дело
82Бухгалтерский учет и аудит
83История экономических учений
84Международные отношения
85Предпринимательство, бизнес, микроэкономика
86Финансы
87Ценные бумаги и фондовый рынок
88Экономика предприятия
89Экономико-математическое моделирование
90Экономическая теория

 Анекдоты - это почти как рефераты, только короткие и смешные Следующий
Эту страну не победить, потому что в неё не проехать.
Anekdot.ru

Узнайте стоимость курсовой, диплома, реферата на заказ.

Обратите внимание, реферат по информатике и информационным технологиям "Графика на Web-страницах", также как и все другие рефераты, курсовые, дипломные и другие работы вы можете скачать бесплатно.

Смотрите также:


Банк рефератов - РефератБанк.ру
© РефератБанк, 2002 - 2016
Рейтинг@Mail.ru