Компьютерная графика
Векторная и растровая графика. Форматы файлов компьютерной графики. Основной принцип построения графических объектов. Цветовые режимы и модели. Сканирование и коррекция изображений. Подготовка графических элементов web-страниц, оптимизация изображений.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | книга |
| Язык | русский |
| Дата добавления | 26.05.2014 |
| Размер файла | 3,4 M |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
</tr>
</table>
</BODY>
</HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<TITLE>1.htm</TITLE>
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML; CHARSET=WINDOWS-1251">
<style>
.title_1{
text-align: left;
font-family: Arial, sans-serif;
font-size: 20px;
font-weight: normal;
}
.title_2{
text-align: left;
font-family: Arial, sans-serif;
font-size: 18px;
font-weight: normal;
}
.title_3{
text-align: left;
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: normal;
}
.text {
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: normal;
}
.text_b{
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
}
.text_i{
font-family: Arial, sans-serif;
font-size: 14px;
font-style: italic;
}
.pic {
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: left;
font-style: italic;
}
.pic_i {
font-family: Arial, sans-serif;
font-size: 12px;
font-style: italic;
text-align: left;
font-weight: lighter;
}
.note {
font-family: Arial, sans-serif;
font-size: 14px;
font-style: italic;
}
.listing {
font-family: "Courier New", sans-serif;
font-size: 12px;
font-weight: normal;
}
li {
font-family: Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
line-height: normal;
}
.menu {
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
padding-left : 15px;
}
.small {
font-family: Arial, sans-serif;
font-size: 10px;
}
.small_b {
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: bold;
}
</style>
</HEAD>
<body BGCOLOR="#BED0F4" class="Text">
<table width="100%" border="0" class="Text">
<tr>
<td ><P class="title_1"> Краткий обзор возможностей HTML </P>
<P> </P>
<P> Вы уже ознакомились с возможностями и функциями Adobe PhotoShop, которые позволят вам разработать и подготовить к дальнейшему использованию графическое оформление web-сайта. Но сама по себе графика еще не является web-страницей. Для того чтобы страница могла быть представлена пользователям Интернета, она должна быть описана на специальном языке, позволяющем задать нужную структуру документа. Этот язык называется HTML -- Hypertext Markup Language -- язык разметки гипертекста. При помощи этого языка задается текст, помещаемый на сайте, ссылки на другие документы, расположение Изображений и многое другое. Для подготовки полноценной страницы вам необходимо знать основы HTML. Это тем более важно, что язык описания страниц накладывает довольно жесткие ограничения на использование графических элементов, но вместе с тем позволяет достаточно гибко настраивать работу с ними. Этот урок посвящен рассмотрению основных возможностей языка разметки web-страниц -- HTML </P>
<P class="note"> <strong>ПРИМЕЧАНИЕ.</strong> Гипертекстом называют набор статей, связанных между собой. Читатель (пользова тель) может легко перемещаться между статьями (страницами), получая необходимую информацию. Например, в случае обычного словаря вы можете быстро уточнить значение незнакомого вам слова. В случае web-страницы вам предоставляется возможность быстро переместиться на нужный сайт для получения сведений (например, толкования слова) или совершения каких-либо действий (загрузки файлов, заполнения платежной ведомости и так далее). </P>
<P> На рис. 15.1 показан фрагмент файла, описывающего страницу при помощи языка HTML -- именно так выглядит код web-страницы. Это обычный текстовый файл, который можно подготовить в практически любом текстовом редакторе. Как вы сами можете убедиться, документ этот состоит из текста, который можно видеть на готовой web-странице, а также команд, заключенных в угловые скобки. Команды HTML принято называть тегами. Именно эти команды и «сообщают» браузеру, как отображать текст, откуда загрузить и куда вставить графику, как отображать ссылки и многое другое. На рис. 15.2 показана та же самая страница, открытая в Internet Explorer. Браузер распознает команды и формирует изображение, отображаемое на экране. </P>
<P> Ниже приведен список основных особенностей языка HTML. </P>
<ul>
<li> Форматирование текстовой части осуществляется с помощью команд, задающих стиль шрифта, заголовков, таблиц, списков и других элементов. </li>
<li> Имеется возможность включения гиперссылок, указывающих на web-страницу, файл или другой объект. Собственно говоря, это самое важное свойство HTML, позволяющее данному языку называться языком разметки гипертекста.
<p class="pic"><img src="15_1.jpg" width="480" height="329"></p>
<p class="pic"> Рис. 15.1. <span class="pic_i">Фрагмент HTML-кода web-страницы
<br>
<br>
</span></p>
</li>
<li> Язык имеет широкий выбор средств задания внешнего вида web-страницы.
</li>
<li> На web-странице, разработанной с использованием HTML, могут использоваться изображения (самостоятельные иллюстрации, текстуры и т. д.). Изображения могут использоваться в качестве ссылок, в том числе указывающих на несколько разных объектов (карт-изображений). </li>
<li> На web-страницу могут быть помещены программы, работающие с пользователем.
</li>
</ul>
<P> Язык HTML предоставляет широкие возможности для разработки web-страниц и придания им привлекательного внешнего вида, однако при этом накладывается ряд ограничений. Основное из них, непосредственно касающееся графики -- все размещенные на странице объекты должны иметь прямоугольную форму. Даже изображение чего-либо округлого будет прямоугольной формы. Это вызвано тем, что в файлы могут быть записаны только прямоугольные изображения. Некоторые проблемы могут возникнуть при использовании специальных символов, а также символов, не входящих в базовую (английскую) таблицу символов. Это связано с тем, что некоторые символы являются служебными (используются для нужд самого языка) или не могут быть правильно отображены без специального указания браузеру на то, какой язык использовался при подготовке документа. </P>
<P class="pic"><img src="15_2.jpg"></P>
<P class="pic"> Рис. 15.2. <span class="pic_i">Та же страница, открытая в Internet Explorer </span> </P>
<P> Работая над оформлением страницы, вы должны учитывать различия аппаратного и программного обеспечения, используемого разными пользователями. Ваше творение может по-разному выглядеть на разных мониторах с разными режимами. Свое влияние может оказать операционная система, но наиболее важным фактором, влияющим на вид страницы, является используемый пользователем браузер. Разрабатываемые разными фирмами программы для просмотра web-страниц обладают разными возможностями и набором функций. Возникает ситуация, в которой браузер пользователя окажется не в состоянии правильно воспроизвести все ваши идеи. </P>
<P> Различия между браузерами проявляются прежде всего в наборах обрабатываемых тегов -- команд HTML. Существует набор тегов, стандартизированный консорциумом WWW (W3) -- организацией, контролирующей развитие Всемирной Паутины. Разработчики программного обеспечения в принципе должны следовать рекомендациям и стандартам консорциума -- это необходимо для поддержания преемственности и совместимости программ и систем разных поколений. Но не всем удается точно выполнить все, что требует стандарт. Некоторые наоборот, стремятся внести в HTML что-либо свое -- новые теги, параметры, функции. Иногда такие нововведения принимаются другими производителями и становятся стандартом, иногда они остаются свойствами конкретной программы. Такие различия приводят к тому, что возможности браузеров даже в воспроизведении стандартных тегов могут значительно различаться. Это создает большие проблемы для дизайнеров и web-программистов -- им приходится при разработке страницы учитывать возможности и характеристики всех браузеров, которые могут оказаться у потенциального пользователя. Так как учесть все существующие программы невозможно, обычно ориентируются на два наиболее распространенных браузера -- Microsoft Internet Explorer и Netscape Navigator. </P>
<P class="note"> <strong>СОВЕТ.</strong> Для того чтобы удовлетворить желания и возможности большинства пользователей, ориентируйтесь на программы Internet Explorer 4.0 или 5.5, а также на Netscape Navigator 4.74. </P>
<P> Браузер Microsoft Internet Explorer является в настоящее время наиболее мощным средством просмотра web-страниц. Он поддерживает стандарт HTML и предоставляет пользователям Интернета и разработчикам web-страниц широкий набор дополнительных возможностей. Программа Netscape Navigator является одним из первых браузеров. Она хорошо работает со стандартными элементами HTML, но даже в их реализации расходится с Internet Explorer. В недавно стандартизированных или дополнительных функциях эти браузеры расходятся настолько сильно, что разработчикам web-страниц приходится включать в HTML-код два варианта, каждый из которых предназначен для определенного браузера. </P>
<P class="pic"><img src="15_3.jpg"></P>
<P class="pic"> Рис. 15.3. <span class="pic_i">Отображение домашней страницы Internet Explorer в самом Internet Explorer </span></P>
<P class="pic"><img src="15_4.jpg"></P>
<P class="pic"> Рис. 15.4. <span class="pic_i">Отображение той же страницы в Netscape Navigator </span> </P>
<P> При помощи специальных программ (скриптов) определяется версия браузера и ему предъявляется именно тот код, который ему предназначен. </P>
<P> Для того чтобы продемонстрировать различия возможностей браузеров, проведем простой эксперимент -- загрузим домашнюю страницу Internet Explorer с сервера Microsoft в две самые распространенные на момент написания этой книги программы -- Internet Explorer 5.5 и Netscape Navigator 4.74. На рис. 15.3 показано, как Internet Explorer справляется с отображением своего «представительства» во Всемирной Паутине. На рис. 15.4 вы можете увидеть, как с этой задачей справился Netscape Navigator. </P>
<P> Легко заметить, насколько отличается представление этой страницы в разных браузерах. Это и есть проявление различий в возможностях программ разных производителей. </P>
<P class="title_2"> Что нового мы узнали? </P>
<P> В этом коротком уроке мы ознакомились с основными возможностями HTML -- языка разметки web-страниц, а также рассмотрели ограничения и проблемы, с которыми вам придется столкнуться в ходе подготовки кода документа.</P></td>
</tr>
</table>
</BODY>
</HTML>
Размещено на Allbest.ru
...Подобные документы
Виды и способы представления компьютерной информации в графическом виде. Отличительные особенности растровой и векторной графики. Масштабирование и сжатие изображений. Форматы графических файлов. Основные понятия трехмерной графики. Цветовые модели.
контрольная работа [343,5 K], добавлен 11.11.2010Растровые и векторные графические редакторы. Формирование изображений, форматы графических файлов. Особенности векторной графики, ее достоинства. Построение треугольника и гиперболы по алгоритму Бразенхема. Математические модели поверхностей и объектов.
курсовая работа [769,5 K], добавлен 21.12.2013Растровая графика, составление графических изображений из отдельных точек (пикселей). Растровые графические редакторы. Векторная графика - построение изображения из простых объектов. Достоинства, недостатки и применение растровой и векторной графики.
презентация [7,8 K], добавлен 06.01.2014Компьютерная графика как наука, предметом изучения которой является создание, хранение и обработка моделей и их изображений с помощью ЭВМ. Области применения графических редакторов: Adobe Photoshop и Illustrator, Corel Draw. Растровая и векторная графика.
презентация [31,7 M], добавлен 17.01.2012Компьютерная растровая и векторная графика. Графические редакторы. Форматы файлов для хранения растровых графических изображений. Особенности защиты информации в современных условиях. Идентификация и подлинность доступа в систему. Механизмы защиты.
реферат [31,4 K], добавлен 26.01.2009Компьютерная графика - область информатики, занимающаяся проблемами получения различных изображений. Виды компьютерной графики: растровая, векторная, фрактальная. Программы для создания компьютерной анимации, область применения, форматы хранения.
реферат [29,1 K], добавлен 16.03.2010Определение компьютерной графики, задачи, виды, области применения. Способы распознавания образов, системы технического зрения. Инструменты для синтеза изображений и обработки визуальной информации. Представление цветов, форматы графических файлов.
шпаргалка [49,9 K], добавлен 13.09.2011Компьютерная графика как область информатики, занимающаяся проблемами получения различных изображений на компьютере. Области применения компьютерной графики. Двумерная графика: фрактальная, растровая и векторная. Особенности трёхмерной графики.
реферат [756,4 K], добавлен 05.12.2010Представление графических данных. Растровая, векторная и фрактальная виды компьютерной графики. Цвет и цветовые модели: метод кодирования цветовой информации для ее воспроизведения на экране монитора. Основные программы для обработки растровой графики.
реферат [429,7 K], добавлен 01.08.2010Основные понятия и задачи, решаемые компьютерной графикой. Характеристика и разновидности компьютерной графики. Цветовые модели RGB, CMYK, HSB. Графические форматы растровых и векторных изображений. Особенности шелкографии, трёхмерная графика и анимация.
курсовая работа [350,7 K], добавлен 20.02.2012Достоинства и недостатки векторной графики, ее применение и основной принцип построения графических объектов. Объектно-ориентированный подход к пакетам векторной или иллюстративной графики. Основные программы, редакторы и форматы векторной графики.
курсовая работа [129,0 K], добавлен 30.05.2015Компьютерная графика. Пиксели, разрешение, размер изображения. Типы изображений. Черно-белые штриховые и полутоновые изображения. Индексированные цвета. Полноцветные изображения. Форматы файлов. Цвет и его модели. Цветовые модели: RGB, CMYK, HSB.
реферат [18,1 K], добавлен 20.02.2009Средства и способы создания и обработки графических изображений при помощи компьютерной техники. Растровая, векторная, трёхмерная и фрактальная графика, отличия принципов формирования изображения при отображении на экране монитора. Програмные средства.
реферат [436,4 K], добавлен 26.03.2010Характеристика цифровых изображений, применяющиеся в издательской деятельности. Отличительные особенности растровых и векторных изображений, понятие цветового охвата, изучение моделей для описания отраженных цветов. Форматы и виды графических файлов.
контрольная работа [22,9 K], добавлен 16.09.2010Компьютерная графика как раздел информационных технологий, в котором изучают вопросы получения графических изображений с помощью компьютера. Ее классификация и типы, сравнительная характеристика, признаки: растровая, векторная, фрактальная и трехмерная.
презентация [2,0 M], добавлен 04.04.2016Технология компьютерной графики, форматы графических файлов. Общие сведения о компании и программных продуктах Adobe Systems Inc, элементы интерфейса. Краткое описание учебника Adobe Photoshop CS3, программное обеспечение, используемое для его создания.
дипломная работа [32,1 K], добавлен 23.06.2010Векторная и растровая графика: основные отличия, преимущества и недостатки. Компьютерные программы, используемые для создания растровой и векторной графики. Трехмерная графика, цветовое пространство и графический формат. Основные цветовые модели.
реферат [37,0 K], добавлен 20.12.2010Сферы применения машинной графики. Использование растровой, векторной и фрактальной графики. Цветовое разрешение и модели. Создание, просмотр и обработка информации. Форматы графических файлов. Программы просмотра. Компьютерное моделирование и игра.
презентация [661,5 K], добавлен 24.03.2017Сущность и основные принципы реализации компьютерной графики, разновидности компьютерных изображений и их отличительные признаки. Оценка достоинств и недостатков векторной и растровой графики, особенности и закономерности их применения в Интернете.
контрольная работа [20,8 K], добавлен 05.02.2010Растровая и векторная графика. Растровые графические редакторы. Масштабирование растрового изображения. Средства хранения высокоточных графических объектов. Изменение масштаба без потери качества и практически без увеличения размеров исходного файла.
презентация [652,8 K], добавлен 11.03.2015
