TML, CSS, СКРИПТЫ: практика создании сайтов

Делать

этого он, вообще говоря, не обязан. К слову, Opera и Firefox не страдают такой

болезнью.

Для того чтобы заставить и эти браузеры отображать всплывающие подсказки,

текст последних следует заключать в атрибут title. Атрибут title,

содержащий краткое описание того или иного элемента, может быть назначен не только

тегу , но и многим другим тегам, формирующим логические элементы

страницы.

Любое графическое изображение, важное для понимания информационного

наполнения страницы, должно в обязательном порядке снабжаться

содержательным alt-текстом!

Разумеется, графические изображения, являющиеся частью оформления

сайта, не несущие полезной информации, снабжать alt-текстами необязательно.

Но сам атрибут alt все равно должен присутствовать в описании тега ,

иначе страница не пройдет валидацию. Значением атрибута alt в этом случае

может являться пустая строка: ait=»".

У тега ectb и другие атрибуты — к примеру, width и height,

определяющие соответственно ширину и высоту изображения. Для этой цели, одна-

Глава 2. Создание простейших страниц с помощью языка разметки HTML 105

ко, более правильно использовать аналогичные свойства CSS, о чем речь

пойдет в последующих главах.

Анатомия веб-графики

Графика— вторая по важности и по значимости после текста материя,

составляющая содержание сайтов. Тематика нашей книги не позволяет

поговорить о ней основательно — проблемам подготовки графики, равно как и

вопросам набора и верстки текста, посвящены отдельные тома.

Но коснуться этой темы хотя бы вскользь мы должны в обязательном

порядке. Ибо невозможно себе представить грамотного веб-разработчика, хотя бы

в общих чертах не знакомого с методологией подготовки веб-графики.

Графика во Всемирной паутине держится на трех китах — растровых

форматах GIF (Graphics Interchange Format, формат обмена графическими

данными), JPEG (Joint Photographic Expert Group, объединенная группа экспертов в

области фотографии, предложившая одноименный алгоритм сжатия), а

точнее, JFIF (JPEG File Interchange Format, формат обмена файлами стандарта

JPEG) и PNG (Portable Network Graphics, переносимая сетевая графика).

С Примечание ^

Полагаю, читателю известны различия между растровой и векторной

графикой, но на всякий случай напомню. Растровые форматы определяют параметры

(цвет, прозрачность) каждой точки (пиксела) изображения в отдельности, тогда

как векторные форматы оперируют более «высокоуровневыми» математически

описываемыми объектами, такими как отрезки прямых, кривые Безье

(сплайны), многоугольники, эллипсы и прочие фигуры.

Таким образом, растровые картинки имеют фиксированные размеры в

пикселах; их трудно масштабировать (увеличивать — почти бесполезно). Векторные

же изображения, напротив, легко поддаются произвольному масштабированию.

Перевод из «вектора» в ‘¦растр» — задача тривиальная; обратное же

преобразование сопряжено с весьма существенными трудозатратами, а порой и вообще

неосуществимо.

Исторически так сложилось, что во Всемирной паутине больше прижился

«растр». Хотя Flash, появившийся сравнительно недавно— не что иное, как

проявление «вектора» в Сети.

Растровый пакет всех времен и народов, который используется для подготовки

веб-графики подавляющим большинством наших коллег— это, конечно же,

Adobe Photoshop (в сочетании с ImageReady— «спутником» Photoshop,

специализированным редактором, предназначенным как раз для оптимизации графики

для Всемирной паутины).

Фотография — это классический пример растрового изображения, что

называется, по природе своей. Рисованные же иллюстрации, однако, зачастую

готовятся с привлечением векторных или даже трехмерных редакторов (таких как

Adobe Illustrator и 3D Studio MAX соответственно), лишь в самый последний

момент конвертируются в ‘»растр».

106

Часть I. Технологические основы

Формат GIF предполагает сжатие без потерь качества по алгоритму LZW

(Лемпеля — Зива — Велча, Lempel — Ziv — Welch), но при этом число

цветов в палитре ограничено 256-ю, в результате чего этот формат больше всего

подходит для малоцветных изображений с четкими чертами.

Миру известны две разновидности формата GIF — GIF87a и GIF89a (цифры

означают год создания).