Rheinwerk Computing < openbook >

 
Inhaltsverzeichnis
Vorwort
1 Prinzipien des modernen Webdesigns
2 Projektmanagement
3 Konzeption und Strategie
4 Responsive Webdesign
5 Informationsarchitektur
6 Gestaltungsgrundlagen
7 Screendesign
8 Layout und Raster
9 Farbe im Webdesign
10 Typografie
11 Bilder und Grafiken
12 Navigations- und Interaktionsdesign
13 Webdesign-Stile und -Trends
14 Animationen
15 Website-Typen
16 Tipps, Tricks und Tools
Stichwortverzeichnis

Download:
- Beispieldateien, ca. 3.64 MB

Buch bestellen
Ihre Meinung?

Spacer
<< zurück
Webdesign von Martin Hahn
Das Handbuch zur Webgestaltung
Buch: Webdesign

Webdesign
Pfeil 1 Prinzipien des modernen Webdesigns
Pfeil 1.1 Aspekte modernen Webdesigns
Pfeil 1.1.1 Die Entwicklung des Webdesigns
Pfeil 1.1.2 Gute Seiten, schlechte Seiten
Pfeil 1.1.3 Mehr als hübsch – das Design
Pfeil 1.1.4 Übersichtlich und lesbar
Pfeil 1.1.5 Struktur, Inhalte und Verhalten
Pfeil 1.2 Guter Quellcode – Webstandards
Pfeil 1.3 Webseiten für alle – Zugänglichkeit und Barrierefreiheit
Pfeil 1.3.1 Zugänglichkeit und Technik
Pfeil 1.3.2 Zugänglichkeit und Inhalte
Pfeil 1.3.3 Zugänglichkeit und Design
Pfeil 1.4 Modernes Webdesign ist flexibel
Pfeil 1.4.1 Flexible und anpassungsfähige Webseiten
Pfeil 1.4.2 Benutzerfreundlich und bedienbar
Pfeil 1.4.3 Moderne Workflows
Pfeil 1.5 Das Webdesign und sein Umfeld
Pfeil 1.5.1 Die Märkte und der Wettbewerb
Pfeil 1.5.2 Content Marketing und die Informationsüberflutung der Konsumenten
Pfeil 1.5.3 Werteveränderung in der Gesellschaft
Pfeil 1.6 Fazit: Webdesign ist Coden, und Code ist Design
 
Zum Seitenanfang

1.2    Guter Quellcode – Webstandards Zur vorigen ÜberschriftZur nächsten Überschrift

Die Trennung von Inhalt und Design ist die Basis für einen guten Quellcode. Werden dazu noch die Webstandards eingehalten, ist man auf einem guten Weg. Webstandards sind technische Spezifikationen, die von Organisationen wie dem W3C (World Wide Web Consortium, w3.org) entwickelt werden. Ziel ist es, verbindliche Spezifikationen zu erreichen, die browserübergreifend implementiert werden, sodass eine standardkonforme Webseite auf den verschiedenen Browsern einwandfrei funktioniert.

Webstandard-Validatoren

Um Ihren (oder anderen) Quellcode in Bezug auf die Webstandards zu überprüfen, gibt es vom W3C die Validatoren. Diese melden bei falschem Code Fehler oder auch Warnungen.

Guter Quellcode und Validatoren
  • Ein Quellcode kann als gut bezeichnet werden, wenn Webstandards (HTML für Struktur, CSS für Präsentation und JavaScript für Verhalten) eingesetzt und diese optimal angewendet werden (semantisch und valide).

  • Die Validatoren sind dabei ein gutes Hilfsmittel, allerdings auch nicht der Weisheit letzter Schluss. Gerade modernere Technologien erzeugen Validierungsfehler, die aber nicht schlimm sind. So zeigt der CSS-Validator die sogenannten Vendor-Präfixe als Fehler an. Formal ist das zwar richtig, aber technisch kein Problem.

Dies bringt eine Vielzahl von Vorteilen mit sich:

  • Mehr Anwender erreichen: Mit validem Code sind die Inhalte für eine größere Anzahl von Endgeräten und damit für mehr Nutzer zugänglich. Sehbehinderte und motorisch eingeschränkte Anwender profitieren davon. Screenreadern, Suchmaschinen oder auch Druckern ermöglicht valider Code die sinnvolle Nutzung der Webseite. Valide Webseiten sind somit auch barrierearm (siehe Abschnitt 1.3, »Webseiten für alle – Zugänglichkeit und Barrierefreiheit«).

  • Schnellere Ladezeit: Webseiten werden zügiger geladen, wenn sie weniger und validen Code einsetzen. Die Ladezeit ist eines der größten Ärgernisse für Anwender. Je schneller sie ist, desto besser.

  • Zukunftssicherung: Der Einsatz von Webstandards sichert die Zukunftsfähigkeit einer Webseite. Denn bei Einhaltung der Richtlinien kann man davon ausgehen, dass auch zukünftige Browsergenerationen diese verstehen werden.

  • Arbeitsoptimierung: Der eigene Arbeitsablauf, ob allein oder im Team, wird durch den Einsatz von Webstandards schneller und einfacher. Der konsistente Einsatz der entsprechenden Elemente und die strikte Trennung von Design und Inhalt ermöglichen schnelles Bearbeiten und einfachere Einarbeitung in fremden Quellcode.

  • Suchmaschinenoptimierung: Sind die Inhalte semantisch richtig ausgezeichnet, freuen sich auch die Suchmaschinen. Eine Überschrift, die auch als solche in HTML gekennzeichnet ist, wird dann auch von den Suchmaschinen als solche indiziert. Valider Code sichert damit ein besseres Ranking als nicht valider.

    Darf bei keiner Webseitenentwicklung fehlen: der Markup-Check samt Fehlermeldungen – validator.w3.org.

    Abbildung 1.16    Darf bei keiner Webseitenentwicklung fehlen: der Markup-Check samt Fehlermeldungen – validator.w3.org.

  • Überprüfbarkeit: Valider Quellcode zeugt von der Qualität der eigenen Arbeit. Mithilfe der Validierung lassen sich eigene Fehler aufspüren und aufzeigen – ein wichtiges Mittel der Qualitätssicherung, aber auch eine Möglichkeit, sich daran messen zu lassen.

Lesetipps Webstandards

Eine ausführliche Antwort auf die Frage »Was sind Webstandards?« liefert ein Artikel der Webkrauts: webkrauts.de/artikel/2011/was-sind-webstandards.

 


Ihre Meinung?

Wie hat Ihnen das Openbook gefallen? Wir freuen uns immer über Ihre Rückmeldung. Schreiben Sie uns gerne Ihr Feedback als E-Mail an kommunikation@rheinwerk-verlag.de

<< zurück
 Zum Rheinwerk-Shop
Zum Rheinwerk-Shop: Webdesign Webdesign
Jetzt Buch bestellen

 Buchempfehlungen
Zum Rheinwerk-Shop: HTML5 und CSS3
HTML5 und CSS3


Zum Rheinwerk-Shop: Praxisbuch Usability und UX
Praxisbuch Usability und UX


Zum Rheinwerk-Shop: Responsive Webdesign
Responsive Webdesign


Zum Rheinwerk-Shop: Website-Konzeption und Relaunch
Website-Konzeption und Relaunch


Zum Rheinwerk-Shop: UX Writing und Microcopy
UX Writing und Microcopy


Zum Rheinwerk-Shop: WordPress 5
WordPress 5


Zum Rheinwerk-Shop: Stile & Looks
Stile & Looks


Zum Rheinwerk-Shop: Digitale Illustration
Digitale Illustration


 Lieferung
Versandkostenfrei bestellen in Deutschland, Österreich und in die Schweiz
InfoInfo

 
 


Copyright © Rheinwerk Verlag GmbH 2020
Für Ihren privaten Gebrauch dürfen Sie die Online-Version natürlich ausdrucken. Ansonsten unterliegt das <openbook> denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt.
Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

 
[Rheinwerk Computing]

Rheinwerk Verlag GmbH, Rheinwerkallee 4, 53227 Bonn, Tel.: 0228.42150.0, Fax 0228.42150.77, service@rheinwerk-verlag.de

Cookie-Einstellungen ändern