5.2. Программы для создания web-страниц

Поскольку документ Web представляет собой текстовый файл, для его редактирования можно использовать не только Блокнот, но и любой текстовый редактор, например, из состава MS-DOS, Norton Commander или FAR. Кстати, многие пользователи так и делают, набирая в ручную HTML-код в этих простейших редакторах.

В настоящее время существуют также более серьезные программы для подготовки Web-страниц, которые можно условно разделить на три типа:

• Существуют конверторы текстовых документов, подготовленных в Word и Word Perfect, в формат HTML-файлов (такой конвертор имеется, например, в самом процессоре Word 97/2000).

Кроме перечисленных трех категорий, существуют программы, объединяющие в себе черты текстовых и визуальных HTML-редакторов. К таким программам относится, например, Hot-Metal разработки компании SoftQuad Software.

Достоинство – легкость в работе, не обязательно знать хорошо языки разметки.

Недостаток – генерируется некоторое количество некорректного кода.

• Визуальные редакторы HTML, то есть редакторы типа WYSIWIG (например, Microsoft FrontPage, Netscape Navigator Gold и др.). при работе в этих программах пользователь имеет дело с графическими образами элементов HTML, а не с кодом документа.

Достоинство – легкость в работе, не обязательно знать хорошо языки разметки.

Недостаток – генерируется некоторое количество некорректного кода.

• Редакторы собственно HTML-текстов, позволяющие автоматизировать набор и редактирование кода (например, Dreamweaver, HomeSite, SiteEdit, WebEditor и многие другие). Эти программы дают возможность пользователю быстро и легко вставлять в документ элементы HTML, проверять синтаксис команд, выполнять запуск и отладку страницы, не покидая окна редактора. Вообще работа в таких редакторах напоминает работу в интерактивной среде программирования типа Delphi или Visual Basic.

Достоинство – «чистый» код.

Недостаток – необходимо хорошо знать веб-программирование.

ЛЕКЦИЯ 6. Основы цифровой обработки изображений и звука. Веб-технологии и мультимедиа. (2 часа)

6.1. Изображения в Интернет: технологии gif, jpeg, png, Flash.

Сегодня для многих людей Всемирная паутина является визуальной средой. Графика не только усиливает воспри­ятие материала пользователем; при условии эстетической привлекательности она может улучшить получаемые им впечатления. В то же время злоупот­ребление графикой может оказать отрицательное воздействие, и в результате получится медленный и непригодный для использования сайт. Корректное применение изображений в Web - не просто дело вкуса. Для этого требует­ся комплексное понимание различных форматов файлов, таких как GIF, JPEG и PNG. Основная цель дизайнера - сбалансировать качество изобра­жений с их размером при загрузке.

6.1.1. Форматы изображений

Монитор компьютера состоит из множества мелких точек, или пикселов (элементов изображения). На экране изображения формируются путем за­дания цветов отдельных пикселов. Формат изображения описывает данные о цвете и положении, необходимые для выведения изображения на экран. Существуют две основных разновидности форматов изображений: вектор­ные и растровые.

В своей исходной форме растровое изображение является лишь совокупно­стью пикселов, имеющих различные цветовые значения. Из-за большого количества пикселов и цветовой информации необработанные растровые изображения могут быть очень объемными. Несжатое растровое изображе­ние размером в 800x600 пикселов с 24-битным цветом заняло бы больше 1 Мбайт (800 х 600 х 24 = 11 520 000 бит / 81 = 1 440 000 байт). Учитывая их возможный размер, растровые форматы изображений почти всегда задейст­вуют тот или иной вид сжатия. Вообще говоря, существуют две формы сжа­тия изображений: без потерь и с потерями. При сжатии без потерь сжатое изображение идентично несжатому. Так как все данные в изображении должны быть сохранены, степень сжатия и соответствующая экономия в размерах файла относительно невелики. С другой стороны, сжатие с поте­рями не сохраняет изображение в точности, но может обеспечить намного более высокую степень сжатия. При использовании сжатия с потерями за счет снижения качества изображения достигается уменьшение его размера. Так как человеческий глаз едва ли сможет заметить потерю качества, подоб­ный компромисс с использованием сжатия, вероятно, приемлем.

В векторном изображении информация хранится совсем по-другому: изобра­жение описывается как совокупность математических кривых, точек и цве­тов. Учитывая компактность способа описания векторных изображений, преимущество такого формата состоит в предельно малом размере файла Так как изображение создается или визуализируется математически, его легко масштабировать - по сравнению с растровыми форматами, в которых при изменении размера изображения деформируются. Несмотря на все свя­занные с ними выгоды, в векторных изображениях есть и недостатки. Во-первых, векторное изображение должно проходить дополнительный этап визуализации, когда оно просчитывается и отображается на экране. В срав­нении с растровыми изображениями, которые просто распаковываются и воспроизводятся, этот процесс занимает некоторое время. Различие между этими двумя базовыми форматами изображений было показано на рис. 6.1.

Рисунок 6.1. Различия между растровыми и векторными изображениями

В большинстве случаев - тогда, когда изображение довольно простое — время визуализации векторного изображения ничтожно мало. Когда изо­бражение становится сложнее, процесс визуализации может занимать все больше и больше времени. Помните, что в конечном итоге для вывода на экран любое изображение должно стать растровым. Векторные форматы хо­рошо подходят для графики в иллюстративном стиле, текста и логотипов, в то время как растровые изображения хорошо справляются с фотографиями. Довольно интересно, что многие векторные форматы импортируют растро­вые изображения для создания текстур, а векторы нередко преобразуются в растры для включения в растровые изображения. У обоих типов форматов есть свои достоинства, и они хорошо сосуществуют.

Хотя в стандарте HTML нет данных о том, какие форматы изображений могут применяться в Web, браузеры, в основном, поддерживают одни и те же их типы. В Web основными растровыми форматами изображений явля­ются GIF (Graphics Interchange Format, формат обмена графическими данными) и JPEG (Joint Photographic Experts Group, объединенная группа экс­пертов в области фотографии). Формат PNG (Portable Network Graphics, пе­реносимая сетевая графика) сейчас, наконец, делает некоторые успехи, но пока что его нельзя назвать общеупотребительным.

Что касается векторной графики, в Web преобладает формат Flash, но одобренный W3C формат SVG (Scalable Vector Graphics, масштабируемая векторная графика) также получа­ет распространение. Другие форматы изображений - например, различные связанные с UNIX форматы вроде ХВМ (X Bitmap, Х-растровая карта) и ХРМ (X Pixelmap, Х-пиксельная карта) и формат Windows (BMP) - зачас­тую внутренне поддерживаются браузерами, но в основном представляют исторический интерес, и пользоваться ими не стоит. Со временем господ­ствующими станут скрытые форматы, например, основанные на элементар­ных волнах; но, по крайней мере, сейчас нужно придерживаться хорошо зарекомендовавшими себя GIF и JPEG. Обсудим основные форматы изо­бражений и некоторые из их ценных возможностей.