Webdesign - Webseiten planen, gestalten - Free-Hack Library

254
Links:
http://vischeck.homeip.net/vischeck/
imageEngine.php
http://juicystudio.com/index.php
Freigabe zur Umsetzung
Zeigen Sie dabei die vorkommenden Seitentypen wie z. B.:
• Startseite
• Inhaltsseite mit Teasern
• Vorseite für einen Navigationsbereich
• Inhaltsseite mit Ankerlinks zur Unterverteilung
• normale Inhaltsseite nur mit Text
• normale Inhaltsseite mit Text und Bild
• Sonderseiten für Sitemap
• Sonderseite für Formular (falls zutreffend)
• Sonderseite mit Anfahrtskizze (falls zutreffend)
Im HTML-Prototyp sollten alle Hauptmenüpunkte, für den exemplarischen
Navigationspfad, für sonstige Navigationen (Marginal-,
Footer-, Metanavigation) sowie die vorgesehenen unterschiedlichen
Ausführungsformen für die unterschiedlichen Aktivierungszustände
funktionieren. Denn die wichtigste Aufgabe des HTML-Prototyps
besteht darin, das interaktive Navigationsdesign in der Navigationskaskade
zu demonstrieren.
Belegen Sie hier auch, dass unter dem Aspekt der Barrierefreiheit
die geforderten Kontrastwerte zwischen den Vorder- und Hintergrundelementen
(z. B. Schrift vor Aktivierungsfarbe) erreicht
werden. Nutzen Sie dazu Prüftools aus Accessibility Toolbars wie
„Visicheck“ oder „Juicy Studio“.
TIPP: Vermeiden Sie „tote“ Links. Legen Sie keine Links auf Navigationsbegriffe,
für die Sie im Prototyp keine dahinter liegenden
Seiten erstellt haben.
Oder öffnen Sie stattdessen eine Seite mit dem Hinweis, dass dieser
Link im Prototyp noch nicht mit Inhalt hinterlegt ist und geben Sie
dort nochmals den ausgeführten Navigationspfad und sonstige
aktive Links an. Alternativ können Sie mit Link
einfach auf die aktuelle Seite verlinken.
Für die Präsentation des HTML-Prototyps ist ebenso wie bereits bei
der Präsentation des grafischen Prototyps eine gute Vorbereitung
unerlässlich. Machen Sie auch hier, wenn möglich, eine Generalprobe
mit dem verfügbaren Equipment:
• Lässt sich auf dem Beamer die vorgesehene Auflösung
darstellen?
• Wie präsentieren sich per Beamer Farbe und Hellig keitsunterschiede?
• Ist ein sicher funktionierender Internetanschluss gegeben und
ist dieser vom Präsentationscomputer aus zugänglich?
• Sind (falls erforderlich) notwendige Plugins, Browservarianten
und sonstige Funktionalitäten verfügbar?
Auf der sicheren Seite sind Sie, wenn Sie Ihren eigenen Laptop mit
einer Offline-Version des Prototyps mitbringen. Dann können Sie