• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Meine Website

molex

molex

Neues Mitglied
Hallo zusammen

Ich möchte euch gerne meine Hompage vorstellen:

Startseite - asperger-forum

Die Hauptpage ist von mir in Dreamweaver erstellt.

Laut W3C ist die Page Fehlerfrei von XHTML und CSS Fehler. Aber man weiss ja nie :D

Freue mich auf euer Feedback.

Gruss

molex

P.S. Gebt mal eine URL falsch ein: z.B. /asdf ;)
 
Zuletzt bearbeitet:
Eine valide Homepage ist eine Grundlage auf der man arbeiten kann.

Was mir zu erst im Code auffällt:

Code: 
[FONT=monospace]
[/FONT]<div id="kopf"></div>[FONT=monospace]
[/FONT]
Du bindest deine Header als background-image anscheinend ein. Obwohl es Inhalt enthält. Wenn jemand die Grafiken nicht anzeigen lässt / kann, dann sieht er an dieser Stelle nicht. Hier bietet sich wohl eher eine Überschrift.

Code: 
<h1><img src="deinbheader.jpg" width="" height="" alt="asperge-forum" /></h1>
Ansonsten fällt mir nur auf, wenn man die Seite vergrößert dann wandert die Navigation über den Text drüber und wieso hast du nochmal ein <div> um das <ul>?

Vom Design her recht schlicht,also nichts was jetzt im Gedächnis bleiben könnte und Nutzbar ist die Seite auch recht gut..

Was wichtig ist, das Impressum fehlt. Aber da die Seite mit .ch endet, nehme ich an das du Ösi bist und es im Ösiland andere Impressumsregeln gibt. ;D Sollte man aber aufjendefall noch klären.

Fazit: gute Grundlage..aber noch steigerungsfähig.

Grüßle
Loon3y
 
Loon3y schrieb:
Eine valide Homepage ist eine Grundlage auf der man arbeiten kann.

Was mir zu erst im Code auffällt:

Code: 
[FONT=monospace]
[/FONT]<div id="kopf"></div>[FONT=monospace]
[/FONT]
Du bindest deine Header als background-image anscheinend ein. Obwohl es Inhalt enthält. Wenn jemand die Grafiken nicht anzeigen lässt / kann, dann sieht er an dieser Stelle nicht. Hier bietet sich wohl eher eine Überschrift.

Code: 
<h1><img src="deinbheader.jpg" width="" height="" alt="asperge-forum" /></h1>
Ansonsten fällt mir nur auf, wenn man die Seite vergrößert dann wandert die Navigation über den Text drüber und wieso hast du nochmal ein <div> um das <ul>?

Vom Design her recht schlicht,also nichts was jetzt im Gedächnis bleiben könnte und Nutzbar ist die Seite auch recht gut..

Was wichtig ist, das Impressum fehlt. Aber da die Seite mit .ch endet, nehme ich an das du Ösi bist und es im Ösiland andere Impressumsregeln gibt. ;D Sollte man aber aufjendefall noch klären.

Fazit: gute Grundlage..aber noch steigerungsfähig.

Grüßle
Loon3y
Zum Vergrößern anklicken....

Hallo Loon3y

Vielen Dank für dein Feedback.

Das mit der Überschrift im Header probier ich gleich mal aus :)

EDIT: Startseite - asperger-forum

wieso hast du nochmal ein <div> um das <ul>? Das musst du mir genauer erkären.

In der Schweiz wird ein Impressum auf Websiten nicht benötigt
 
Zuletzt bearbeitet:
Ich habe seinerzeit einfach mal alles in divs aufgeteilt. div container, navi, header, text, footer etc.

Aber die Chance das es einem Benutzer den background im CSS nicht anzeit ist ja ziemlich gering.

Ich kenne diverse Websiten die auf mit background-image arbeiten...
 
molex schrieb:
Ich habe seinerzeit einfach mal alles in divs aufgeteilt. div container, navi, header, text, footer etc.

Aber die Chance das es einem Benutzer den background im CSS nicht anzeit ist ja ziemlich gering.

Ich kenne diverse Websiten die auf mit background-image arbeiten...
Zum Vergrößern anklicken....

Das ist wiedermal ein Diskussionsanfang....Es wurde schon 100x durchgekaut das man im World Wide Web ist und dort jeder von überall her auf deine Website zugreifen kann.

Die Chance ist nicht geringt, dass jemand keine Grafiken anzeigen lässt. Es gibt viele Menschen die Grafiken lästig finden und sie deaktivieren. Und obendrein gibt es Menschen die blind sind oder eine Sehschwäche haben und eventuell sich die Seite vorlesen lassen. Sprich -> Grafiken als Hintergrund -> kein Alternativ-Text zum vorlesen -> Seite ist nutzlos für solche Menschen.

Ich mag keine neue Diskussion anfangen, da es mir leid ist immer das gleiche durchzukauen. Fakt ist einfach, dass die Seite immer 110% nutzbar sein sollte um nicht irgendwen auszugrenzen.

Schade das Diskriminierung nur im "realen" Leben strafbar ist und nicht im Internet.

Gruß
Loon3y

Edit: btw. <div> ist kein "platzhalter" sondern ein Blockelement zum gruppieren von mehreren Elementen. Zeichne deine Inhalte korrekt aus und koche keine <div>-Suppe. Man kann auch mit korrekten auszeichnen sogenannte "Platzhalter machen".
 
Ist ja gut, ich will ja niemand diskriminieren...

Ich ändere den Header mal in ein <img>.

Das mit den divs ist ja nichts dramatisches...

EDIT: Habe die geänderte Page mal auf meinen Test Server geladen: Startseite - asperger-forum
Kommt das so hin?
 
Zuletzt bearbeitet:
Ich ändere den Header mal in ein <img>.
Zum Vergrößern anklicken....
hmpf... :| ...read this again..

Loon3y schrieb:
Du bindest deine Header als background-image anscheinend ein. Obwohl es Inhalt enthält. Wenn jemand die Grafiken nicht anzeigen lässt / kann, dann sieht er an dieser Stelle nicht. Hier bietet sich wohl eher eine Überschrift.

Code: 
<h1><img src="deinbheader.jpg" width="" height="" alt="asperge-forum" /></h1>
Zum Vergrößern anklicken....


Anbei...meine Aussagen sollte nicht provokant oder sonstiges klingen, nur darauf hinweißen das man nicht so einfach jemanden ausgrenzen sollte / kann. Ist eben das WWW :-)

Gruß
Loon3y
 
Das habe ich am Anfang gemacht mir dem h1.

Jedoch gibts mir dann einen Abstand zwischen der Navi und dem Header:

siehe Bild
 

Anhänge

  • bild.jpg
    bild.jpg
    44,1 KB · Aufrufe: 4
Hm, ok :oops:

Nun, wenn ich da das H1 rausnehme klappt es auch. Nur werden natürlich alle anderen H1 im Text auch auf bottom 0 gesetzt...

Muss es h1 sein oder kann ich auch ein h5 nehmen, das ich sonst nirgends verwende?

Vielen Dank
 
molex schrieb:
Muss es h1 sein oder kann ich auch ein h5 nehmen, das ich sonst nirgends verwende?
Zum Vergrößern anklicken....

Die Überschriften sollten schon ihrer Reihenfolge nach genommen werden.

<h1> ist die Überschrift 1. Grades. D.h. die 1. Überschrift auf deiner Seite
<h2> ist die Überschrift 2. Grades. D.h. die Überschrift, welche nach der 1. Überschrift auf deiner Seite.

...

<h5> Wäre demnach die Überschrift 5. Grades welche nach der 4. , 3. , 2. und 1. Überschrift kommt.
 
Das weiss ich schon, nur ist das Problem, wenn ich dem Bild <h1> gebe und den bottom auf 0 setzte, das überall auf der Seite wo ich auch die Überschrift 1 verwende der Boden auch auf 0 ist...

Lösen könnte ich es durch <h1 style="margin-bottom:0;;">asdfasdf</h1> nur ist ja nicht wirklich ne sauberle lösung, da ich das dann auf allen Seiten eintragen muss...
 
Zuletzt bearbeitet:
molex schrieb:
Das weiss ich schon, nur ist das Problem, wenn ich dem Bild <h1> gebe und den bottom auf 0 setzte, das überall auf der Seite wo ich auch die Überschrift 1 verwende der Boden auch auf 0 ist...

Lösen könnte ich es durch <h1 style="margin-bottom:0;;">asdfasdf</h1> nur ist ja nicht wirklich ne sauberle lösung, da ich das dann auf allen Seiten eintragen muss...
Zum Vergrößern anklicken....

Meine erste Frage wäre:

Wieso nochmal <h1> auf der Seite verwenden? hast du wohl 2 Überschriften 1. Grades? In einem Aufsatz gibt es doch auch nur eine Überschrift, welche das Thema beinhaltet.

Alternativ geht natürlich auch...

html:
Code: 
<h1 id="head"><img src="#" width="" height="" alt=""></h1>
<ul>
 ...
</ul>

<h1>Willkommen hier und da...</h1>
<p> text </p>
css:

Code: 
h1,h2,h3,h4,h5,h6 { margin-bottom: 1em; padding: ..... ;}

h1#head { margin:0em; padding:0em; }
müsste eigentlich gehen...oder wenn..

html:
Code: 
<h1><img src="#" width="" height="" alt=""></h1>
<ul>
 ...
</ul>

<div id="main">
<h1>Willkommen hier und da...</h1>
<p> text </p>
</div>
css:
Code: 
#main h1 { margin-bottom: 1em; }
oder oder oder......
 
molex schrieb:
Das weiss ich schon, nur ist das Problem, wenn ich dem Bild <h1> gebe und den bottom auf 0 setzte, das überall auf der Seite wo ich auch die Überschrift 1 verwende der Boden auch auf 0 ist...
Zum Vergrößern anklicken....
1. Bei der Auszeichnung mit HTML ist es irrelevant, wie etwas in Deinem Browser angezeigt wird. Das ist nicht der Sinn von HTML. Man wählt ein <h1> wenn man eine Überschrift 1. Ordnung auszeichnen will. Ein <h5> wählt man, wenn man eine Überschrift 5. Ordnung benötigt, aber dazu müssen mindestens 4 andere Überschriften (1., 2., 3. und 4. Ordnung) vorhanden sein (wie Loon3y schon sagte), sonst ist das sinnfrei.
Wenn Du irgendwo einen ungewollten Abstand hast, ist es sinnfrei, deswegen das <h1> zu entfernen. Das <h1> ist ja nicht da drin, um den Text in einer bestimmten Größe auszugeben, oder einen Abstand zu machen (oder eben nicht zu machen), sondern es ist dazu da, eine Überschrift 1. Ordnung auszuzeichnen.

HTML ist nur dafür da, den Inhalt logisch auszuzeichnen (ihm eine Bedeutung zu geben). Wie das im Browser aussieht, dafür ist HTML nicht da. Dafür gibt es CSS. Auch Dein Browser macht das immer mit CSS, auch wenn Du nichts angibst. Wenn Du einen Abstand hast, wo keiner sein soll, dann machst Du ihn mit CSS weg.

Das ist wichtig, dass man HTML und CSS immer voneinander trennt. Wenn Du HTML-Tags verteilst, kommt es nicht darauf an, wie die im Browser aussehen, sondern nur, was sie bedeuten, und ob diese dann Deinen Inhalt so beschreiben, wie Du es gedacht hast. Das nennt sich "Semantik".
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben