Vorwort des Übersetzers: Diese Reihe von Originalartikeln enthält insgesamt 8 Artikel. Sie beginnt mit der Popularisierung von Webstandards und beschreibt, wie man mit Dreamweaver 8 ein standardkonformes Web erstellt Eigene standardkonforme Website mit Dreamweaver 8" (Bei diesem Artikel handelt es sich um einen kostenpflichtigen Auszug), daher habe ich den Inhalt entsprechend gelöscht. Die Reihenfolge stimmt mit dem Originalartikel überein, die Länge wird jedoch angepasst. Hiermit informiere ich Sie. Das Übersetzungsniveau ist begrenzt, bitte haben Sie Verständnis.
Wenn Sie diesen Artikel lesen, interessieren Sie sich wahrscheinlich bereits für Webstandards und sind sehr neugierig auf die Anwendung von Standards in Websites, die mit DW (kurz für Dreamweaver) erstellt wurden.
Vielleicht haben Sie bereits ein gewisses Verständnis von WS (kurz für Web Standards), wissen aber nicht, wie Sie mit DW kompatiblen Code schreiben. Oder Sie sind DW-Benutzer und möchten WS-konform sein, CSS umfassender nutzen und benutzerfreundlichere Dokumente erstellen. Ganz gleich, welcher Typ Sie sind, dieser Artikel gibt Ihnen die Antwort, die Sie brauchen: Er erklärt Ihnen, wie Sie DW für den Umgang mit WS verwenden.
Definition von Webstandards
Was WS in diesem Artikel betrifft, nehmen wir uns zunächst einen Moment Zeit, um zu klären, wovon genau wir sprechen:
WS sind Spezifikationen, die Webentwicklungssprachen leiten und vom W3C formuliert werden. Diese Spezifikationen umfassen mehrere Sprachen wie HTML, XHTML und CSS sowie einige andere verwandte Sprachen wie MathML, die zur Darstellung von Gleichungen in der Mathematik verwendet werden. Wenn Sie solche speziellen Anforderungen haben, können Sie sie möglicherweise verwenden. . Das W3C hat außerdem die „Web Content Accessibility Guidelines – WCAG“ herausgegeben, die die Barrierefreiheit von Webseiten fördern (über WAI).
Tipp: Holen Sie sich diese Spezifikationen direkt
Sie können diese Spezifikationen auf der W3C-Website lesen, obwohl sie manchmal schwer zu lesen sind:
HTML 4.01
XHTML 1.0
CSS 1
CSS 2.1
WCAG 1.0
In diesem Artikel verwenden wir XHTML 1.0, CSS 1 und 2.1, WCAG 1.0 und andere Spezifikationen und Empfehlungen, aber Sie werden froh sein zu erfahren, dass wir nicht zu viele W3C-Dokumente lesen müssen.
Wer braucht WS?
Möglicherweise haben Sie nur eine vage Vorstellung davon, dass WS eine gute Sache ist, aber viele Websites – darunter viele bekannte Websites – entsprechen nicht WS und scheinen gut verwaltet zu werden. Warum sollten wir also unser Bestes geben, um WS einzuhalten? Wer braucht WS?
Webentwickler und Designer
Die erste Gruppe von Menschen, die auf WS achten müssen, sind wir: Entwickler und Designer von Website-Erstellung. Lohnt es sich für uns, Zeit damit zu verbringen, zu lernen, wie man sich mit WS entwickelt?
Durch sauberes Markup können Fehler schneller behoben werden.
Wenn Sie Ihre Seiten beim W3C validieren, wissen Sie zumindest, dass unregelmäßiges Markup nicht die Ursache für die aufgetretenen Fehler ist. Manchmal können durch die Validierung einer Seite und die Behebung gefundener Fehler Anzeigeprobleme behoben werden, die durch endlose Elemente oder falsch geschriebene Tags verursacht werden.
Selbst wenn die Überprüfung Ihres Dokuments die Probleme nicht behebt, wissen Sie zumindest, dass die Probleme im kanonischen Dokument bestehen. Da Sie nun wissen, dass es sich bei diesem Problem nicht um einen Fehler handelt, können Sie sich auf andere Probleme konzentrieren, beispielsweise auf Unterschiede in der CSS-Verarbeitung in verschiedenen Browsern.
Die Einhaltung der Barrierefreiheitsanforderungen ist einfach
Wenn Sie ein kanonisches XHTML-Markup schreiben, können Sie sicherstellen, dass das Dokument semantisch korrekt ist, und Sie können den Inhalt des Dokuments von der Präsentation trennen. Sie können viel Arbeit in viele Probleme mit der Barrierefreiheit von WCAG1.0-Spalten stecken . Es ist auch wichtig zu erkennen, dass Barrierefreiheit nicht nur für Menschen mit Behinderungen gilt. Auf eine benutzerfreundliche Website kann von vielen verschiedenen Geräten zugegriffen werden, beispielsweise von Mobiltelefonen und PDAs, die nicht über die Rechenleistung verfügen, um mit verstreuten und nicht standardmäßigen Markierungen umzugehen.
vorwärtskompatibel
Wenn Sie nur die Leistung Ihrer neu entwickelten Seite in den aktuellen Browsern berücksichtigen, wie können Sie deren Leistung in neuen Browsern in Zukunft sicherstellen? Hoppla, jetzt haben Sie Schwierigkeiten, sie zu finden Beheben Sie diese lästigen Probleme.
Die Einhaltung von WS wird dieses Problem nicht vollständig beseitigen; die Standardkompatibilität verringert jedoch das Risiko, dass Ihr Design scheitert, und die heutigen Browser-Softwareunternehmen beginnen auch, Standards zu unterstützen. Es kann sein, dass sie versehentlich einen Teil der Spezifikation falsch interpretieren, aber sie können dies nicht völlig ablehnen. Wenn das Schlimmste passiert und ein neuer Browser seltsame Auswirkungen auf Ihre standardisierte Website hat, ist es viel einfacher, das Problem zu beheben als eine inkompatible Website. Wenn Sie auf ein Problem stoßen, wirkt sich das auch auf andere standardkonforme Websites aus. Die kollektive Weisheit der Web-Community wird darauf hinweisen und Artikel schreiben, die sich damit befassen. Daher diskutierten alle gemeinsam darüber, dass es einfacher ist, diesen Fehler in einem kompatiblen Dokument zu beheben als in einem inkompatiblen Dokument.
Bequemeres Refactoring
Mussten Sie jemals Text von einer Website entfernen, ihn neu erstellen und von vorne beginnen? Haben Sie jemals diese Etiketten gesehen, die mit Schriftarten und winzigen Tabellenzellen vollgestopft sind (was dazu führt, dass wir bei Null anfangen müssen), und es ist ein langer Prozess, der viel Zeit und Geld verschwendet? die Umgestaltung dieser Website.
Durch die Trennung von Inhalt und Präsentation eines Dokuments erhalten Sie das Schöne an der Einhaltung von Standards: Dies bedeutet, dass jemand, der das nächste Mal die Website umgestalten möchte, das Webdokument nicht kopieren muss. Der gesamte Text auf der Website wird mit semantischem (X)HTML markiert und alle Präsentationsinformationen – die der Webmaster ändern möchte – werden in einer leicht austauschbaren CSS-Datei gespeichert.
Einige Kunden werden nicht auf die Überarbeitung warten, bevor sie Sie auffordern, einige Änderungen vorzunehmen. Sie warten, bis sie die Mammutfossiliengrube besucht haben, und bitten Sie dann zu sagen: „Verschieben Sie einfach die linke Spalte nach rechts.“ .“ Bei standardisierten kompatiblen Seiten werden alle Seiten per CSS gesteuert. Auf vielen Seiten mit komplexen Tabellen als Strukturen können Sie die Tags problemlos auf der Seite verschieben, ohne über Tricks nachdenken zu müssen. Dies erleichtert das Ändern des Seitenlayouts.
Die Trennung von Struktur und Präsentation kann auch das Hinzufügen neuer Elemente erleichtern, beispielsweise eine kontrastreiche Version einer Website mit kleinen Bildern, die für manche Betrachter attraktiver sein könnte. Warum eine separate Nur-Text-Version einer Seite erstellen, wenn Sie das Stylesheet problemlos ersetzen können?
Browser-Software-Unternehmen
Browser-Software-Unternehmen beginnen, WS Aufmerksamkeit zu schenken. In der Vergangenheit fügten Browser-Softwareunternehmen der Basissprache ihre eigenen proprietären Tags und Attribute hinzu. Aber jetzt beginnen sie alle wie nie zuvor, den Standards zu entsprechen, und einige der neuesten Browser bemühen sich bereits, sie entsprechend (X)HTML und CSS anzuzeigen, wie in der Spezifikation definiert.
In absehbarer Zukunft werden Browser in der Lage sein, die meisten nicht standardmäßigen Markups und Codes anzuzeigen, denn wenn sie das nicht tun, werden Tausende von nicht standardmäßigen Websites nicht richtig angezeigt – und dann wird die Öffentlichkeit wahrscheinlich anfangen, dem Browser die Schuld zu geben. nicht die Webdesigner. Andere Geräte (solche ohne die Rechenleistung von Desktops) sind jedoch stärker auf die standardisierte Kompatibilität des Codes angewiesen, auf den sie stoßen.
Hersteller von Erstellungstool-Software
Anbieter von Authoring-Tool-Software – wie Macromedia, Hersteller von Dreamweaver – beginnen, sich an WS zu halten, ebenso wie beispielsweise Webdesigner, da immer mehr ihrer Kunden verlangen, dass diese Authoring-Tools standardisiertes Markup ausgeben. Ursprünglich hatten diese visuellen Entwicklungsumgebungen keinen guten Ruf, da sie verwirrende, nicht standardmäßige Markups erzeugten. Die neuesten großen visuellen Entwicklungsumgebungen haben jedoch standardisierte Elemente der Kompatibilität und Zugänglichkeit genutzt, was ebenfalls zu einem Hauptverkaufsargument geworden ist. Softwareanbieter müssen zuhören und auf die Marktbedürfnisse reagieren.
Webbenutzer
Auch die Benutzer der von uns gestalteten Websites profitieren von unserer Einführung von WS, auch wenn sie sich dessen nicht bewusst sind. Möglicherweise nutzen sie unbewusst Websites, die speziell für die heute gängigen Browser entwickelt wurden. Wenn diese Benutzer zu einem anderen Browser wechseln, stellen sie möglicherweise fest, dass das Online-Erlebnis nicht mehr angenehm ist, da diese proprietären Tags vom neuen Browser nicht akzeptiert werden. Eine standardisierte und kompatible Website funktioniert in verschiedenen Browsern gut, unabhängig davon, ob es sich um bestehende oder zukünftige Browser handelt.
Darüber hinaus ist eine Website, die Empfehlungen zur Barrierefreiheit befolgt, für Benutzer zugänglicher, die das Surfen im Internet als unbefriedigend empfinden. Das Internet soll Menschen mit Sehbehinderungen oder anderen Behinderungen bequemere Einkaufs-, Lese- und Suchmöglichkeiten bieten. Sie sollten nicht daran gehindert werden, eine Website zu durchsuchen, weil diese proprietäre Tags oder andere exklusive (auf den Browser bezogene) Technologien verwendet.