Kontrastreiche Farbgebung, dynamische Größenangaben oder die Aufbereitung der Website für Screenreader – Programme, mit deren Hilfe sich Personen mit eingeschränktem Sehvermögen Websites vorlesen lassen können – sind Funktionen des so genannten barrierefreien Webs. Die Vorlagen in dieser Sammlung bieten Webdesignern hilfreiche Funktionen, um Websites noch besser den Bedürfnissen benachteiligter Internetnutzer anzupassen. Klicken Sie hier oder auf das Bild um die kostenlosen Vorlagen herunter zu laden.

Durch die in Expression Web integrierten Prüfmechanismen können Sie jederzeit sicherstellen, dass
Ihre Website in standardkonformen Browsern korrekt angezeigt wird und gängige Richtlinien zur
Barrierefreiheit unterstützt.

Einige der hilfreichen Funktionen in diesen Vorlagen

• Alle Vorlagen sind moderne tabellenlose CSS-Layouts mit sauberem (X)HTML- und CSS-Code.
  Dabei wurde speziell darauf geachtet, die Anzahl der Klassen und IDs überschaubar zu
  halten.
• Sowohl die XHTML- als auch CSS-Dateien wurden im Quelltext ausführlich kommentiert und
  die verschiedenen Namen der Klassen und IDs sind „sprechend“ (z. B. #kopfbereich, #sidebar
  etc.) so das auch ein Anfänger sich schnell zurechtfinden wird. Somit sind die Templates nicht
  nur für die Websitebetrachter sondern auch für den Websiteentwickler gut zugänglich.
• Die Vorlagen funktionieren korrekt in allen gängigen Webbrowsern.
• Alle Vorlagen nutzen für Schriftgrößen die Einheit „em“ und teilweise auch für die Angabe
  der Breiten, das ermöglicht „zoomable Layouts“. Durch den Einsatz von „em“ für
  Schriftgrößen können auch ältere Browser die Schriften korrekt skalieren. Und durch den
  Einsatz von „em“ bei Breitenangaben, wächst das Layout dynamisch mit.
• Es wurden so oft wie möglich die so genannten „Websmarten“ Farben eingesetzt.
• In den Vorlagen wurde eine spezielle Funktion integriert, mit welcher Bilder komfortabel auf
  attraktive Weise präsentiert werden können.
• Alle Vorlagen verfügen über eine zusätzliche CSS-Datei für die Druckausgabe und die
  Druckvorschau. An Hand des Media-Typs erkennt der Browser automatisch für welches
  Ausgabegerät die jeweilige CSS-Datei vorgesehen ist.
• Alle Vorlagen verfügen außerdem über eine integrierte Datei namens „informationen.txt“
  mit grundlegenden Infos und hilfreichen Funktionen.

Die Vorlagen wurden von Vladimir Simovic entwickelt. Vladimir Simovic ist selbständiger Webspezialist und Autor mehrerer Fachbücher zu Webdesign, CSS und anderen IT-Themen. Er führt ein Blog unter www.perun.net und wird die Vorlagen auch auf der XTOPIA [kompakt] persönlich vorstellen.

Klicken Sie hier um die kostenlosen Vorlagen jetzt herunter zu laden.

Im Downloadpaket befindet sich zusätzlich ein Archiv mit statischen Varianten der Vorlagenwebsites zur Verwendung in anderen Webdesign-Programmen die den DWT-Vorlagenstandard nicht unterstützen.

Anwender können alle Vorlagen kostenfrei und ohne Einschränkungen für Ihre eigenen Projekte nutzen – auch kommerziell – und beliebig an Ihre Bedürfnisse anpassen. Microsoft stellt die angebotenen Vorlagen als Service-Leistung zur Verfügung. Microsoft übernimmt keinerlei Gewährleistung dafür, dass die Vorlagen auch in Ihrer Einsatzumgebung die erwünschten Ergebnisse erzielen. Mit Ausnahme der gesetzlichen Haftung für Vorsatz und grobe Fahrlässigkeit ist jede Haftung von Microsoft im Zusammenhang mit Ihrer Nutzung dieser Vorlagen ausgeschlossen.

Expression Web 2 ist das komfortable professionelle Webdesignprogramm für standardkonformes Webdesign mit XHTML, CSS, ASP.NET & PHP

Eine moderne XHTML/HTML-Engine und umfangreiche Prüfmechanismen stellen sicher, dass Ihre Website in allen standardkonformen Browsern korrekt angezeigt wird. Und Sie können komfortabel sicherstellen, dass sie behindertengerechten Standards zur Barrierefreiheit entspricht. In der intuitiven WYSIWYG-Designumgebung lassen Sie Ihrer Kreativität freien Lauf. Sollten Sie selbst programmieren wollen, unterstützen Sie hilfreiche Funktionen wie Intellisense für HTML und PHP. Grafiken können Sie nahtlos aus Programmen wie Adobe Photoshop oder Expression Design integrieren. Expression Web 2 ist außerdem ein hervorragender Teamspieler zur Webentwicklung und macht Ihre Arbeit einfacher. Das liegt nicht zuletzt an den komfortablen Funktionen zur Integration dynamischer Daten und der umfassenden Unterstützung moderner Webtechnologien wie ASP.NET, PHP, RSS und XML. Weitere Informationen und kostenlose Testversionen von Expression Web und den anderen Programmen des Expression Studio finden Sie unter www.microsoft.de/expression/web.