Prolog: Keine Ahnung, warum Regeln immer golden sein müssen. Aber ich will nicht quertreiben. Daher:

Die Goldenen Regeln für schlechtes HTML


(Version 0.70 t vom 4.7.1997)

Vorwort:

Diese Abhandlung soll allen als Leitfaden zur Seite stehen, die sich um schlechte HTML - Gestaltung verdient machen wollen. Er sei zur Mahnung gedacht all denen, die den wahren Weg noch nicht gefunden haben.

Danksagung:

Danken möchte ich denjenigen, die mir durch ihr Vorbild die Idee zu diesem Werk lieferten und all jenen, die mir immer wieder weitere Entdeckungen kühner Gestaltung kolportierten.

Weiter gehts!

Dieses Dokument wird in kurzen Abständen erweitert werden. Viele leerreiche Beispiele werden Sie auf den linken Weg führen. Achten Sie auf das Neu! - Zeichen.

 

Teil 1.


  1. Lesen Sie keine Anleitungen.
  2. Benutzen Sie immer die allerneuesten Tags.
  3. Empfangen Sie die Besucher mit Frames.
  4. Schicken Sie die Leute erstmal Brauser holen.
  5. Benutzen Sie viele und große Grafiken.
  6. Codieren Sie keine Sonderzeichen und Umlaute.
  7. Verwenden Sie große Imagemaps.
  8. Bauen Sie viele Gifs und Java Applets ein.
  9. Baustellenschilder sind wichtig.
  10. Nutzen Sie die Statuszeile des Brausers.
  11. Vereinfachen Sie die Navigation.
  12. Lassen Sie überflüssige Tags weg.
  13. Lassen Sie die <ALT> Angabe bei Grafiken weg.
  14. Benutzen Sie so viele Features wie nur irgend möglich.
  15. Schachteln Sie komplizierte Frames.
  16. Der <NORESIZE> - Tag ist ein Muß.
  17. Verwenden Sie viele Ausrufezeichen!!!
  18. Text muß blinken.
  19. Schreiben Sie immer für einen bestimmten Brauser.
  20. Zapfen Sie Sie fremde Sourcen an.
  21. Entwerfen Sie immer für eine bestimmte Bildschirmauflösung.
  22. Nutzen Sie ausgiebig das horizontale Scrolling.
  23. Verschleiern Sie die inhaltliche und logische Struktur.
  24. Linken Sie alle Suchmaschinen auf der ersten Seite.
  25. Bauen Sie rätselhafte Links.
  26. Schreiben Sie Riesendokumente.
  27. Verwenden Sie viele Farben und Schriftgrößen.
  28. Strukturloses Grau ist was Edles.
  29. Monochrom ist augenschonend.
  30. Rauhfaser als Hintergrund ist genial.
  31. Offline - Tests sind überflüssig.
  32. Keine Images auf CD.
  33. Schreiben Sie Links mal groß, mal klein.
  34. Beantworten Sie Kritik adäquat.
  35. Distanzieren Sie sich vom gemeinen Volk.

  1. Das Wichtigste zuerst: Lesen Sie keine Anleitungen, FAQs, Readme - Files zu HTML. Reine Zeitverschwendung. In den Newsgroups und Foren gibt es genug kompetente Leute, die mit großer Geduld immer wieder dieselben einfachen Fragen beantworten. Völlig kostenlos noch dazu! Konsequenterweise sollten Sie an dieser Stelle aufhören zu lesen. Wer trotzdem weiterliest, macht das auf eigene Gefahr. Eltern haften für Ihre Kinder.
  2. Benutzen Sie immer die allerneuesten Tags, die möglichst nur die alleraktuellsten Brauser beherrschen. Das ist vor allem dann wichtig, wenn die Informationen, die Sie anbieten, ein breites Publikum erreichen sollen. Nur so werden sich alle immer die neuesten Beta-Brausers holen und die Entwicklung wird rasant vorangetrieben.

    So kann zur Zeit nur der Netscape Navigator 4 beta (Communicator) den <LAYER> - Tag, mit dem man Fensterbereiche übereinander plazieren kann. Genauso verhält es sich mit dem <IFRAME> - Tag, mit dem dasselbe beim Microsoft Explorer möglich ist. Die beiden Brauser gibt es schon seit graumer Zeit. Genug Zeit zum Updaten. Die neuen Tags sofort verwenden!


  3. Empfangen Sie Ihre Besucher mit einer schönen Frames - Seite. Verzichten Sie auf komplizierte <NOFRAME> Bereiche, die den Besucher nur in Verwirrung stürzen. Wer keine Frames kann, muß sich entsprechenden Brauser eben besorgen. Siehe auch nächster Tip.
  4. Breiten Sie auf der ersten Seite eine große Zahl möglichst animierter Buttons aus, die zu den Sites mit allen verschiedenen Brausern führen, mit denen Ihre Seite am Besten betrachtet werden soll. Sie beweisen damit, wie toll Sie sich in der Szene auskennen. Vergessen Sie auch nicht, den Verweis dann auf die Hauptseite der Firma und nicht etwa auf die Downloadseite zu setzen. Der Besucher ist Ihnen dankbar, wenn er sich ausführlich durch viele Verzeichnisebenen klickern darf, bevor er dann tatsächlich den Brauser seiner Wahl downloaden kann.
  5. Benutzen Sie viele und große Grafiken. So muß sich kein Brillenträger mit briefmarkengroßen Abbildungen die Augen belasten und Sie können Ihr grafisches Talent voll präsentieren. Nebenbei wird so der Druck auf alle Beteiligten erhöht, endlich für mehr Bandbreite im Netz und damit Übertragungskapazität zu sorgen.
    Speichern Sie Ihre Grafiken grundsätzlich mit voller Farbtiefe und möglichst geringer Kompression. Schließlich soll ja die volle Qualität beim Betrachter ankommen. Jeder ist selbstverständlich bereit, dafür lange Ladezeiten in Kauf zu nehmen. Bestimmt!
  6. Codieren Sie keine Sonderzeichen und Umlaute. Schreiben Sie ohne dieses lästige &auml; oder &szlig; frisch von der Leber weg. Wenn Ihre Besucher Ihre Seiten ohne Zeichensalat lesen wollen, sollen sie gefälligst das gleiche Betriebssystem und denselben Zeichensatz benutzen wie Sie. Denn Ihres ist zweifellos das optimale Computersystem. Sonst würden Sie es ja nicht benutzen, oder?
  7. Verwenden Sie zur Navigation immer große Imagemaps und verzichten Sie darauf, Verweise alternativ auch als Text anzubieten. Die Textzeilen stören Ihre mühevolle Gestaltung und der Betrachter klickt sich womöglich weiter, noch bevor die Grafik ganz geladen ist. Auf jeder Seite sollte eine komplette neue, schöne große Imagemap - leicht verändert - die Navigation übernehmen.
    Wenn Sie die Begrüßungsseite ausschließlich mit einer Imagemap ohne eine Zeile Text gestalten, können Sie ruhig ausnahmsweise einen grafischen Link auf eine Textversion einbauen. Ihr guter Wille wird erkennbar, das reicht vollkommen aus. Es ist absolut unerheblich, daß der Link von Text - Brausern und solchen mit abgeschalteter Grafikoption weder angezeigt wird noch anklickbar ist.
  8. Bauen Sie so viele Animated Gifs und Java Applets ein wie nur möglich. Das Netz krankt immer noch an seiner statischen Präsentation. Bringen Sie ein bißchen Bewegung in den Laden! Je mehr gleichzeitig zu sehen sind, desto besser. Siehe auch Regel 14.
  9. Ganz oben auf der ersten Seite muß ein - möglichst animiertes - Baustellenschild plaziert sein. Zumindest müssen Sie den Besucher frühestmöglich darauf hinweisen, daß die kommende Site "Under Construction" ist und dauernd geändert wird. Denn das ist absolut ungewöhnlich im WWW.
  10. Die Statuszeile der Brauser ist ein prima Platz für Zusatzinformationen, die nicht auf die Seite passen. Es gibt so viele JavaScripten zur freien Verfügung. Ein schöner langer Scrolltext bringt die Info ohne Umwege direkt zum Betrachter. Wer will schon wissen, ob und wie lange noch nachgeladen wird oder wie die URL des Verweises ist, über den man mit dem Mauszeiger fährt? Kein Mensch.
  11. Vereinfachen Sie die Navigation innerhalb eines Dokumentes, indem Sie auf jegliche internen Links verzichten. Fürs Blättern gibt es schließlich die eingebauten formschönen Buttons des Brausers, zum Scrollen dient die gleichnamige, serienmäßig mitgelieferte Leiste rechts. Wozu den Leser mit internen Links, wie "zurück zum Seitenanfang" verwirren?
  12. Lassen Sie bei Bildreferenzen die Angabe zu Breite, Höhe, und alternativem Text im <IMG> - Tag weg.
    Erstens weiß das Bild selber, wie groß es ist und Sie können sich die Arbeit sparen. So gerät auch das HTML-Dokument kompakter und wird schneller geladen.
    Zweitens werden die Netscape-Programmierer zusätzlich unter Druck gesetzt, JavaScript endlich ohne die lästigen <WIDTH=...> und <HEIGHT=...> funktionieren zu lassen.
    Drittens steht dann Ihr Text immer dicht zusammen und springt lustig auseinander, wenn die dazwischen liegende Grafik geladen wird. Noch ein Beitrag zu mehr Bewegung im Netz.
  13. Vor allem bei Grafiken, die als Verweis-Buttons dienen, ist es enorm wichtig, die <ALT=...>-Angabe (die erscheint, wenn die Grafik nicht geladen ist - aber das wissen Sie ja) wegzulassen. Sonst könnte ja jemand auf die Idee kommen, auf einen Button zu klicken, der noch gar nicht geladen ist und Ihre ganze Arbeit für diesen Button wäre für die Katz.
  14. Benutzen Sie so viele Gimmicks und Frames wie nur irgend möglich. Das bringt den Betrachter nicht in die Verlegenheit, sich auf irgend etwas konzentrieren zu müssen. Er kann vielmehr alles auf einmal genießen.
  15. Eine hohe Zahl möglichst kompliziert geschachtelter Frames mit Kreuz- und Querverweisen und ständigem Nachladen beweist allen Besuchern, wie sehr Sie die Fähigkeit haben, komplexe Materie zu durchdringen und zu beherrschen. Viele Aufträge als Webdesigner sind Ihnen sicher.
  16. Verwenden Sie immer bei Frames den <NORESIZE> tag. Es ist eine Frechheit von Seitenbesuchern zu glauben, sie könnten die geniale Bildschirmaufteilung des Autors ändern. Schließlich haben Sie sich was dabei gedacht! Jeder ist selber schuld, wenn er mit vorsintflutlichen 14 Zoll Monitoren arbeitet und daher die Grafiken nicht ganz im Fenster angezeigt bekommt oder jede Zeile einzeln scrollen muß.
  17. Verwenden Sie in zentralen Aussagepunkten möglichst viele(!) Ausrufezeichen!!! Nur so(!) können Sie erreichen, daß zentrale Aussagen niemals(!!!) übersehen werden!!!!!!
  18. Text muß blinken, damit er gelesen wird. In jedem Absatz sollte zumindest ein Wort oder eine Zeile die Aufmerksamkeit durch stetiges Blinken auf sich ziehen. Sie erleichtern das Weiterklicken enorm, wenn Sie auch die Links blinken lassen. Blinklinks sozusagen. Echt gut.
  19. Schreiben Sie immer für einen bestimmten Brauser; verraten sie aber nicht für welchen. So gewinnen Sie auch die Freunde des interaktiven Agierens, die das bewußte Herausfinden von Inkompatibilitäten schätzen und oft bei Ihnen vorbeischauen. Nebenbei lernen die Besucher noch, was ihr Brauser alles nicht kann und haben beim nächsten Mal bestimmt den richtigen dabei.
  20. Benutzen Sie ungeniert Grafiken, Fotos, JavaScrips und Applets von anderen Seiten und machen Sie sich keine Gedanken über Copyrights. Die sind nur was für Langweiler, die die Zeichen der Zeit nicht erkannt haben. Nur die "Link me" Buttons können Sie rechts liegenlassen. Wer will die schon?

    Goldbutton zum Mitnehmen Klau mich.


  21. Entwerfen Sie immer für eine bestimmte Bildschirmauflösung. Am besten 1280 x 1024. Sie gewinnen Gestaltungsfreiraum. Machen Sie sich keine Gedanken über Leute mit kleineren Bildschirmen. Diese sind nur noch sehr vereinzelt anzutreffen; zudem gibt es ja die horizontale Scrolleiste.
  22.  Nutzen Sie ausgiebig das horizontale Scrolling. Diese besondere, aus unverständlichen Gründen recht seltene Art der Bildschirmaufteilung zieht Betrachter ganz besonders in ihren Bann. Je häufiger beim Lesen einer einzigen Zeile der Text über den Bildschirm gezogen werden muß, desto größer die interaktive Herausforderung und damit Freude beim Leser. Präformartierter Text bietet sich wunderbar dazu an. Oder auch Riesentabellen. Und als Schmankerl noch ein paar Grafiken? Gerne!          

  23. Verschleiern Sie nach besten Kräften die inhaltliche und logische Struktur Ihrer Seiten. Nichts verwirrt den Besucher mehr als ein klares Konzept. Schließlich ist das Netz ja auch chaotisch und unstrukturiert aufgebaut. Da können Sie nicht einfach einen Kontrapunkt setzen.
  24. Wenn Sie eine Linkseite einbauen, überraschen Sie Ihre Besucher mit Verweisen zu Suchmaschinen wie Alta Vista und Yahoo. Die kennen die allerwenigsten und sind Ihnen dankbar für die Orientierungshilfe. Oder, noch besser: Plazieren Sie die Links gleich auf der Einstiegsseite, ganz oben. Denn der Grund für den Besuch Ihrer Seite ist bestimmt immer der, sofort zu den schicken Suchmaschinen zu entschwinden.
  25. Ihre internen Links sollten Sie so unauffällig oder wenigstens so rätselhaft wie möglich präsentieren. Einige überraschende Verweise tragen ganz erheblich zur Attraktivität der Seiten bei.
  26. Bauen sie oft Riesendokumente, die lange Ladezeiten benötigen. Unterlassen Sie es bitte, darauf hinzuweisen, daß dem Verweis ein umfangreiches Dokument folgt. So nehmen Sie dem Besucher nicht die Vorfreude auf einen gelungenen Download. Auch wenn Sie eine Datei zum Download anbieten, ist es nicht nötig, deren Größe zu nennen. Wozu gibt es schließlich moderne Brauser, die die Downloadzeit kalkulieren?
  27. Verwenden Sie bei jeder Gelegenheit viele unterschiedlich große und farbige Fonts. Die Lesbarkeit wird enorm verbessert, Sie erreichen eine gesteigerte Aufmerksamkeit, mehr Lesefreude und der Betrachter freut sich zu sehen, wie viele Farben es doch gibt. Wenn Sie die Schrift dann auch noch blinken lassen, wird die Begeisterung keine Grenzen kennen.
  28. Alternativ können Sie auch auf jegliche farbige und strukturelle Gestaltung verzichten. Ein schönes, harmonisches Grau mit leuchtend schwarzer Schrift schafft einen gediegenen Kontrapunkt zu all der verkrampften Buntheit im Netz. Verzichten Sie dann auch auf jegliche Formatierung, auf Absätze, Gliederungspunkte und Unterteilungen. Es geht doch nichts über einen gepflegten Textblock über 927 Zeilen. So ziehen Sie den Leser garantiert in Ihren Bann
  29. Gestalten Sie öfter mal monochrome Seiten. Graue Schrift auf schwarzem Hintergrund ist zum Beispiel eine enorm augenschonende Kombination. Passen Sie gerne auch mal die Farbe der Links der des Hintergrundes an. Die Optiker Ihrer Besucher werden es Ihnen danken.
  30. Kleben Sie eine schöne weißgraue Rauhfasertapete als Seitenhintergrund auf. Wie in Ihrem Wohnzimmer. Sowas hat sonst niemand. Man fühlt sich gleich wie zu Hause. Oder eine wilde, psychedelische Komposition. Schließlich sind die siebziger mega - in, nicht wahr?
  31. Machen Sie keinen Offline - Probelauf ihrer WWW - Site. Die Pop-up Fenster der Fehlermeldungen bei JavaScript und bei fehlenden Grafiken haben einen ganz eigenen, ästhetischen Reiz, den Sie Ihren Besuchern nicht vorenthalten sollten. Ein überraschender Link auf eine nichtexistente Seite oder in ein fremdes Frameset bringt immer wieder außergewöhnliche interaktive Momente in das Geschehen.
  32. nixda! Wenn Sie Pages auf CD oder Diskette weiterverbreiten, vielleicht sogar auf PC weltweit, kümmern Sie sich nicht um eingebaute Images. Die brauser-eigenen "hier fehlt ein Bild" - Platzhalter sieht man so selten, daß alle Empfänger furchtbar dankbar sein werden, dieses ästhetische Erlebnis wieder einmal genießen zu dürfen. Nebenbei, Sie sparen massig Platz auf dem Datenträger; das ist besonders wichtig bei der knappen Speicherkapazität von CDs.
  33. Mischen Sie die Schreibweise bei Verweistags schön bunt; mal groß, mal klein. Sie haben es auf einem Windows Rechner wunderbar einfach - denn dort wird zwischen Groß- und Kleinschreibung von Dateinamen nicht unterschieden und die Links funktionieren tadellos - und bereiten dem Unix - Betrachter die Freude, nicht funktionierende Links nachzubearbeiten. Unix unterscheidet sehr wohl zwischen Groß- und Kleinschreibung von Dateinamen. Sie werden viele Freunde gewinnen, denn Unixxer sind für ihre Bastel- und Tippfreudigkeit bekannt. Die gleiche Freude können Sie auch Ihren Besuchern mit anderen Systemen machen, wenn Sie Ihr Zuhause erstelltes Projekt auf einen Unix Server legen. Und das sind fast alle.
  34. Beantworten Sie jeden negativen Kommentar zu ihrer Seite mit Verständnislosigkeit. Machen Sie die Software des Schreibers für schlechtes Anzeigen oder Funktionieren Ihrer Seite verantwortlich, stellen Sie seine Kompetenz in Internet-, Computer- und Lebensbelangen generell in Frage oder schreiben Sie gleich eine Haßmail; schließlich sind die anderen alle Idioten.
  35. Alternativ können Sie auch auf jeden Mailto - Button verzichten. Sie demonstrieren damit mit gelassener Ruhe, wie sicher und selbstverständlich Sie die hohe Qualität Ihrer Seiten beurteilen. Wer braucht schon Feedback vom Volk?
    Wenn sich es denn gar nicht vermeiden läßt, gestalten Sie den Mailto - Link so aufwendig wie nur möglich. Ein paar Java-Applets mit fliegenden Briefen, Hunden oder Klobürsten, gern mit ein paar Animated Gifs kombiniert wird nur die Profis ermutigen, Ihnen ein paar Lobesworte zu spenden. Die popeligen Amateure mit weniger als 64 MB RAM stürzen garantiert vorher ab.

    Zum zweiten Teil

    Wieder hoch zur Übersicht

    Zur Goldhtml - Homepage.

     

 


© Stefan Karzauninkat. Dieser Text ist nach allen nationalen und internationalen Regeln urheberrechtlich geschützt. Das Verändern und anschließende Veröffentlichen unter meinem Namen ist verboten - auch auszugsweise. Das Veröffentlichen und Verbreiten unter einem anderen als meinem Namen ist nicht erlaubt. Das Dokument kann für nichtkommerzielle Zwecke aber hemmungslos verbreitet und kopiert werden, sofern es unverändert bleibt. Kommerzielle Nutzung jeglicher Art - auch auszugweise - ist nur nach Rücksprache gestattet.


Quelle dieses Dokumentes im Netz: http://www.karzauninkat.com/Goldhtml/