2.1. Использование каскадных таблиц стилей

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

До появления таблиц стилей, форматирование документов HTML представляло собой форматирование при помощи атрибутов, определяющих цвет, выравнивание, шрифты, размеры и т.д. Естественно, что при создании документов большого объема, такое форматирование требовало огромного количества времени и сил, поскольку такую конструкцию необходимо было вставлять всякий раз, когда было необходимо выделить текст, особенно если, по прошествии какого-то времени возникала необходимость смены дизайна страницы. А если возникала необходимость применить декоративное оформление текста, ничего другого не оставалось, как только вставлять графику, что увеличивало "вес" документа, и без того сильно раздутого обилием форматирующих тэгов, а, следовательно, увеличивало длительность загрузки документа.

В этом смысле, использование таблиц стилей стало самым, что ни есть оригинальным выходом из положения, который позволяет учесть все эти минусы. Суть метода заключается в предварительном задании стиля для любого из элементов документа. Например, назначив один раз стиль для тэга <B>, ничего не надо больше предпринимать, т.е. везде в документе, где встретится тэг <B>, он будет представлен в заданном виде. Налицо простота и оригинальность решения, когда сокращается размер кода, а смена дизайна сводится к изменению только параметров стиля.

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

Применение каскадных таблиц стилей при разработке пользовательского интерфейса Портала позволило создать единый визуальный образ портала, поскольку все текстовые элементы оформлены по единому шаблону.

2.2. Оформление портала

Заголовок портала – первое, что видит посетитель. Зачастую из-за этого он оформлен в ярких тонах. Как правило, слева находится эмблема портала, а на нижнем колонтитуле отображается правовая информация и адрес электронной почты администратора портала (см. выше рис. 1). Главное меню (рис. 2) предназначено для быстрого доступа к ресурсам портала с любой его страницы. Оно, как правило, организовано в виде выпадающего меню, принятого в операционной системе Windows, что положительно сказывается на удобстве использования портала.

Рис. 2. Главное меню

Модуль отображает список новостей. Каждая новость содержит заголовок, текст и ссылку «подробнее», при нажатии на которую, пользователь переходит на расширенный текст новости.

Вспомогательное меню (рис. 3) предназначено для быстрого иерархического доступа к ресурсам портала. Часто для удобства расположено на всех страницах портала. Оно, как правило, организовано в виде выпадающего меню. Иногда дублирует главное меню.

Модуль списка ресурсов (рис. 4) предназначен для отображения ресурсов в выбранном разделе.

Рис. 3. Вспомогательное меню

Поскольку в большом списке невозможно отобразить всю информацию о ресурсе, выбираются только самые важные данные, причем они делаются «активными»:

        название, при нажатии на которое пользователь переходит к просмотру полной аннотации ресурса;

        сокращенное название организации-разработчика, при нажатии на которое пользователь переходит к просмотру подробной информации об организации;

        ссылка на ресурс или демо-версию ресурса в сети «Интернет», которая позволяет сразу переходить к просмотру ресурса;

Рис. 4. Модуль списка ресурсов

Модуль регистрации обеспечивает возможность регистрации новых пользователей портала (рис. 5).

Рис. 5. Модуль регистрации пользователей

Регистрация необходима для доступа пользователям к дополнительным возможностям портала, а также для его пополнения новыми ресурсами. Вся информация о пользователях заносится в таблицу базы данных, при этом она доступна для просмотра только администраторам портала.