nicht angemeldet
Hallo Martin,
ich habe gerade meine erste homepage "gelayoutet"
Also wenn das wirklich Deine _erste_ Webseite ist - dann großen Respekt.
gefällt sie euch?
Das »äußere« Layout gefällt mir ganz gut. Jedoch sehen die einzelnen Seiten, die Du in das IFrame lädst, nicht sehr schön aus - ich würde eine serifenlose Schrift auf dem Bildschirm nehmen
was könnte ich besser machen?
Deine Navigation verlässt sich auf JavaScript. Das ist natürlich blöd für Leute, die kein JavaScript haben. Außerdem sollte bei allem, was im Web »anklickbar« ist, beim drüberfahren eine »Hand« als Mauszeiger kommen und nicht der normale Mauszeiger. Du realisierst das ja im Moment, indem Du bei <img onclick="..."> verwendest - warum nimmst Du keine normalen Links um die Bilder herum? (dann würdest Du nämlich biede Punkte gleichzeitig »erschlagen«)
Außerdem verwendest Du ein <iframe> - bei den meisten Browsern ist das heute nicht problematisch, aber es gibt dennoch einige, die damit nicht klarkommen, am verbreitetsten ist wohl Netscape 4 - der zeigt bei <iframe> gar nichts an. Warum verwendest Du eigentlich keine normalen Seiten ohne <iframe>? Du müßtest zwar jedes Mal die Navigation mit einbinden, aber bei wenigen Seiten (< 20) ist der Aufwand noch vertretbar und wenn es mehr werden, kannst Du ja mal über SSI oder ähnliches nachdenken: http://selfhtml.teamone.de/cgiperl/intro/ssi.htm
Du gibst übrigens für das Dokument HTML 4.0 Transitional an - das Dokument validiert aber nicht danach. Zum einen fehlt die Zeichenkodierung (<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">) und zum anderen würde ich doch HTML 4.01 (wichtig: die eins) als DOCTYPE nehmen, (siehe SELFHTML) da bei HTML 4.0 einige Attribute vergessen wurden, die der Validator aufgrund von HTML 4.0 bemängelt. Bei einem DOCTYPE vom Type HTML 4.01 treten diese Fehler nicht mehr auf - jedoch ist zu beachten, dass <iframe> einmal geschlossen werden muss: <iframe ...>Alternativtext</iframe> und zum anderen gibt es beim <iframe> kein border-Attribut, ein style="border:none;" dürfte den gleichen Effekt haben.
Bei der CSS-Datei: In Klassennamen sind keine Unterstriche erlaubt, (der CSS-Validator liefert einige Fehlermeldungen, bei denen man nicht sofort daraufkommt) lasse sie einfach weg.
Positiv: Die meisten Unterseiten wären gültiges HTML 4.01 Transitional wenn Du die DOCTYPE und die Zeichenkodierung angeben würdest. Bei den Seiten, bei denen das nicht funktioniert, sind nur einige kleinere Fehler drinnen, die nicht sehr gravierend sind. (schnell zu beheben)
Ach ja, ich würde - entgegen Chräckers Vorschlag - PNG statt GIF nehmen, ein PNG (das ich vom JPEG erzeugt hatte) hatte nämlich in meinen Tests die Größe 23 KB, (statt 30 KB) wenn Du auf die Originaldatei zurückgreifst wird es warscheinlich noch kleiner. (immer mit 16 Farben und maximaler Komprimierung versteht sich)
leider habe ich nicht die möglichkeit die seite unter anderen betriebssystemem zu testen.
Unter Debian GNU/Linux testing funktioniert das ganze prima im Opera 6.11 und im Mozilla 1.2.1, der Konqueror 3.1 setzt jedoch die ganzen Menüpunkte ganz nach oben hin - er interpretiert anscheinend aus irgendeinem Grund das margin-top der Tabelle nicht. (was er aber eigentlich kann)
und browser hab ich nur opera6 und ie
Für Microsoft Windows (nehme ich an wegen IE) gibt es sowohl Mozilla als auch Opera 7 als auch Netscape 4 zum Download, um jetzt mal die bekanntesten zu nennen.
Christian
Validator: http://validator.w3.org/ - zum Überprüfen auf die syntaktische Richtigkeit der Seiten
CSS-Validator: http://jigsaw.w3.org/css-validator/validator-uri.html - zum Überprüfen auf die syntaktische Richtigkeit von eingebundenen CSS-Dateien
Ich bitte darum, dass ein Themenbereich (BARRIEREFREIHEIT) eingerichtet wird.