KY-Programming - New Design

[ky_fr34k]

Hallo zusammen.

Ich hab mal wieder ein neues Design für meine Homepage entworfen.

Schaut es euch mal an und sagt mir wie es wirkt, wie es aussieht und ob Fehler drin sind (syntaktisch und semantisch).

KY-Programming

Inhalt ist noch keiner drin, kommt aber sobald mein CMS im Hintergrund funktioniert.

Vielen Dank,
Gruß KY

 

[FoXMorayn]

Tipps:

Um die KY-Programming Webseite besser lesen zu können, kann es hilfreich sein, die Schriftgröße an die eigenen Vorlieben anzupassen.
Mozilla Firefox

Ansicht -> Zoom -> Vergrößern oder Tastenkombination "Strg" und "+"
Internet Explorer

Ansicht -> Textgröße oder Tastenkombination "Strg" und "+"

ein absolutes nogo! die seite von von anfang an gut lesbar sein! wer probleme mit den augen hat, wird sich mit dieser funktion schon vorher angefreundet haben.

 

[ky_fr34k]

Hi,

da hab ich andere Erfahrungen gemacht.
Ich arbeite viel mit kompletten Anfängern zusammen, die kennen eben diese Funktion nicht.

Meine Webseite ist so aufgebaut, dass der komplette Text die Größe von 1em hat. Sprich genau die Größe die der Nutzer eingestellt hat.

Wenn du auch mal Navigation oder Sidebar anschaust, wird du sehehn, das auch diese Breiten in em angegeben sind.

Wenn ich jetzt hier nicht falsch informiert bin, dann sollte alles in em mit der Schriftgröße mit wachsen.

Hat sich jemand die Semantik angeschaut? Gerade bei der Sidebar auf der rechten Seite bin ich mir unsicher. Ich hab die mit einer Liste aufgebaut. Wären divs richtiger?

Gruß Ky

 

[Efchen]

Ich arbeite viel mit kompletten Anfängern zusammen, die kennen eben diese Funktion nicht.

Bei jeder Software ist es so, dass man sich erst mit ihr vertraut machen muss. Wenn man sich dann auskennt, kann man alle Features wunderbar nutzen.
Wieso wird im WWW davon ausgegangen, dass sich die Software selber erklärt und warum wird Nutzern, die sich auskennen, die Nutzung der Features ihrer Software durch Anfänger-freundliche und Faulheit-unterstützende Dinge verwehrt?

Meine Webseite ist so aufgebaut, dass der komplette Text die Größe von 1em hat. Sprich genau die Größe die der Nutzer eingestellt hat.

Dann sind alle Voraussetzungen gegeben. Die Schriftgröße ist so, wie sie der Nutzer eingestellt hat. So muss es sein.

Wenn ich jetzt hier nicht falsch informiert bin, dann sollte alles in em mit der Schriftgröße mit wachsen.

Du bist richtig informiert.

Hat sich jemand die Semantik angeschaut? Gerade bei der Sidebar auf der rechten Seite bin ich mir unsicher. Ich hab die mit einer Liste aufgebaut. Wären divs richtiger?

divs sind für Inhalt (Text) nie richtig. divs dienen zum Gruppieren mehrerer Elemente.
Aber in diesem Fall geht es eben nicht um Text, sondern um einzelne Elemente mit unabhängigem Inhalt, die ich sehr wohl mit <div> gruppieren würde. Hier eine Liste finde ich verkehrt, eine Liste vermittelt, dass es sich bei den einzelnen Listenelementen um zusammengehörige, ähnliche Dinge handelt. Außer der Optik haben die Dinger aber nichts gemeinsam und um die Optik gehts bei HTML ja nicht. Also <div>s :-)

Mir ist aufgefallen, dass Du Deine Adresse nicht als Adresse ausgezeichnet hast. Nutze <address>.

 

[FoXMorayn]

so würde jemand deine homepage sehen, der überschriften zum navigieren nutzt:
[H2] KY-CMS Login:
[H2] Tipps:
[H3] Mozilla Firefox
[H3] Internet Explorer
[H2] Kontakt:
[H3] KY-Programming:
[H3] Webmaster:
[H1] Arschloch - Das Spiel
[H2] Spiele mit Freunden übers Netzwerk Karten.

zur naviagtion:
was macht der img tag? wofür ist der span tag?
warum kennzeichnest du die hierachie in der liste nicht durch eine weitere liste für das sub menü?

<li class="subnavi"><a href="#"><span>-</span><img alt="" src="images/">Arschloch</a></li>

beispiel für verschachtelte listen:

<h2>Downloads:</h2>
<h3>1.1: <a href="smileys/smileys11.zip" title="BB-Code und Smiley Script">smiley11.zip</a> 15kb</h3>
<ul>
	<li>Code vereinfacht.</li>
	<li>einfache div_id</li>
	<li>Keine Ausgabe bei keiner Eingabe.</li>
	<li>
		<h3>1.1.1</h3>
		<ul>
			<li>Ausgabe der Smileys wie in 1.0 (for-Schleife).</li>
		</ul>
	</li>
</ul>

 

[ky_fr34k]

ok die liste aus der sidebar mach ich noch raus.

so würde jemand deine homepage sehen, der überschriften zum navigieren nutzt:
[H2] KY-CMS Login:
[H2] Tipps:
[H3] Mozilla Firefox
[H3] Internet Explorer
[H2] Kontakt:
[H3] KY-Programming:
[H3] Webmaster:
[H1] Arschloch - Das Spiel
[H2] Spiele mit Freunden übers Netzwerk Karten.

Ist das jetzt gut oder schlecht?

zur naviagtion:
was macht der img tag? wofür ist der span tag?
warum kennzeichnest du die hierachie in der liste nicht durch eine weitere liste für das sub menü?

Der image-tag ist derzeit noch ein platzhalter da wird später kleine icons geben. warum ich den span tag eingebaut habe weiß ich selber nicht mehr:razz:. Die verschachtelte liste werde ich auch noch einbauen.
war mir da nicht ganz sicher was richtiger ist.

Vielen Dank schon mal.
Gruß KY

 

[FoXMorayn]

ob die outline gut oder schlecht ist musst du selbst entscheiden.
sind alle wichtigen elemente aufgeführt? würdest du dich anhand der überschriften zurrecht finden? sind die für crawler wichten keywords aufgeführt? sind überschriften dabei, die so unwichtig sind, dass sie nicht aufgeführt werden müssen? sind die überschriften aussagekräftig genug?

edit:

Bei jeder Software ist es so, dass man sich erst mit ihr vertraut machen muss. Wenn man sich dann auskennt, kann man alle Features wunderbar nutzen.
Wieso wird im WWW davon ausgegangen, dass sich die Software selber erklärt und warum wird Nutzern, die sich auskennen, die Nutzung der Features ihrer Software durch Anfänger-freundliche und Faulheit-unterstützende Dinge verwehrt?

darum mag der informatiker auch kein mac os, sondern linux :-)