Eure Webseiten #4

**mitaki** · 17.12.2006 20:48

Zitat

Behoben, obgleich der W3C Validator mir keinen Fehler angezeigt hat.

Der W3C Validator ist zu vielem nicht in der Lage. Bei HTML eignet sich zur besseren Kontrolle Validome. bei XHTML und allgemein XML-Dokumenten ist Schneegans' Schema Validator hilfreich.

Zitat

Kann ich auch leider nicht ändern, weil der IE sonst die Transparenz nicht darstellt.

Die alte ••••••••?^^ Ok, aber dennoch. Das <form> Element ist z.B. schon ein Blockelement, in Opera hat es sogar Außenränder. Das müsste doch nicht nochmal extra mit einem <div> umschlossen werden, oder?

Fehlen tut mir außerdem ein Absenden-Button für die Suche. Wie soll ich da mit Lynx suchen?^^

Mehrere Styles hast du serverseitig gelöst. Ich würde mich z.B. auch über Klientseitige Auswahl freuen (Stichwort Alternative Stilangaben).

Zum Design möchte ich noch sagen, dass die Farbwahlen recht gut harmonieren^^

**NPC Fighter** · 17.12.2006 21:03

Zitat von mitaki

Der W3C Validator ist zu vielem nicht in der Lage. Bei HTML eignet sich zur besseren Kontrolle Validome. bei XHTML und allgemein XML-Dokumenten ist Schneegans' Schema Validator hilfreich.

Ah, danke. Zeigen jetzt alle valid an.

Zitat von mitaki

Die alte ••••••••?^^ Ok, aber dennoch. Das <form> Element ist z.B. schon ein Blockelement, in Opera hat es sogar Außenränder. Das müsste doch nicht nochmal extra mit einem <div> umschlossen werden, oder?

K, werd ich morgen noch etwas bearbeiten.

Zitat von mitaki

Fehlen tut mir außerdem ein Absenden-Button für die Suche. Wie soll ich da mit Lynx suchen?^^

Stimmt auch wieder. Hab einen hinzugefügt, der per CSS nicht angezeigt wird.

Zitat von mitaki

Zum Design möchte ich noch sagen, dass die Farbwahlen recht gut harmonieren^^

Danke.

**underdark** · 18.12.2006 11:00

@NPC Fighter: Sehr schön, aber wie du schon selbst gesagt hast: Der Style-Switcher wirkt wirklich verloren, da sollte es eine bessere Lösung geben.

Hätt gern eure Meinung zu meiner HP:
http://www.underdark.at.tf

PS: Woher bekomm ich eine billige .at Adresse? Thx

**drunken monkey** · 18.12.2006 11:56

@ NPC: Sieht super aus, ich wünschte, ich könnte solche Designs entwerfen! o_O' Und im Gegensatz zur vorherrschenden Meinung gefällt mir auch der Styleswitcher. ^^'
Nicht sehr hilfreiche Kritik vielleicht, aber was soll ich machen?

Zitat von underdark

Hätt gern eure Meinung zu meiner HP: http://www.underdark.at.tf

Sieht auch toll aus.

Langsam werde ich neidisch...

Zitat

PS: Woher bekomm ich eine billige .at Adresse? Thx

Keine Ahnung. ._.'

**drunken monkey** · 19.12.2006 14:33

Yeah, auf zum Doppelpost! \o/

Ich habe endlich mal wieder meine Homepage überholt, ob das jetzt designmäßig wirklich eine Verbesserung ist ist mir allerdings noch nicht wirklich klar. <__< Auf jeden Fall ist's nicht mehr so bunt, dafür sieht die Navi immerhin nicht mehr so klobig aus.

Also bewerten/kritisieren bitte, Content folgt dann später mal.

**underdark** · 19.12.2006 16:44

@drunken monkey: Hm, einige Sachen fallen mir negativ auf. Du hast fuer den grauen Bereich abgerundete Ecken und fuer den Rest "eckige" ...

Den Konstrast zwischen den verschiedenen Grautoenen find ich zu gering. Sonst ist es vielleicht ein bisschen langweilig ... wie waers mit einem Bild im Header?
Weiss nicht, was du gegen die Navigation hast. Die find ich gar nicht mal uebel.
Ach ja, noch was: Ueberschriften in Webseiten sollten nicht unterstrichen werden, weil sie sonst wie Links aussehen.

**Antares** · 19.12.2006 20:48

Ta-dam

Ich weiß - noch ist nicht sonderlich viel Inhalt angebracht, allerdings wollte ich in erster Linie nur mal die Meinungen über das Design einhören.

**drunken monkey** · 20.12.2006 12:01

Zitat von Antares

Ta-dam

Warum nur? WARUM?

Übersetzung: sieht super aus, nur das sollte sich noch etwas verbessern lassen. <__<'

**Antares** · 20.12.2006 17:21

Zitat von drunken monkey

Warum nur? WARUM?

Übersetzung: sieht super aus, nur das sollte sich noch etwas verbessern lassen. <__<'

Hm, ja ich weiß..
Validierung war noch nie meine Stärke.
Wenn ich die ganzen ALTs mal ausfüllen würde, hätte ich sicherlich nur noch die Hälfte an Fehlern

**mitaki** · 20.12.2006 18:54

Schau, das Problem liegt schon etwas tiefer als Validierung.

Ganz oben fehlt einmal die Angabe zum Dokumententyp. Ich verstehe nicht, wie man sagen kann „Optimiert für Mozilla Firefox“ (was ohnehin schon paradox ist), aber so eine wichtige Angabe nicht einfügt.

Spontan wüsste ich nicht, welches HTML ich da anwenden soll. Die Metaangaben (um die sich nebenbei kein Schwein schert) enden ohne kennzeichnung als Leeres Element, Bilder dagegen schon.
Das verwirrt auch Firefox, was ihn in diesem zusammenhang nicht besser macht als IE 5.5 (dem IE Quirksmode).

In drei Tagen schreibe ich den nächsten Teil meiner Strict-Serie, wo ich nochmals darauf eingehe, warum Alternativtexte so wichtig sind.

In <head>Bereich hast du zwei große Skripte, die noch dazu obszön eingerückt sind. Auslagern ist hier angesagt. Spart Traffic und macht Besucher froh.

HTML-Code:

<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0">

Raus damit, so alte Browser gibts nicht mehr.

Du hast viele Stilangaben direkt in den Elementen verschachtelt, außerdem haben viele Bidler das border-Attribut. Weg damit! CSS wird ausgelagert und muss nur einmal definiert werden.

Marquee? Warum Animationen schlecht sind. Warum Animationen verboten werden sollten.

Ist dir nicht bekannt, dass es neben <div> auch andere Elemente gibt? Vor allem für die Navigation bietet sich doch eine Liste ideal an!

Du kannst dabei auch sparendere Konstrukte erstellen:

HTML-Code:

<!--Statt-->
<div>
<a class="navigation" href="xyz">Link</a>
<a class="navigation" href="xyz">Link</a>
<a class="navigation" href="xyz">Link</a>
<a class="navigation" href="xyz">Link</a>
</div>
<!-- Besser: -->
<ul class="navigation">
 <li><a href="xyz">Link</a></li>
 <li><a href="xyz">Link</a></li>
 <li><a href="xyz">Link</a></li>
 <li><a href="xyz">Link</a></li>
</ul>

Überschriften und Absätze sind dir wohl nicht bekannt.

HTML-Code:

<span style="color: red;">N</span>ews

Wenn du eh schon für Mozilla optimierst, dann mach die Backslashes mit generiertem Inhalt und den Buchstaben mit :first-letter.

Ich empfehle dir zu lernen. Michael Jendryschik hat da nämlich eine wunderbare Einführung in XHTML, CSS und Webdesign geschrieben. Sehr lesenswert.

Hoffnung zu haben ist wirklich eine Herausforderung.

**Antares** · 20.12.2006 19:32

Zitat von mitaki

Schau, das Problem liegt schon etwas tiefer als Validierung.

Ganz oben fehlt einmal die Angabe zum Dokumententyp. Ich verstehe nicht, wie man sagen kann „Optimiert für Mozilla Firefox“ (was ohnehin schon paradox ist), aber so eine wichtige Angabe nicht einfügt.

Gut, Doctype eingefügt.
"Optimiert für Mozilla Firefox" bedeutet soviel, dass ich zu Anfangs die Seite nur mit MF betrachtet habe und letztenendes gibt es mit diesem besagten Browser keine Designfehler.

Zitat von mitaki

Spontan wüsste ich nicht, welches HTML ich da anwenden soll. Die Metaangaben [...] enden ohne kennzeichnung als Leeres Element, Bilder dagegen schon.
Das verwirrt auch Firefox, was ihn in diesem zusammenhang nicht besser macht als IE 5.5 (dem IE Quirksmode).

Geändert.

Zitat von mitaki

(um die sich nebenbei kein Schwein schert)

Sollte das eine Beleidigung sein, oder willst du mir nur damit sagen, dass ich sie theoretisch auch weglassen kann?

Zitat von mitaki

In drei Tagen schreibe ich den nächsten Teil meiner Strict-Serie, wo ich nochmals darauf eingehe, warum Alternativtexte so wichtig sind.

Freut mich.

Zitat von mitaki

In <head>Bereich hast du zwei große Skripte, die noch dazu obszön eingerückt sind. Auslagern ist hier angesagt. Spart Traffic und macht Besucher froh.

Auslagern?

Zitat von mitaki

HTML-Code:

<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0">

Raus damit, so alte Browser gibts nicht mehr.

Erledigt.

Zitat von mitaki

Du hast viele Stilangaben direkt in den Elementen verschachtelt, außerdem haben viele Bidler das border-Attribut. Weg damit! CSS wird ausgelagert und muss nur einmal definiert werden.

Der CSS Part ist sowieso noch nicht fertig, bzw. wird noch optimiert.
Wobei ich mich darum bemühen werde, einige Stilangaben direkt in den Stylesheet zu schreiben.

Zitat von mitaki

Marquee? Warum Animationen schlecht sind. Warum Animationen verboten werden sollten.

Jedem das Seine.
Hat rein gar nichts mit Validierung oder ähnlichem zutun...

Zitat von mitaki

Ist dir nicht bekannt, dass es neben <div> auch andere Elemente gibt?

Selbstverständlich doch. Allerdings benutze ich div aus Erfahrung am meisten, und wohl auch zu oft. Aber solange ich im Code zurechtkomme interessierts doch keinen.

Zitat von mitaki

Vor allem für die Navigation bietet sich doch eine Liste ideal an!

Du kannst dabei auch sparendere Konstrukte erstellen:

HTML-Code:

<!--Statt-->
<div>
<a class="navigation" href="xyz">Link</a>
<a class="navigation" href="xyz">Link</a>
<a class="navigation" href="xyz">Link</a>
<a class="navigation" href="xyz">Link</a>
</div>
<!-- Besser: -->
<ul class="navigation">
 <li><a href="xyz">Link</a></li>
 <li><a href="xyz">Link</a></li>
 <li><a href="xyz">Link</a></li>
 <li><a href="xyz">Link</a></li>
</ul>

Werd ich warscheinlich alles noch ändern. Deine Idee ist gut.

Zitat von mitaki

Überschriften und Absätze sind dir wohl nicht bekannt.

Kann man das essen?

Zitat von mitaki

Wenn du eh schon für Mozilla optimierst, [...]

Jetzt reite nicht ständig auf diesem Wort herrum >_>

Zitat von mitaki

Ich empfehle dir zu lernen. Michael Jendryschik hat da nämlich eine wunderbare Einführung in XHTML, CSS und Webdesign geschrieben. Sehr lesenswert.

Danke für die Kritik, ich werde sehen, was sich noch alles ändern lässt.
Am besten gehe ich gleich bei dir in die Lehre.

Zitat von mitaki

Hoffnung zu haben ist wirklich eine Herausforderung.

Das ignoriere ich jetzt mal bewusst

**mitaki** · 20.12.2006 19:56

Zitat

Sollte das eine Beleidigung sein, oder willst du mir nur damit sagen, dass ich sie theoretisch auch weglassen kann?

Letzteres. Sprachangabe im <html lang="de"> bzw. <html xml:lang="de">.

Es gibt nur 2-4 wichtige Metaangaben, diese immer:

HTML-Code:

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

Die beiden, wenn du Inlinescripte/Stile verwendest

HTML-Code:

<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />

Die ist die einzige für SuMas noch relevante, alle andern wurden zu sehr missbraucht.

HTML-Code:

<meta name="description" content="beschreibung" />

Zitat

Auslagern?

Im <head>

HTML-Code:

<script type="text/javascript" src="pfad/zu/*.js"></script>

language-Attribut-browser gibt auch nimmer

Zitat

Jedem das Seine.
Hat rein gar nichts mit Validierung oder ähnlichem zutun...

Doch. Marquee validiert nicht

Zitat

Selbstverständlich doch. Allerdings benutze ich div aus Erfahrung am meisten, und wohl auch zu oft. Aber solange ich im Code zurechtkomme interessierts doch keinen.

Sieh dir deine Seite mit Lynx an

Zitat

Kann man das essen?

Gute Frage, aber ich höre, es schmeckt gut

Zitat

Am besten gehe ich gleich bei dir in die Lehre.

Schlechte Idee. Die, die es können tun es. Die die es nicht können, lehren es. Ich tu es meistens, von daher

Thema: Eure Webseiten #4

Themen-Optionen

Anzeige

Hybrid-Darstellung

Berechtigungen