Структура сайта

Сайт состоит из 7 главных разделов:

Сайт состоит из 7 главных разделов:
  • Проект
    Введение в основы проекта Utility System;
  • Инновации
    Фундаментальные инновации и характеристики системы Utility;
  • Элементы
    Презентация основных элементов, из которых состоит система, каждый из которых сопровождается фотографиями с примерами их применения на разных кухнях Scavolini;
  • Выбор и использование
    Простые советы по выбору и использованию элементов системы Utility;
  • Больница Niguarda
    Разработка пространств кухонь для нового Спинального отделения Больницы Niguarda Ca' Granda в Милане;
  • Компания Scavolini
    Презентация компании Scavolini;
  • Scavolini в социальной сфере
    Сопереживание и обязательства по отношения в своей территории, социально-культурная сфера.

Структура страниц

Типичная структура страниц сайта, единая для трех типов документов, которые будут описаны ниже, представляет собой:

Заголовок

Заголовок, который можно пропустить с помощью клавиши TAB, состоит из следующих элементов:

  • логотип SCAVOLINI;
  • раздел ссылок мета-навигации (Главная страница, Доступность, Руководство по использованию сайта, Персонализация отображения карты сайта).

Тело документа

Часть, которая относится к телу документа, состоит, главным образом, из двух разделов:

  • Раздел "Вы находитесь здесь:" 
    Данный раздел, начало которого определяется текстом "Вы находитесь здесь", содержит в себе все элементы, которые используются для идентификации контекста документа на сайте, а, следовательно, позволяют облегчить навигацию для пользователя. Раздел, в свою очередь, состоит из двух элементов:
    • Путь - Состоит из последовательности всех ссылок, разделенных одна от другой значком >, которые позволяют пользователю с легкостью осуществлять навигацию по сайту (чтобы пройти назад по своим шагам или чтобы вернуть документы, относящиеся к просматриваемому разделу);
    • Заголовок документа - Состоит из названия раздела или документа, который просматривает пользователь; учитывая значение данного элемента для целей навигации сайта и индексации содержимого, он был дополнен с помощью тега H1.
  • Раздел содержимого - Раздел, предназначенный для отображения содержимого документа на сайте.

Панель меню

Панель меню визуально располагается слева от раздела содержимого. Она состоит из ссылок на 7 разделов сайта.

Нижняя часть страницы

Определяет конец отображаемого документа и состоит из четырех элементов:
  • ссылка "Вернуться в начало страницы";
  • ссылка на сайт компании Websolute srl которая занималась технической разработкой сайта;
  • адрес электронной почты, на который можно высылать вопросы, комментарии и рекомендации, касательно доступа к сайту и его использования.
  • ссылка на валидаторы W3C, касающиеся XHTML, а также CSS и WAI-AAA.;

Типы страниц

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

  • Главная страница
    Главная страница сайта делится на три раздела, предварительно отображающих содержимое, которое в полном виде раскрывается в специальных разделах сайта:
    • Utility System
      содержит краткое введение в проект;
    • Компания SCAVOLINI
      содержит короткий текст-презентацию компании Scavolini;
    • SCAVOLINI в социальной сфере
      содержит короткий текст-презентацию социально-культурной деятельности компании.
  • Страницы раздела
    Страницы каждого раздела являются страницами документа; раздел содержимого, следовательно, полностью посвящен презентации таких документов, состоящих, главным образом, из текстов, сопровождающихся, в некоторых случаях, фотографическими изображениями и рисунками.
  • Страницы раздела "Элементы" 
    Это единственный раздел, который содержит подразделы, каждый из которых иллюстрирует определенный элемент системы Utility:
    • Первая страница служит указателем и содержит ссылки, которые ведут к соответствующим подразделам; данные виды ссылок распознаются по расположению (сразу под разделом пути) и по НАЗВАНИЮ, привязанному к ссылке, которая начинается со слов "Перейти в раздел...".
    • Каждый подраздел состоит из страницы документа, иллюстрирующей определенный элемент системы. На этих страницах раздел содержимого подразделяется на две колонки: колонка слева представляет такие элементы с помощью описательного текста и фотографического примера его применения в модели кухни Scavolini; в колонке справа представлены ссылки, которые обеспечивают показ деталей; данный тип ссылок также распознается по расположению (в правой колонке) и по НАЗВАНИЮ, привязанному к ссылке, которое начинается со слов "Отобразить деталь..."

Представление страниц

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

Доступность

Сайт был разработан в соответствии с принципами доступности для людей с ограниченными возможностями, следуя предписаниям Стандартов доступности Веб-содержимого (WCAG) 1.0  Инициативы по улучшению Веб-доступа (WAI); в следующих параграфах мы расскажем о принятых мерах.

Соединения (ссылки)

Все соединения выполнены через текстовые элементы; некоторые из этих элементов отображаются с помощью каскадных таблиц стилей в графическом виде; другие соединения выявляются благодаря отображающемуся тексту, всплывающему, когда над ними располагается курсор. Всем ссылкам было присвоено НАЗВАНИЕ, которое содержит в себе описание назначения соединения; такое описание для этих ссылок, которые ведут за пределы сайта, завершается словами "...[ссылка на внешний сайт]".

Изображения

Всем изображениям был присвоен атрибут ALT, который кратко описывает их содержимое; мы избегали изображений, несущих исключительно декоративный характер. 
Для более сложных изображений может присутствовать атрибут LONGDESC или, так называемый, D-LINK, ссылка описания. Последняя создается с большой буквой D, которая располагается непосредственно после изображения, к которому она относится, и представляет собой соединение с файлом, в котором изображение описывается детально.

Таблицы

Использование таблиц лимитируется случаями, в которых данные элементы выполняют функцию, для которой они были созданы: презентация данных в структурированной форме; поэтому мы избегали использования таблиц в качестве инструментов определения компоновки (layout) страницы. В тех случаях, когда таблицы использовались, они оснащались всеми нужными атрибутами (SUMMARY, CAPTION, TH и определение направления чтения) для того, чтобы сделать их содержимое полезным для людей с ограниченными возможностями.

Тексты

С целью предоставить наилучшую возможную поддержку браузерам для голосового синтеза на каждой странице были определены:

  • главный язык документа;
  • язык специальных иностранных терминов.

Особое внимание было уделено определению, с помощью специальных тегов, значения сокращений и акронимов в тексте.

Соответствие стандартам

Страницы сайта, что можно легко проверить с помощью наличия специальной ссылки, расположенной в нижней правой части страницы, были разработаны в соответствии со стандартами языка XHTML 1.0 Strict.

Valid XHTML 1.0!

Определение стилистических атрибутов сайта было выполнено в соответствии со спецификациями CSS 2; соответствие каскадных таблиц стилей может быть проверено с помощью ссылки, расположенной ниже.

Valid CSS!

Наша цель заключалась в том, чтобы на большинстве страниц достичь максимального уровня доступности AAA (приоритет 3) Стандартов доступности Веб-содержимого WCAG) 1.0.