Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
..... , -.¦ '
Macromedia Fireworks MX 2004 тесно интегрирована с другой программой для создания
Web-сайтов - Macromedia Dreamweaver MX2004 [Макромедиа Дримуивер Эм Экс,2004].
Например, изображения, подготовленные в программе Macromedia Fireworks MX 2004,
!
, 54 _ Быстро и легко создаем, программируем и раскручиваем Web-сайт
¦ ' можно вставлять непосредственно в документ Macromedia Dreamweaver MX 2004. Средства интеграции данных программ существенно упрощают создание Web-страниц. Работа с программой Macromedia Dreamweaver подробно рассматривается в отдельной главе книги.
' . Интуитивно понятный пользовательский интерфейс программы Macromedia Fireworks, ее мощные функциональные возможности, гибкая система настройки обеспечивают бы' строе и качественное создание Web-графики.
Примеры данной главы вы можете найти на прилагаемом к книге компакт-диске в папке Примеры\Глава_3.
ЗнАїсоли^о N9/1. Основы Web-графики
Web-графика имеет ряд особенностей по сравнению с обычными изображениями. Рисунки значительных размеров могут привести, к большим затратам времени для загрузки изображений из Интернета, особенно в случае медленных каналов связи. Кроме того, одновременный просмотр больших рисунков, размещенных на вашем сайте, несколькими людьми может привести к перегрузке Web-сервера. Также при создании Web-документа с графикой нужно иметь чувство меры, не загромождая страницу излишними изображениями и раздражающей анимацией.
. .і'. Как уже упоминалось, все рисунки хранятся в векторном или растровом виде. Файлы векторной графики содержат данные о том, как перерисовать рисунок с помощью простейших элементов, например отрезков или окружностей, при выводе изображения на
' '• экран. Процесс .отображения требует дополнительной обработки и расчетов. Следует отметить, что масштаб векторного изображения может быть изменен без потери качества. В векторном виде хранится, например, информация о многих шрифтах.
В файлах растровой графики содержатся данные о каждой точке рисунка, которые называются пикселами. Каждое растровое изображение содержит фиксированное количество
пикселов, поэтому высота и ширина такого рисунка могут быть определены как количество точек, расположенных вдоль его вертикальной и горизонтальной границ. Общее число пикселов определяет размер файла, или данных, содержащихся в рисунке.
Важным параметром растрового изображения является глубина цвета или битовое разрешение - величина, которая определяет количество бит информации на один пиксел. ' Битовое -разрешение характеризует объем цветовой информации, используемой для описания каждого пиксела рисунка. Чем больше глубина цвета, тем шире диапазон доступных цветов и тем точнее их представление в оцифрованном изображении. Каждый пиксел . рисунка представляется определенным количеством бит - от 1 до 24. Объем графического файла зависит не только от размеров но и от глубины цвета. Чем
больше цветовая глубина, тем больше объем файла с рисунком. Отметим, что при масштабировании растровой графики качество изображения ухудшается.
Ha Web-страницах, как правило, используется растровая графика. При создании Web-рисунков нужно помнить о нескольких Среднестатистический поль-
'. 1 зователь работает в Интернете с разрешением экрана не более 800x600. Поэтому ваше изображение не должно превышать размеры 700x400 пикселов, поскольку часть экрана займет браузер. Кроме того, многие пользователи могут видеть на своих мониторах
ГЛАВА 3. Подготовка графики с помощью Macromedia Fireworks MX
55
только 256 цветов. При использовании 24-битной графики эти пользователи не только не смогут увидеть на ювоих мониторах всей заложенной вами цветовой гаммы, что приведет к ¦ снижению качества изображения, но и рисунок будет долго загружаться из Интернета. Для оценки максимального размера графического файла для Web-страницы можно полагать, что время загрузки изображения по сети не должно превышать одной минуты. При типичной скорости передачи данных для модемного соединения около 1,5-5 Кбайт/с объем файла ' с рисунком должен быть не более 60 Кбайт.
„ Любое изображение должно храниться в определенном формате. Форматы графической
информации поддерживаются программами, которые отображают данные из файла на
. экран. Для Web-графики стандартными считаются форматы JPEG, GIF и PNG.
Формат JPEG (Joint Photographic Experts Group - Объединенная группа экспертов фото-..¦ ¦ графии) - самый популярный формат для хранения фотореалистичных изображений. JPEG является стандартом в Интернете и предназначен для сохранения растровых изо-
¦ бражений со сжатием, уменьшающим размер файла от десятых долей процента до 100 раз за счет удаления избыточной ' информации, не влияющей на отображение документа. Но практически диапазон сжатия составляет от 5 до 15 раз. Хотя алгоритм сжатия изображения этого формата и ухудшает качество, он может быть легко настроен на минимальные, практически незаметные для человеческого глаза потери. Распаковка JPEG-файла происходит автоматически, во время его открытия. Между качеством изображения и степенью уплотнения существует обратная зависимость: чем более высокую степень сжатия для результирующего изображения вы зададите, тем хуже будет его качество. Рисунки, сохраненные в формате JPEG, иногда имеют мозаичную структуру, т.е. за. метное на глаз разбиение изображения на прямоугольные области. Обычно формат JPEG'
