Составители:
Рубрика:
6
В каждом разделе будут поставлены надлежащие акценты и
определены темы дальнейшего рассмотрения.
Используемые программные приложения
• Adobe Photoshop – графический редактор.
• Adobe Dreamweaver – средство разработки HTML-документов
и организации сайта.
• TextPad – текстовый редактор, ориентированный на создание
программных кодов со встроенными анализаторами синтаксиса
языков разметки и алгоритмических языков.
• IrfanView – программа просмотра изображений с возможностью
пакетного переименования и преобразования.
• Apache webserver и его эмулятор Denver, работающий на
клиентском компьютере
под ОС Windows.
Функциональный дизайн
Пожалуй, в большинстве web-документов графические элементы
играют декоративную или иллюстративную роль, а информационная
роль остается за текстом. Однако при представлении, скажем,
фотоархива или каталога выставки главной становится графика, а
текст вторичен. При публикации графических архивов надо решить
много вопросов: структурирование информации (при большом объеме
архива - в виде базы данных), разработка удобной
системы навигации,
внешнее представление графики в web-документе.
В этом разделе обсуждается компоновка элементов графического
архива на web-странице и вопросы функциональности. Чаще всего
пользователю предлагается набор миниатюр, соответствующих
выбранному разделу архива, и так или иначе дается возможность
просмотра полномасштабных изображений. Какого размера должны
быть миниатюры, сколько их одновременно выводить на экран,
как
располагать, снабжать ли кратким текстовым описанием, как
осуществить показ полномасштабного изображения - решение этих
7
вопросов зависит от особенностей графического материала и
эстетических представлений разработчика (или заказчика).
Приведем несколько характерных примеров, существенно различных
как по внешним параметрам компоновки, так и по функциональности
для пользователя. Попробуем оценить их преимущества и недостатки
и оценим необходимость применения тех или иных клиентских или
серверных технологий. Подробное рассмотрение технологических
аспектов будет
проведено далее в разделах, посвященных приемам
клиентского и серверного программирования.
Простейший вариант фотоархива
В этом варианте реализовано простейшее расположение графического
материала без аннотаций - а они здесь и не нужны. Такая компоновка
фотоматериала, простая и в то же время функциональная,
применялась еще в прошлом веке и не потеряла актуальности по сей
день.
Приведу пример от далекого 1999 года. Фрагмент набора избранных
фотографий Исаакиевского собора, полученных web-камерой
,
установленной интернет-центром Петербургского отделения фонда
Сороса. Здесь все фотографии имеют одинаковые пропорции и
размеры, поэтому оптимальный вариант - вывести их сплошным
потоком. Вне зависимости от разрешения экрана и размера окна
браузера миниатюры непринужденно перестраиваются.
Полномасштабное изображение выводится в отдельном окне.
Приведенный фрагмент скриншота имеет, на мой взгляд,
определенное историческое значение.
Обратите внимание на фразу
«Click thumbnail to view image». В 1999 году пользователь мог не
догадаться щелкнуть мышью по миниатюре, чтобы увидеть
полномасштабную фотографию.
Contents of St. Isaac's Cam views.
Click thumbnail to view image.
Страницы
- « первая
- ‹ предыдущая
- …
- 2
- 3
- 4
- 5
- 6
- …
- следующая ›
- последняя »
