Arbeitsweise 

Methoden

Inhalt strukturieren (HTML/XHTML)

Der Hauptunterschied zur konventionellen Arbeitsweise ist der, daß zunächst nicht die grafische Präsentation betrachtet wird, sondern das Strukturieren der vorhanden Inhalte mit Hilfe sinnvoller HTML-Elemente, wobei der Sprachumfang von HTML so gut wo möglich ausgenutzt wird, ohne Elemente zu zweckentfremden.

Wir organsieren also die vorhandenen Inhalte – das sind die Texte und die zum Text gehörenden inhaltlich relevanten Grafiken in Code. Zu den inhaltlich relevanten Grafiken zählen diejenigen, die dem Text informativ oder auch emotional zur Seite stehen. Für beides müssen auf einer barrierefreien Seite Text-Äquivalente – die Alternativtexte – bereit gestellt werden. Dies können zum Beispiel sein:

Die Texte werden mit Hilfe der verfügbaren Sprachelemente gegliedert. Dabei wird der Sprachumfang von HTML optimal ausgeschöpft:

Formulare

Formulare werden mit Hilfe der HTML-eigenen Elemente für Feldbeschriftungen, Eingabefelder, Auswahlboxen und Buttons strukturiert. Sie können mit der Maus oder alternativ mit der Tastatur (Tab-Taste) benutzt werden.

Inhalte grafisch aufbereiten (CSS)

In den meisten Fällen haben Sie als Kunde bereits eine Vorstellung davon, wie Ihre Web-Präsenz aussehen soll. Sie haben entweder bereits einen grafischen Entwurf selbst erstellt oder erstellen lassen, oder Sie stellen vorhandenes Material als Arbeitsvorlage zur Verfügung: Das können Visitenkarten, Faltblätter, Broschüren Briefköpfe u. a. mehr sein.

Auf Basis dieses Materials erstellen wir mittels CSS ein Layout. Da das Web weder aus Papier noch ein Fernsehprogramm ist, werden bestimmte Anpassungen an die Besonderheiten des Mediums erforderlich sein. Dies ist vor allem der Tatsache geschuldet, daß es nicht nur diverse verschiedene Browser mit ihren speziellen Fähigkeiten und Beschränkungen gibt, sondern auch zahllose Kombinationen von Bildschirmauflösungen und -größen.

Für diesen Arbeitsschritt wird mit CSS gearbeitet und der HTML-Code, wo erforderlich, in Blöcke aufgeteilt, um diese positionieren und formatieren zu können. Die Kennzeichnung der Blöcke im HTML-Code selbst enthält dabei jedoch keine Layout-Angaben, so daß die Flexibilität erhalten bleibt.

Testphase

Hier wird das Ergebnis unter diversen Voraussetzungen getestet:

Lesen Sie weiter, wie Sie selbst ohne besondere Kenntnisse Webseiten testen können – oder lesen Sie zur Unterhaltung eine kleine Satire.

 

Aktualisiert: 05.08.2008 02.06:38
© OmniintrO barrierefrei
URL dieser Seite: http://www.omniintro.de/arbeit/index.php
XHTML 1.0 strict OK prüfen