13. Векторные форматы веб-графики swf, svg. Flash-технологии в веб-дизайне.

SVG является языком для описания двумерной графики в XML. SVG включает в себя три типа объектов: фигуры, изображения и текст. Преимущества SVG: Масштабирование: в отличие от растровой графики, SVG не теряет в качестве при масштабировании; Уменьшение HTTP-запросов: при использовании SVG сокращается количество обращений к серверу, соответственно увеличивается скорость загрузки сайта; Стайлинг и скриптинг: при помощи CSS можно менять параметры графики на сайте, например фон, прозрачность или границы; Анимация и редактирование: при помощи javascript можно анимировать SVG, а также редактировать в текстовом или графическом редакторе; Малый размер: объекты SVG весят намного меньше растровых изображений.

SWF (Small Web Format) – формат для флеш-анимации, векторной графики, видео и аудио в сети Интернет. Картинка, сохранённая в этом формате, масштабируется без видимых искажений, видеоролик имеет небольшой размер, происходит более быстрая загрузка видео файла и его воспроизведение.

Технология Flash основана на использовании векторной графики в формате SWF разработанная компанией Macromedia. Основные преимущества Flash технологии: межплатформенность, то есть этот формат может использоваться на любой аппаратно-программной платформе; созданные на его основе изображения могут быть не только анимированы, но еще и дополнены интерактивными элементами и звуковым сопровождением. Macromedia Flash MX 2004 позволяет разрабатывать полноценные интерактивные сайты. Во Flash сайтах можно сделать отличный от других сайтов дизайн и навигацию, легко организовать диалог с пользователем. Если перед веб-мастером стоит задача преподнести небольшое количество, например рекламной информации, в наилучшем виде, то он должен знать хотя бы основы Flash.

14. Критерии качества веб-ресурса.

Скорость загрузки страницы. Удобство пользования сайтом зависит не только от цветовой гаммы, структуры и навигации, но также и от типа интернет-соединения.

При создании сайта необходимо учитывать количество графических и прочих объектов, потому что посетитель не будет ждать, когда это всё загрузится. Результатом исследований стало то, что посетитель согласен ждать загрузки страницы до 10 секунд. Кроме «тяжёлой» графики скорость загрузки сайта может замедлять и множество таблиц помещённых друг в друга, потому что таблица не появляется на экране до того, как загрузилось всё её содержание. Поэтому при создании сайта для размещения элементов необходимо использовать CSS, а не таблицы.

Совместимость с разными платформами и браузерами. Ещё одна проблема удобства пользования заключается в различных браузерах и операционных системах. При создании страницы нужно по возможности тестировать её в разных средах, потому что один и тот же браузер на разных платформах может по-разному показывать одну и ту же страницу. Для решения проблемы необходимо следовать стандартам HTML и CSS.

Особенности отображения и восприятия. При дизайне страницы необходимо учитывать все возможные проблемы, с которыми может столкнуться посетитель. К числу таких проблем относятся, отображение графики, восприятие информации, движение по ссылкам. Графическая информация не всегда доступна пользователю поэтому ко всем изображениям следует добавлять альтернативный текст. Если система навигации включает в себя меню, состоящее из графических кнопок, было бы хорошо сделать и альтернативное текстовое меню.

Необходимо учитывать также размер текста. Лучше определять размер шрифта, используя относительные величины (%), чтобы пользователь мог при желании его изменить, например, увеличить.

Основные критерии оценки сайт: Прозрачность, Эффективность, Поддержка, Доступность, Ориентация на пользователя, Реактивность, Многоязычность, Совместимость, Управляемость, Сохранность, Производительность, Посещаемость.