Anleitungen zur Website

Aufbaustruktur der Webseite

Die Webseite unterteilt sich in 7 Hauptabschnitte:

• Das Projekt
  Einführung und Erklärung des Projekts Utility System;
• Die Innovationen
  Innovationen und wichtigste Eigenschaften des Utility Systems;
• Die Elemente
  Vorstellung der wichtigsten Elemente, aus denen das System zusammengesetzt ist, jedes mit fotografischen Beispielen und Kombination mit verschiedenen Küchenmodellen Scavolini;
• Die Wahl und der Einsatz
  Einfache Ratschläge für die Wahl und die Nutzung der Elemente des Utility Systems;
• Das Niguarda-Krankenhaus
  Die Realisierung der Küchenbereiche für die neue Spinal-Abteilung des Niguarda-Krankenhauses Ca' Granda in Mailand;
• Die Firma Scavolini Vorstellung der Firma Scavolini;
• Scavolini im sozialen Engagement
  Das Feingefühl und der Einsatz innerhalb des eigenen Gebiets und der sozial-kulturellen Themen.

Aufbaustruktur der Seiten

Der typologische Aufbau der Webseite, der gleiche für die drei verschiedenen Dokumententypen, die im Folgenden dargestellt werden, ist folgender:

Kopfteil

Der Kopfteil, der mit der Taste TAB übersprungen werden kann, setzt sich aus folgenden Elementen zusammen:

• logo SCAVOLINI;
• Abschnitt der Links für die Navigierung (Homepage, Zugänglichkeit, Anleitungen zur Webseite und Übersicht über die Webseite).

Rumpf des Dokuments

Der Rumpfteil des Dokuments besteht hauptsächlich aus zwei Teilen:

• Abschnitt „Sie befinden sich hier:”
  Dieser Abschnitt, der mit „Sie befinden sich hier:” beginnt, enthält alle Elemente, die das Eingliedern des Dokuments innerhalb der Webseite ermöglichen und somit den Benutzern das Navigieren der Webseite erleichtern. Er besteht grundsätzlich aus 2 Elementen:
  • Verlauf - Sequenz aller Links, die durch das Zeichen > getrennt sind und es dem Benutzer ermöglichen, bequem durch die Webseite zu navigieren (um den Weg durch die Webseite zurückzuverfolgen oder um Dokumente zu finden, die sich auf den gleichen Abschnitt beziehen, den man sich gerade anschaut);
  • Titel des Dokuments - Besteht aus dem Namen des Abschnitts oder des Dokuments, das der Benutzer gerade anschaut; aufgrund der Wichtigkeit dieses Elements für die Navigierung der Webseite und der Indexierung der Inhalte, ist die Implementierung mit einem Tag H1 erfolgt
• Abschnitt der Inhalte - Dieser Abschnitt fasst alle Dokumente der Webseite zusammen.

Menüleiste

Die Menüleiste ist auf der linken Seite des Abschnitts mit den Inhalten angeordnet. Sie enthält das Verzeichnis der Links zu den 7 Abschnitten der Webseite.

Fußzeile

Die Fußzeile grenzt die angezeigten Dokumente nach unten ab und enthält vier Elemente:

• Link „Zurück zum Seitenanfang”;
• Link zur Webseite der Firma  Websolute srl , die für die technische Realisierung der Webseite verantwortlich ist;
• E-Mail-Adresse, an welche  Fragen, Kommentare un Anregungen bezüglich Zugänglichkeit und Nutzbarkeit gerichtet werden können;
• Link zu den Validatoren von  W3C für XHTML,  CSS und  WAI-AAA.

Typologie der Seiten

Wie bereits gesagt, setzt sich die Webseite grundsätzlich aus 3 Typenseiten zusammen, die, im Vergleich zur Struktur der soeben beschriebenen Seiten, sich nur durch den Inhalt voneinander unterscheiden; das folgende Verzeichnis beschreibt die drei verschiedenen Arten von Seiten und die Elemente des Abschnitts der Inhalte, die die Seite kennzeichnen:

• Home page
  Die  Homepage der Webseite ist in drei Abschnitte unterteilt, die die einzelnen in den Abschnitten näher erläuterten Inhalte ankündigen:
  • Utility System
    mit einer kurzen Einführung in das Projekt;
  • Die Firma SCAVOLINI
    Kurzer Vorstellungstext der Unternehmensrealität von Scavolini;
  • SCAVOLINI im sozialen Engagement
    Kurzer Vorstellungstext der sozial-kulturellen Aktivitäten des Unternehmens.
• Seiten der verschiedenen Abschnitte 
  Die Seiten jedes Abschnittes sind Seiten eines Dokuments; der Abschnitt der Inhalte ist somit total der Vorstellung dieser Dokumente gewidmet. Es handelt sich grundsätzlich um Texte mit in einigen Fällen auch Bildern und Zeichnungen.
• Seiten des Abschnitts „Die Elemente" 
  Dies ist der einzige Abschnitt der Unterabschnitte enthält, die jeweils ein Element des  Utility Systems beschreiben:
  • o Die erste Seite ist eine Übersicht mit allen Links, die zu den entsprechenden Unterabschnitten weiterleiten. Diese Links sind durch ihren Standort zu erkennen (gleich unter dem Abschnitt des Verlaufs) und der TITLE ist dem Link zugeschrieben, der mit „Zum Abschnitt...” beginnt.
  • o Jeder Unterabschnitt besteht aus einer Dokumentseite, die ein Element des Systems zeigt. Auf diesen Seiten unterteilt sich der Abschnitt der Inhalte in zwei Spalten: Die linke Spalte enthält eine Beschreibung dieser Elemente und ein Bild der Anwendung mit einem Scavolini-Küchenmodell: Die rechte Spalte enthält einige Links, die die Anzeige von Bildern einzelner Teile zeigen. Auch diese Art von Link ist aufgrund der Position (in der rechten Spalte) und aufgrund des TITLE, der dem Link zugeschrieben ist, der mit „Anzeige des Details...” beginnt, zu erkennen.

Vorstellung der Seiten

Die überwiegend im Textformat erstellten Seiten der Webseite werden durch den Einsatz von Stilvorlagen angefertigt. Mit diesen Browsern, die keine Stilvorlagen unterstützen oder die sie auf unvollständige Art unterstützen, sind die Dekorelemente nicht sichtbar (sie werden als Background-Bilder implementiert). Der Inhalt der Seiten ist immer lesbar, auch wenn der Browser die Stilvorlagen nicht unterstützt bzw. wenn diese deaktiviert werden. Die Dimensionierung der Zeichen erfolgt durch entsprechende Font-Größen, damit der Benutzer die gewünschte Größe selber wählen kann, indem er die entsprechenden grafischen Browser Funktionen benutzt. Die Anzeige kann noch weiter individualisiert werden, wenn man auf die Seite über das obere Menü zugreift (der Kontrast und die Hintergrundfarben, so wie die Zeichengröße können verstellt werden).

Zugänglichkeit

Die Webseite wurde unter Anwendung der Prinzipien der Zugänglichkeit für Behinderte entwickelt, gemäß der Richtlinien WCAG 1.0 von WAI; die folgenden Parameter zeigen einige der getroffenen Maßnahmen.

Verbindungen (Links)

Alle Verlinkungen erfolgen über Textelemente. Einige dieser Elemente werden grafisch mit Stilvorlagen angezeigt. Die anderen Verbindungen sind durch die Hervorhebung zu erkennen wenn der Marker darüber gehalten wird. Alle Links  verfügen über das Attribut  TITLE, mit einer Beschreibung des Ziels der Verlinkung; Diese Beschreibung für die  Links, die aus der Webseite führen, endet mit „...[Link zu einer äußeren Webseite]”.

Bilder

Alle Bilder sind mit dem Attribut  ALT versehen, das kurz deren Inhalt schildert; Bilder, die rein als Dekoration dienen, werden nicht eingefügt. 
Für kompliziertere Bilder können das Attribut  LONGDESC oder  D-LINK, ein beschreibender Link, benutzt werden. Dieser Link wird mit einem Großbuchstaben (D) gleich nach dem Bild, auf das er sich bezieht, erstellt und ist eine Verlinkung zu einer Datei, in der das Bild detailliert beschrieben wird.

Tabellen

Der Einsatz von Tabellen wurde ausschließlich auf einige wenige Fälle beschränkt, in denen diese Elemente die Funktion erfüllen, für die sie erstellt wurden: Die Vorstellung von Daten in einer strukturierten Form. Aus diesem Grunde wurde auf den Einsatz von Tabellen als Instrument für die Definition des  Layouts der Seite verzichtet. Wenn Tabellen eingesetzt werden, verfügen sie immer über alle Elemente (SUMMARY, CAPTION, TH und Definition der Leserichtung), die für die Behinderten nützlich sind, um deren Inhalt zu verstehen.

Texte

Um die  Browser  mit Sprachsynthese optimal zu unterstützen, werden auf jeder Seite folgende Definitionen gegeben:

• Hauptsprache des Dokuments;
• Sprache für spezifische Fremdwörter.

Besonders großer Wert wurde auf die Bedeutung von Abkürzungen und Kurzzeichen im Text gelegt, die alle mit entsprechenden  Tags markiert werden.

Standardkonformität

Wie es einfach durch einen sich unten rechts auf der Seite befindlichen Link festestellt werden kann, sind die Seiten der Webseite gemäß der Standards der Sprache   XHTML 1.0 Strict erstellt worden.

Die Definition der stilistischen Attribute der Webseite wurde in Übereinstimmung zu den Spezifikationen  CSS 2 realisiert; die Konformität der Stilvorlage ist über den untenstehenden  Link kontrollierbar.

Bei den meisten Seiten wurde versucht, die Zugriffsebene AAA (Priorität 3) von  WCAG 1.0 zu erreichen.