Tips & Tricks für gutes HTML

Tipp 21	Bilder mit alternativem Text versehen
	Sollte eine Grafik nicht angezeigt werden oder noch im Aufbau sein, dann kann es sehr hilfreich sein, wenn man ihr einen alternativen Text zugewiesen hat. Dieser Text wird im Platzhalter für die Grafik angezeigt. Sehr hilfreich ist dies zum Beispiel, wenn ein grafischer Menübutton nicht angezeigt wird. Dank des alternativen Textes kann der Betrachter trotzdem den Sinn des Buttons verstehen.

	<img src="bild.gif" alt="Beschreibung der Grafik">

Tipp 22

animierte GIFs

Mit animierten Grafiken sollten Sie auf der Seite nicht zu verschwenderisch umgehen. Diese Grafiken haben meist eine umfangreiche Dateigröße. Zudem bilden sie immer einen Blickpunkt. Haben Sie mehrere solcher animierten Grafiken wirkt die Seite schnell verspielt. Außerdem sind mehrere Animationen auf Dauer verwirrend und lenken nicht selten vom eigentlichen Inhalt ab. Daher gilt: wollen Sie einen besonderen Blickpunkt schaffen, dann setzten Sie max. eine Animation auf der Seite ein.

Tipp 23	Werbung I.
	Die meisten nicht kommerziellen Webmaster investieren häufig eine Menge Zeit und zuweilen auch Geld in ihre Homepage. Es ist also nur verständlich, daß man zumindest die laufenden Kosten für seine Homepage decken will. Bei einer ordentlich besuchten Seite ist dies über gängige Banner- und Partnerprogramme auch problemlos möglich. Hüten Sie sich aber davor die Seite mit Werbung zu überfrachten. Werbebanner kosten meist viel Zeit beim Aufbau der Seite. Zudem fühlen sich viele Internetsurfer von zu viel Werbung gestört und beenden den Besuch auf Ihrer Seite womöglich recht schnell. Suchen Sie sich max. 2 Banner- oder Partnerprogramme, die am besten auch noch zum Inhalt der Seite passen, heraus und integrieren Sie diese in die Seite.

Tipp 24	Werbung II.
	Von sog. Toplisten(Seiten die nur Werbebanner enthalten) gibt es im Internet leider genug. Da ich keinen tieferen Sinn oder Inhalt in solchen Seiten sehe, klicke ich sie einfach weg.

Tipp 25	Werbung III.
	Überhäufen Sie den Anwender nicht mit sich ständig neu öffnenden Popup-Fenstern. In der Regel schließen die Surfer dann nämlich alle Fenster.

Tipp 26	fremde Inhalte im eigenen Frame laden?!?
	Wenn Sie schon mit Frames arbeiten, dann sollten Sie darauf achten fremde Seiten in einem neuen Browserfenster zu laden. Es sieht nämlich irgendwie blöd aus, wenn in Ihrem Ausgabeframe eine neue Seite, welche am besten auch noch Frames enthält, geladen wird. Hinzu kommt, daß die Inhalte beider Seiten verschwimmen. Es ensteht also leicht der Eindruck, daß Sie sich fremde Inhalte zu eigen machen wollen.

Tipp 27

auf die richtigen Farben setzen

Farben sind ein wichtiges Gestaltungsmittel beim Web-Design. Gerade deshalb ist der richtige Einsatz von Farben als Gestaltungsmittel wichtig. Generell sollten Sie auf sehr grelle(z.B. alle Neonfarben) bzw. sehr dunkle Farben verzichten. Wichtig ist vor allem, daß man die Schrift auf dem jeweiligen Untergrund gut lesen kann. Für Hintergründe, Tabellen und Navigationselemente haben sich besonders Pastellfarben bewährt. Mit einer kontrastreichen Hintergrundfarbe ermöglichen sie ein entspanntes Lesen des Textes. Neben der richtigen Farbwahl ist auch die Anzahl der Farben von Bedeutung. Verwenden Sie nicht zu viele unterschiedliche Farbe, da dies nicht gerade die Übersichtlichkeit erhöht. Achten Sie auf eine möglichst einheitliche Farbgestaltung aller Seiten und vor allem der Navigationselemente.

Tipp 28

Hintergründe

Die Verwendung von Grafiken als Hintergrund hat unter ergonomischen Aspekten einen entscheidenden Nachteil: die Schrift ist meist schlecht lesbar. Bieten Sie auf Ihrer Internetseite viel Text an, dann sollten Sie den Hintergrund eher farbig gestalten. Wenn Sie trotzdem nicht auf ein Hintergrundbild verzichten wollen, dann färben Sie zum Beispiel die Zellen einer Tabelle farbig ein, um den Text besser vom Hintergrund abzuheben. Nebenbei verbrauchen aufwendige Hintergrundgrafiken auch kostbare Zeit beim Aufbau der Seite.

Tipp 29	hier spielt die Musik
	Es gibt leider immer noch Webmaster die ihre Besucher mit einem fröhlichen Lied empfangen. Mal abgesehen vom jeweiligen Musikgeschmack des Besuchers ist schon allein die Ladezeit ein gewichtiges Argument gegen solche Spielerei.

Tipp 30	Links überprüfen
	Für jeden Anwender ist es ärgerlich, wenn ein Link ins Nirwana des Internets führt. Deshalb sollten Sie in regelmäßigen Abständen alle Links inkl. sämtlicher Unterseiten prüfen.

Tipp 31	die Statuszeile hat eine Funktion
	Viele Webmaster demonstrieren ihr Können in dem sie einen netten JavaScript Ticker in die Statuszeile des Browsers setzen. Wen interessiert schon wohin der Link führt. Lassen Sie Statuszeile einfach ihre Funktion erfüllen.

Tipp 32	nervende JavaScripts
	Ein Rattenschwanz am Mauszeiger, hüpfende Hunde, Uhren, Textticker - die Liste an nutzlosen JavaScripts ist leider unendlich. Viele, gerade Einsteiger, neigen zu solchen Spielereien auf ihren Internetseiten. Ob der Rattenschwanz am Mauszeiger überlebenswichtige Informationen enthält ist meist zu bezweifeln. Diese JavaScript verlängern nur unnütz die Ladezeit, lenken vom eigentlichen Inhalt ab und sind in vielen Fällen auch noch von anderen Internetseiten geklaut. Konzentrieren Sie sich lieber auf den Inhalt Ihrer Seite. So tun Sie sich und dem Surfer auf jeden Fall etwas gutes.

Tipp 33

beachten Sie Copyrights

Warum selber nachdenken??? Es gibt doch so viel umsonst im Netz. Das JavaScript von www.abc.com, die Schriftart von www.def.de und die Grafiken von www.ghi.net. Warum sich selber Arbeit machen??? Ein guter und ernstgemeinter Rat: ACHTEN Sie das Copyright anderer. Nutzen Sie Elemente nur auf der eigenen Homepage, wenn zum Beispiel das JavaScript zum freien Einsatz freigegeben ist. Informationen zum Copyright finden sich häufig in readme.txt - Dateien oder auch in Kommentaren im Quelltext.

Tipp 34

jetzt Flash herunterladen

Wenn Sie Flash für die Gestaltung Ihrer Homepage einsetzen, dann sollten Sie ein paar Grundlegende Dinge beachten. Versuchen Sie nicht den Besucher zum Download von Flash zu zwingen. Er wird es sowieso nicht tun. Viel besser ist eine Einstiegsseite, die sowohl eine Flash Version als auch eine HTML Version der Homepage anbietet. Erstellen Sie die Seite komplett mit Flash, dann schließen Sie viele potentielle Besucher einfach aus. Unterlassen Sie es riesengroße Intros vor die eigentliche Startseite zu setzen. Die Ladezeit ist meist enorm und vergrault unnötig Besucher. Wenn Sie trotzdem ein opulentes Intro erstellen, achten Sie darauf, daß der Benutzer über einen Skip-Button das Intro überspringen kann.

Tipp 35	Tabellen richtig einsetzten
	Tabellen sind hervorragend zum layouten einer Internetseite geeignet. Achten Sie aber darauf, daß Ihre Internetseite nicht nur aus einer großen Tabelle besteht. Die Tabelle wird nämlich erst angezeigt, wenn der komplette Inhalt geladen ist. Besser ist es den Inhalt auf kleinere Tabellen zu verteilen. Auf jeden Fall sind die <height> und <width> Tags bei Grafiken in Tabellen Pflicht(siehe auch Tipp 20).

Tipp 36	Feedback
	Ob positiv oder negativ - Feedback ist wichtig für Sie. Nur so erfahren Sie was die Surfer an Ihrer Seite gut finden oder was noch zu verbessern ist. Auf jeden Fall sollten Sie Lob, Tadel oder auch Anregungen aufnehmen und auch auf das Feedback reagieren.

Tipp 37	Gästebücher, Foren...
	Gästebücher, e-mail und Foren sind die gängigsten Formen der Kommunikation mit Ihren Besuchern. Sie sollten mind. über eine e-mail Adresse verfügen, um für Feedback der Surfer zugänglich zu sein. Betreiben Sie ein eigenes Forum, dann achten Sie daruf, daß in diesem Forum auch etwas passiert. Notfalls schreiben Sie eigene Beiträge, um damit andere zu animieren.

Tipp 38	lange Texte vermeiden
	Besonders wichtig bei langen Texten ist eine klare Gliederung. Lockern Sie den Text durch Abschnitte, Absätze oder Zwischenüberschriften auf.

Tipp 39	große Dokumente zum Download anbieten
	Oftmals kann es Sinn machen seine Internetseite auch in einer Offline Version anzubieten. So zum Beispiel bei Dokumenten die viel Text enthalten. Zeit ist Geld im Netz. Viele Surfer ziehen sich am liebsten Inhalte aus dem Netz und lesen diese offline. Praktisch zum Download ist ein selbstextrahierendes Archiv. Dieses Dokument können Sie hier downloaden.

Tipp 40	das Ausdrucken unterstützen
	Neben dem Download von umfangreichen Dokumenten drucken einige Anwender lange Texte auch sehr gerne aus. Legen Sie diesen Anwendern keine Steine in den Weg. Achten Sie darauf, daß sich die Seiten Ihres Projektes im Hochformat ausdrucken lassen. Arbeiten Sie mit Frames, dann weisen Sie den Anwender darauf hin, daß er vor dem Drucken den Frame erst anklicken muss.

	Home \| Sitemap \| Download \| Impressum \| Tipps 1-20 \| Tipps 40-60