Иногда на Web-страницах содержатся интерактивные анимационные компоненты, соз­данные во Flash. Эти интерфейсы могут состоять из множества встроенных компонентов вы­бора и информационных компонентов. Например, вы можете создать приложение целиком во Flash. — используя стандартный набор функций, ссылок и экранов для презентаций, и раз­местить его на отдельной Web-странице. Обратите внимание на прекрасный Web-сайт о Гру­зии (www.oneworldjourneys.com/georgia/). Здесь основную информационную на­грузку несет именно Flash-аннмация. Хотя интерфейс ВЫГЛЯДИТ, как обычная Web-страница, на самом деле это один из экранов Rash-анимации, которая помещена на странице.

Используя Rash, вы оптимизируете представление Web-страницы, так как Flash являсгся высокоэффективным средством сжатия и отображения «рафики. Однако существует и не­большой недостаток: для просмотра Flash-анимации в браузере должно быть установлено расширение Rash (хотя, по-моему, у 99% пользователей программа для просмотра Rash уже установлена).

Читать полностью

Поскольку макет страницы будет использоваться заказчиками совместно с командой раз­работчиков, следует сопровождать все элементы навигации, а также заголовки основных эле­ментов содержимого разборчивыми подписями, удобными для чтения. Остальные компонен­ты текстовой части могут обозначаться на макете страницы латинским (наполняющим) тек­стом, который имитирует формат действительного текста (число символов, пунктуацию и пробелы). Таким образом, можно получить представление о реальном объеме текстового блока. Вы можете найти в Web генераторы наполняющего текста "lorem ipsum". На этих сай­тах можно сгенерировать столько абзацев латинского текста, сколько вам нужно, а затем ко­пировать и вставлять этот текст на свои каркасные схемы страниц.

Не забудьте разъяснить своим заказчикам и напомнить команде разработчиков, что этот текст используется лишь при проектировании, а окончательный вари­ант текста команда контент-менеджеров должна оформить в срок. Мне прихо­дилось видеть выставленные в Интернете Web-сайты, где разработчики забыли сменить наполняющий текст и просто скопировали его с макета, и никто лаже не обратил внимания!

Читать полностью

Завершив предварительный этап создания макета, можно приступать к детализации соз­данных вами контент-зон. (Предварительный этап создания макета целесообразно применять только при разработке масштабных и сложных сайтов. Макеты страниц большинства сайтов можно достаточно хорошо создавать на базе карты сайта и без предварительного этапа.)

Макет страницы представляет собой длинный перечень планируемых элементов каждой страницы, от содержимого и до элементов мультимедиа. Ниже приведено несколько приме­ров того, что должно отображаться на макетах страниц:

• используемая версия контента Web-страницы и размер текстовой части;
• применяемые на странице CMS-объекты (если вы используете систему
• управления содержимым);
• рисунки и мультимедиа (например. Rash-анимация или видеофайлы, разме­шенные на странице);
• ваш технический план и план взаимодействия для страницы -- ссылки, рас­крывающиеся меню, флажки, кнопки подтверждения, элементы DHTML, на­пример CSS (каскадные таблицы стилей).

  Читать полностью

Большинство пользователей имеют компьютеры с маленькой диагональю экра­на. Если вы возьмете листок бумага размером 21,6x28 см (А4) и расположите его горизонтально, :»то и будет размер экрана большинства пользователей. По­сле того как Вы наполните Web-страницу кнопками, избранными закладками и элементами прокрутки, пространство, предназначенное непосредственно для просмотра, сократится до размеров почтовой открытки или будет около 800x600 для большинства пользователей, то крошечное окно и есть объект вашего Web-дизайна.

Ниже приведены некоторые организационные и интерактивные методы, позволяющие более эффективно представить содержимое на ограниченном пространстве.

Создайте элементы прокрутки для добавления менее важною содержи­мого. Вы просто не можете вместить все в видимую область окна браузера (первые 800x600 пикселей). Поэтому расположите в области этого окна наи­более значимые элементы. Менее важные элементы разместите ниже "линии сгиба" (ниже первого экрана страницы, который не требует прокрутки). На предварительном этапе создания макета страницы при распределении кон­тента вы решаете: какие элементы расположить в пределах, а какие ниже первого экрана.

Читать полностью