Christoph Zurnieden: Hp zum Bewerten

Beitrag lesen

Hi Lupin

Ich finde das Design irgendwie eintönig und aussagslos (vorgefertigt?).

Nein, natürlich nicht.

Also ich find's witzig ;-)

Du verwendest da ein BMP, was für Webseiten wirklich ungeeignet ist.
kann ich das so einfach ohne qualitätsverluste ändern ? wenn ja in was ? jpg ? gif ?

PNG würde ich empfehlen, da selbst bei JPEG schon Patentprobleme auftauchen.
Etwas, das mich immer wieder, entgegen ärztlichem Rat, furchtbar aufregt.
Patente auf mathematische Algorithmen!

Da ich heute ausnahmsweise mal einen guten Tag habe (ist schließlich Wochenende! ;-) habe ich Dir die BMPs mal in PNGs umgewandelt und per Mail zugeschickt.

MD5Sum des Paketes ist
ea671362765c7e0a8b4001b99ed6504d  lupinland-pics.zip

Umgewandelt wurde mit ImageMagick.

for i in  unbenannt* ;do convert -verbose -colors 256 -quality 1004  $i ${i%.bmp}.png ; done

Und links, dieser grüne Stern mit dem Raster daneben, das sieht irgendwie so aus, als ob das die Navigation sein sollte und irritiert.

hihi, das sollte sie auch mal werden, hab mich aber dann umentschieden^^

War zu kompliziert die Felder genau zu treffen, was? ;-)

Würde wahrscheinlich mit einer Imagemap gehen.

Ich will dir deine Page aber nicht schlecht machen, alles in allem ist sie ja durchaus in Ordnung. :)

Auch wenn mir das andere schon vorgeworfen haben: ich auch nicht.
"Schlecht machen" meine ich.

Aber ...

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional //EN">

Hier mußt Du Groß-kleinschreibung beachten. Die korrekte Form wäre:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">

(Die zweite Angabe, der Pfad zur DTD, muß nicht unbedingt. Zumindest streiten sich die Gelehrten ;-)

Hier mal die Ausgabe von Tidy:
(Jetzt nur die Seite mit den Bildern)

HTML Tidy for Linux/x86 (vers 1st May 2002; built on May 28 2002, at 15:16:25)
Parsing "/home/czurnieden/funstuff.shtml"
line 1 column 1 - Warning: SYSTEM, PUBLIC, W3C, DTD, EN must be upper case
line 18 column 1 - Warning: <img> lacks "alt" attribute
line 20 column 1 - Warning: <img> lacks "alt" attribute
line 22 column 1 - Warning: <img> lacks "alt" attribute
line 24 column 1 - Warning: <img> lacks "alt" attribute
line 26 column 1 - Warning: <img> lacks "alt" attribute
line 28 column 1 - Warning: <img> lacks "alt" attribute
line 30 column 1 - Warning: <img> lacks "alt" attribute
line 32 column 1 - Warning: <img> lacks "alt" attribute
line 34 column 1 - Warning: <img> lacks "alt" attribute
line 36 column 1 - Warning: <img> lacks "alt" attribute
line 38 column 1 - Warning: <img> lacks "alt" attribute
line 40 column 1 - Warning: <img> lacks "alt" attribute
line 42 column 1 - Warning: <img> lacks "alt" attribute
line 44 column 1 - Warning: <img> lacks "alt" attribute
line 46 column 1 - Warning: <img> lacks "alt" attribute
line 48 column 1 - Warning: <img> lacks "alt" attribute
line 50 column 1 - Warning: <img> lacks "alt" attribute
line 52 column 1 - Warning: <img> lacks "alt" attribute
line 54 column 1 - Warning: <img> lacks "alt" attribute
line 62 column 1 - Warning: <a> attribute with missing trailing quote mark
line 62 column 1 - Warning: <a> escaping malformed URI reference
line 68 column 1 - Warning: <img> attribute "width" has invalid value "250px"
line 68 column 1 - Warning: <img> lacks "alt" attribute
line 74 column 17 - Warning: <table> lacks "summary" attribute

Der Fehler in Zeile 62 kommt von dieser Zeile:

<a href="http://www.funsprueche.de/onlineflashspiele.htm target="_blank">Flash-Spiele</a>

Da fehlt wirklich ein schließendes Anführungszeichen.

Und die Breitenangabe zum Bild ist normalerweise dimensionslos.

Tidy gibt es auch für Windows und läßt sich IMHO auch in den Phase 5 einbauen.
Ist zwar nicht ganz so gut wie der Online Validator oder ein Xmllint, aber zu 99,9% korrekt und vor allem hilfreich und spart Onlinekosten ;-)

so short

Christoph Zurnieden