Google Suche

 
Loading...
Loading...

Fehler vermeiden

PDFDruckenE-Mail

 

HTML Grundkurs - Fehler vermeiden
Fehler bei Html vermeiden:
Geht es darum, eine Webseite im Internet zu veröffentlichen, sollte darauf geachtet werden, dass einige Fehler vermieden werden. Die häufigsten Fehler sind dabei
  • Groß- und Kleinschreibung nicht genau einzuhalten
  • Umlaute in Verzeichnissen oder bei Bildern zu verwenden
  • falsche Schriftarten zu verwenden
  • falsche Werte bei Tabellen anzugeben
  • dass / und \ verwechselt werden
  • sich die Webseite nur auf einem Browser anzusehen.

Werden die Webseiten offline mit allen Texten und Bildern erstellt, sieht das Ergebnis meistens recht gut aus. Wird der Webauftritt dann aber via FTP-Programm auf den Server des Providers geladen und man betrachtet sich das Ergebnis der Arbeit dann "online" im Internet, kommt sehr häufig erst einmal die Ernüchterung. Die Webseiten werden anders dargestellt als gewollt, Bilder nicht richtig angezeigt oder Links auf andere Seiten funktionieren nicht. Das liegt meistens daran, dass die meisten Webserver der Provider Unix-Server sind. Die meisten Webseiten werden aber auf einem Windows-Rechner erstellt. In einem Unix-System ist allerdings eine genaue Schreibweise unbedingt Pflicht. Es sollte auch bedacht werden, dass viele User, die durch das Internet surfen, unterschiedliche Browser verwenden. So kann eine Webseite, bei unsauberer Programmierung, beim Internet-Explorer völlig anders aussehen als beim Firefox oder Mozilla-Browser. Um einige Fehler und damit böse Überraschungen zu vermeiden, ist es sinnvoll, sich die Webseiten bereits "offline" mit verschiedenen Browsern anzusehen. Steht zu Hause oder auf der Arbeit kein Unix- oder Linux-Rechner zur Verfügung, kann behelfsweise der Rechner mit einer Knoppix-CD (bootbares Linux-System) gestartet werden. Denn auch ein Mozilla-Browser (oder Firefox) für Windows oder für Linux verhält sich in der Darstellung von Webseiten anders.

Groß- und Kleinschreibung genau einhalten:

Wenn Bilder nicht angezeigt werden und Links nicht richtig funktionieren, liegt die Ursache meistens an einer unsauberen Schreibweise. Der Internet-Explorer ist unter Windows sehr fehlertolerant und verleitet manchmal geradezu zu einem fehlerhaften Html-Quellcode. Hat ein Bild etwa den Namen bild.jpg, so muss auch im Quelltext exakt bild.jpg stehen. Varianten wie etwa Bild.jpg, bild.jpeg oder auch bild.JPG interessieren einen Internet-Explorer unter Windows nicht. Er zeigt das Bild an, weil er sehr fehlertolerant ist. Steht die Webseite aber im Internet, wird das Bild bei falscher Schreibweise nicht mehr angezeigt. Bei Links (Verweisen) muss ebenfalls auf eine korrekte Schreibweise geachtet werden. Heißt eine Datei etwa test.htm und steht dann im Quellcode test.html, wird die Datei nicht angezeigt. Es erscheint bestenfalls eine Fehlermeldung (Error 404).

Umlaute bei Bildern und Links:

Umlaute sollten bei Bildern oder Links vermieden werden. Bilder werden nicht angezeigt und Links funktionieren nicht. Ein Link etwa
<a href="css_grundlagen_einfuehrung.htm">Einführung</a>  darf nicht ..._einführung.htm"> heißen. Auch ein Bild  bücher.jpg muss buecher.jpg heißen. Ist das Bild auf der Festplatte als "bücher.jpg" gespeichert, muss es umbenannt werden, bevor es via FTP-Software auf den Webspace des Providers kopiert wird.

die richtigen Schriftarten:

Manche Webdesigner sind recht kreativ. Je nach Thema der Webseite werden Schriftarten verwendet, die zum Thema der Webseite passen. Dabei sollten nur so genannte Standardschriftarten verwendet werden, die jedes System auch korrekt anzeigen kann. Dies sind etwa "Arial", "Times New Roman" oder "Verdana". Auch "Comic Sans MS" geht noch. Verwendet ein Webdesigner allerdings eine Schriftart, die auf dem Computer des Nachbarn nicht installiert ist, wird die Webseite beim Nachbarn anders dargestellt. Der Browser wählt dann eine alternative Schriftart aus, um den Text anzeigen zu können. Die Webseite sieht dann allerdings nicht wirklich schön aus und gewünschte Effekte des Webdesigners gehen vollkommen verloren.

Slash / und Backslash \ verwechseln:

Wird ein Webauftritt in mehrere Verzeichnisse aufgeteilt, etwa Verzeichnis "Bilder", so muss auf die Schreibweise geachtet werden, mit der auf ein Verzeichnis verwiesen wird. Bei Windows lautet der Weg zu einem Verzeichnis Bilder\Tiere\Affen. In einem Html-Code sieht der Weg der Verzeichnisse anders aus. Bilder/Tiere/Affen. Beispiel für Html-Code:
<a href="http://www.compu-seite.de/downloads/gifs-affen.htm>"

Falsche Werte in Tabellen angeben:

Die Breite einer Tabelle kann entweder in "Breite in Prozent" oder in "Breite in Pixeln" angegeben werden. Wird eine Tabelle in % angegeben, sollte beachtet werden, dass eine Tabelle nicht mehr als 100 % haben sollte. Es ist zwar möglich, die Breite einer Tabelle mit 110% anzugeben, in  vielen Browsern wird die Tabelle dann aber anders dargestellt. Das Ergebnis sieht dann nicht sehr schön aus. Auch die Einzelnen Zellen einer Tabellen sollten so angegeben werden, dass die Gesamtbreite der Tabelle überschritten wird.

 



Wer ist online

Wir haben 27 Gäste online

Besucher

Heute41
Gestern825
Woche1555
Monat15675
Insgesamt494768
   
| Mittwoch, 23. Mai 2012 || Compu-Seite Compu-Seite |