Design und Code bewerten (EDITOR)

[Memphis291]

der IE6 ist mit html und css nicht in der lage ein solches menü darzustellen!
man muss mit flash, javascript o.ä. nachhelfen!
die csshover.htc datei basiert auch auf javascript! ist javascript deaktiviert funktioniert dies nicht mehr!

Ich bin da jetzt mal etwas störrisch und bleibe dabei, wenn ich sage, das IE6 user jetzt einfach mal selber Schuld sind. Verpassen werde ich als Webmaster unserer Site nichts, denn unsere Zielgruppe weiss um die Schwäche dieses veralteten und schlechten Browsers.

Und ich denke mal das Flash und Java script dort eine größere Barriere darstellen. Denn solche Misstände (abgeschaltet und kein Flash Player) finden sich häufiger in aktuellen Browsern.

 

[FoXMorayn]

5% meiner besucher kommen mit dem standart browser von xp, dem IE6.
knapp 2% kommen ohne flash und javascript mess ich erst garnicht.
man muss sich nicht zwischen javascript und barrierefreiheit entscheiden, da hat hier jemand ein gerücht gestreut...

das problem kannst du aber auch völlig umgehen, wenn du eine sitemap einbaust, die von jedem browser aus erreichbar ist.

 

[sysop]

wobei dein menü, so wie es ist, auch nur mit html und css machbar wäre, also weder flash noch js zum einsatz kommen müsste.

 

[Memphis291]

wobei dein menü, so wie es ist, auch nur mit html und css machbar wäre, also weder flash noch js zum einsatz kommen müsste.

Haha...reingefallen...es ist NUR HTML und CSS...kein Flash mehr...kann aber sein, das Du noch eine der alten Flash Menus erwischt hast, obwohl man die kaum noch voneinander unterscheiden kann.

 

[Efchen]

Weil ich für headlines und text verschiedene Formatierungen habe.

Deswegen muss man nicht alles mit Klassen auszeichnen. Es reicht oft schon, wenn ein umschließendes Tag eine Klasse bekommt, dann kannst Du z.B. sowas machen:

#Content p {
  ...
}
#Sidebar p {
  ...
}

So kannst Du dann alle <p> innerhalb eines Elements mit der ID "Content" anders definieren, als alle <p> innerhalb eines Elements mit der ID "Sidebar". Und das, ohne jedem <p> eine Klasse zu geben. Das ist unübersichtlich, macht Dir unnötige Arbeit und erhöht die Ladezeit.

Ja nicht ganz, ich nutze br in dieser Form <br />. Das sagt aus, das es sich dabei um einen inhaltsleeren Tag handel.

Syntaktisch richtig für XHTML ist das schon, aber ich habe das aus Gründen der Semantik empfohlen, das zu entfernen. Ein Zeilenumbruch zwischen zwei Textabsätzen macht keinen Sinn.

hmmmm...wenn ich innerhalb der Formatierung auch die Ausrichtung vornehmen kann?

Die Semantik ist unabhängig vom Aussehen eines Tags. Aus Sicht der Semantik handelt es sich beim Footer mindestens um Text. Also ist <p> besser als <div>. Beides sind Block-Elemente, verhalten sich also genau gleich. Wie Du das dann mit CSS formatierst, ist für die Semantik irrelevant.

Wichtig ist, zu verstehen, dass man mit CSS jedes Element irgendwie formatieren kann. Um etwas zu zentrieren oder zu positionieren, muss man ein Element nicht nochmal in ein anderes Element packen, das ist wie wenn Du Deine Geschenke zweimal einwickelst.
Es gibt lediglich einen Unterschied zwischen Inline- und BLock-Elementen, den man kennen sollte. Nicht alle Eigenschaften machen bei allen Elementen Sinn, width/height ist z.B. bei Inline-Elementen nicht erlaubt.

 

[FoXMorayn]

width/height ist z.B. bei Inline-Elementen nicht erlaubt.

falsch

unterschied zwischen display:inline und block ist, dass blockelemente nicht in inline elemente geschrieben werden und und blockelemente im gegensatz zu inline elementen einen neuen absatz erzeugen.

 

[Loon3y]

falsch

unterschied zwischen display:inline und block ist, dass blockelemente nicht in inline elemente geschrieben werden und und blockelemente im gegensatz zu inline elementen einen neuen absatz erzeugen.

falsch und richtig.

inline-elemente ergzeugen eine neue Zeile, wenn der Platz nicht ausreicht. Zudem für "ersetzende Elemente" (img, input, textarea) kann man widht und height angeben. Für Elemente wie <span> oder z.B. <em> ist ein width/height sinnlos, da dort nichts passiert.

Und...Block-Elemente können nichtnur Inline-Elemente, sondern auch weitere Block-elemente enthalten. ;)

 

[FoXMorayn]

das ist richtig

 

[Memphis291]

So, zum Abschluss noch mal die kurze Info, das die neue Seite seit gestern online ist und in der Com sehr positive Resonanz bekommen hat. Danke nochmal für Euer Geleit und bis demnächst. Ihr könnt ja nochmal kurz was dazu sagen, wie Ihr die jetzt findet (obwohl sie Quelltextbasierend immer noch Fehler hat)...

www.virtual-falcons.com

 

[Efchen]

(obwohl sie Quelltextbasierend immer noch Fehler hat).

Schwerwiegende Fehler. Da sind bereits auf der Startseite Tabellenzellen ohne Tabelle drin.

Wenn Du willst, dass eine Website bei jedem funktioniert, und so weit wie möglich gleich aussieht, dann ist es absolut notwendig, dass Du die Fehler behebst, bereits auf der Einstiegsseite 52 an der Zahl!

Die Semantik ist ja auch noch nicht so dolle...wieder ein Minus in Sachen Nutzbarkeit und Barrierefreiheit.

 

[Loon3y]

Was ich nciht akzeptabel finde ist die Introseite. Wieso nicht gleich auf die Startseite und dann rechts oberhalb des Headers oder irgendwo anders eine Sprachauswahl? So dass man Standardmäßig die Seite in Deutsch sieht und aber jederzeit in Englisch wechseln kann.

Deinen Header hast du immer noch nicht als Header ausgezeichnet.

 <div id="header">


  <img src="../../contents/images/banner.jpg" alt="header">
 </div>

1. Ein <div> ist zum gruppieren mehrer Elemente, ich sehe aber nur eins.
2. Der Inhalt des Bildest ist also "header". Aha...nicht etwas Flieger und das was dort steht?
3. Ist das nicht die Überschrift der Seite und somit die 1. Überschrift (<h1>..</h1>) ?
4. Es ist zu empfehlen die html-angaben "width" und "height" mit anzugeben um ruckartiges Laden des Contents zu verhindern.

Weiter hab ich nicht geschaut...behebe erstmal das mit der Introseite und Header...das ist schon einiges an Arbeit..

Gruß und ein "nicht aufgeben!"
Loon3y

 

[Memphis291]

Was ich nciht akzeptabel finde ist die Introseite. Wieso nicht gleich auf die Startseite und dann rechts oberhalb des Headers oder irgendwo anders eine Sprachauswahl? So dass man Standardmäßig die Seite in Deutsch sieht und aber jederzeit in Englisch wechseln kann.

Ich kann immer nicht verstehen, warum die eigene Meinung als Standart definiert wird? Nur weil Du es nicht magst oder nicht akzeptabel findest, heisst es nicht, das es nicht in ordnung ist.

Der eigentliche Grund alletrdings ist, das ich demokratisch entschieden habe eine Introseite einzufügen, denn das wurde vom Team so ausdrücklich gewünscht. Die letzte Prereleaseversion hatte tasächlich keine Introseite und zwei kleine Fähnchen mit deutsch und englisch auf der jeweiligen Startseite...



Deinen Header hast du immer noch nicht als Header ausgezeichnet.

<div id="header">


<img src="../../contents/images/banner.jpg" alt="header">
</div>



1. Ein <div> ist zum gruppieren mehrer Elemente, ich sehe aber nur eins.
2. Der Inhalt des Bildest ist also "header". Aha...nicht etwas Flieger und das was dort steht?

naja, bei näherem betrachtet hast Du recht, das liegt aber daran, das ich noch wenig Erfahrung mit CSS habe. Aber Effchen hat ja auch schon so ein zwei Dinge angemahnt (in seiner unverkennbaren Art und Weise ;-).

Das nehme ich mir mal für die Zukunft vor und ändere das mal...denn header ist tatsächlich nicht in meiner CSS Datei definiert...wie denn auch...ist ja auch kein text...:roll:...

3. Ist das nicht die Überschrift der Seite und somit die 1. Überschrift (<h1>..</h1>) ?

Wenn man es streng genau nimmt schon, ich hatte es in der Alphaversion auch so definiert, da hat es mir aber den gesamten Kopfbereich der Seite zerrissen, daher habe ich mich dazu entschieden diese kleine regel bewusst zu umgehen....

4. Es ist zu empfehlen die html-angaben "width" und "height" mit anzugeben um ruckartiges Laden des Contents zu verhindern.

Habe ich bisher nicht erlebt. Andereseits habe ich auch hier im Forum mal die Aussage gelesen:

Grafiken werden nichtz mit width und height sondern mit einem Grafikprogram verkleinert/vergrössert.

Was soll man denn nun machen? Daher bleibe ich dabei!!

 

[Efchen]

Ich kann immer nicht verstehen, warum die eigene Meinung als Standart definiert wird? Nur weil Du es nicht magst oder nicht akzeptabel findest, heisst es nicht, das es nicht in ordnung ist.

Das ist sicher richtig. Aber zum einen bist Du ja hier, um Meinungen zu hören, und es ist Dir ja freigestellt, auf dese Meinungen zu reagieren oder eben nicht.
Und zum anderen sind Introseiten wirklich verpönt. Sie haben meist keinen Inhalt, der mir irgendwas bringt, ich muss einmal mehr klicken, oftmals nerven sie mit Flash-Intros, die man teilweise nicht überspringen kann oder sie dröhnen einen mit Musik zu.
Die vorgeschlagene Lösung von Loon3y ist definitiv angenehmer, aber wenn mich Deine Site interessieren würde, würde ich sie wegen dieser Introseite nicht gleich wieder verlassen. Wenn Du Dir aber die ausgewählte Sprache in einem Cookie merkst, und beim nächsten Besuch automatisch weiterleitest, das fände ich wäre ein angenehmer Kompromiss, eine Verbesserung.

Der eigentliche Grund alletrdings ist, das ich demokratisch entschieden habe

Der ist gut :-D
ICH habe DEMOKRATISCH entschieden ;-)

Aber Effchen hat ja auch schon so ein zwei Dinge angemahnt (in seiner unverkennbaren Art und Weise ;-).

Nennt sich "Offenheit" und "Ehrlichkeit".
Es bringt Dir ja nichts, wenn ich Dich anlüge, um Dein Ego zu schonen, Du willst ja wissen, was nicht in Ordnung ist :-)

Habe ich bisher nicht erlebt. Andereseits habe ich auch hier im Forum mal die Aussage gelesen: Grafiken werden nichtz mit width und height sondern mit einem Grafikprogram verkleinert/vergrössert.

Das ist ja auch richtig so, aber Loon3y hat davon gar nicht gesprochen. Du sollst ja Deine Bilder nicht skalieren, sondern im HTML-Attribut die aktuelle Größe mitgeben, damit beim Aufbau der Seite sofort die richtige Größe für das Image reserviert wird. Kennst Du den Effekt nicht, wenn der Platz nicht reserviert wird, dass dann der Seitenaufbau "ruckelt" oder "springt", wenn das Image erst später geladen wird?

 

[Loon3y]

Efchen hat ja schon alles soweit gesagt.

Bzgl des Standards der aus einer eigenen Meinung kommt kann ich nur folgendes zitieren:

Introseite

Introseiten hindern die Websitebesucher daran, zu den Informationen zu gelangen, für welche Sie die Website besuchen. Sie vermitteln im Weiteren den Eindruck, dass der Websitebetreiber mehr Gewicht auf ein gutes Design legt als darauf, seinem Kunden, dem Websitebesucher, Informationen oder Problemlösungen anzubieten. Eine Website muss vom ersten Augenblick an kommunizieren, worum es sich handelt und was einen Besucher erwartet. Gleichzeitig muss die Website die unter Umständen knapp bemessene Zeit des Webbesuchers respektieren. Zu beachten bleibt im Weiteren, dass ein Websitebesucher durchschnittlich nur 2 Minuten Zeit auf einer Website verbringt, bevor er sie wieder verlässt.

Eine Introseite zur Sprach- oder Regionalwahl ist aufgrund der Möglichkeit dies automatisch zu erkennen unnötig.
Ebenfalls nicht empfohlen sind zwar vom Benutzer häufig nicht bemerkte, aber bezüglich Suchmaschinen und Zugänglichkeit stark störende Javascript-Intros zwecks Weiterleitung und Konfiguration der Website. Dafür stehen heute bessere Alternativen server-seitig zur Verfügung.

Bitte beachten Sie, dass Sie die Introseite je nach Spracheinstellungen des Browsers, IP-Adresse und anderen benutzerabhängigen Kriterien selbst nicht sehen. Für gewisse andere Benutzer und insbesondere Suchmaschinen resp. Spiders/Bots ist diese jedoch vorhanden.

Quelle:
"Prioritizing Web Usability" von Jakob Nielsen/Hoa Loranger

Weiterführende Informationen:
Checkliste: 4 Gründe warum wir Kunden von Intro-Seiten abraten
Usability: Vorschaltseiten (splash pages) ? Stefan Nitzsche/Publikationen

Quelle: Qualidator - website quality validation & monitoring - Tools

Das nehme ich mir mal für die Zukunft vor und ändere das mal...denn header ist tatsächlich nicht in meiner CSS Datei definiert...wie denn auch...ist ja auch kein text...:roll:...

Im CSS definiert man nur Styleangaben. Im HTML zeichnet man den Inhalt aus und gibt ihm Bedeutung. Wenn du für deinen Header / Banner die Überschrift 1. Grades nimmst, also <h1>...</h1>, dann ist es egal was du im CSS da für Angaben reinfummelst, selbst wenn du schriftgröße auf 0.00001px stellst, es wird immer die allererste oberste Überschrift sein.



Gruß
Loon3y