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.