Изучение основ работы с графической информацией веб сайта

Практическое занятие №7

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

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

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

Графика бывает двух типов - векторная и растровая. Для работы с растровой графикой предназначена программа Corel PhotoPaint. Для работы с векторной -Corel Draw.
Основное отличие векторной и растровой графики - в принципе хранения изображения. Векторная графика описывает изображение с помощью математических формул. По своей сути любое изображение можно разложить на множество простых объектов, как то - контуры, графические примитивы и т.д. Любой такой простой объект состоит из контура и заливки (синий цвет).
Растровая графика - это прямоугольная матрица, состоящая из множества очень мелких неделимых точек (пикселей). Каждый такой пиксель может быть окрашен в какой-нибудь один цвет. Например, монитор, с разрешением 1024х768 пикселей имеет матрицу, содержащую 786432 пикселей, каждый из которых (в зависимости от глубины цвета) может иметь свой цвет. Т.к. пиксели имеют очень маленький размер, то такая мозаика сливается в единое целое и при хорошем качестве изображения (высокой разрешающей способности) человеческий глаз не видит "пикселизацию" изображение. При увеличении растрового изображения происходит следующее. Компьютер, как бы "растягивает" изображение, таким образом, размер матрицы становится больше. Каким же цветом окрашивать новые пиксели? Компьютер вычисляет новые пиксели и окрашивает их в "средние" цвета между "старыми" пикселями.

Векторная графика. Векторная графика описывает объект направленными кривыми – векторами, которые имеют координаты и цветовое значение. Например, изображение задается точками, через которые проходят линии, образуя его контур. Цвет определяется цветом контура и заключенных в нем областей. Редактируя векторный объект, можно менять свойства линий, из которых состоит изображение. Можно передвигать объект, менять его размеры, форму и цвет без какого либо влияния на качество изображения. Векторная графика не зависит от оптического разрешения, и воспроизведение с различным оптическим разрешением не приводит к потере качества изображения.

Дата добавления: 2015-07-13