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

Layout und Inhalt

W

WhispR

Mitglied
Hi liebe Leute,
habe seit ein paar Wochen ein neues Projekt am Laufen,
nun bin ich auch der Suche nach Kritik und habe schon einige Vorschläge und Kritik aus anderen Communities erhalten und diese umgesetzt.
Wenn der eine oder andere sich ein paar Minuten zeitnehmen kann, dann wäre ich euch sehr dankbar, denn irgendwann mal soll die Seite "perfekt" werden ;-)


html-einfach.de

Viele Grüße,
Jakob S.

ps: Editor natürlich ;-)
 
Zuletzt bearbeitet:
Werbung:
Werbung:
Ganz ehrlich?

Eine der besten Seiten wo ich hier gesehen habe!

Top! Ich sehe bis auf das schon gesagte nichts was negative Kritik wert wäre. Die Seite hat sicherlich Zukunft, perfekt geplant und umgesetzt.

Das Favicon passt finde ich dazu, die farben sind allgemein schön abgestimmt!
 
In den spätern 60igern als Netztwerk zwischen ein paar Computern entstanden, hat das WWW (World Wide Web), besonders in den letzten zwei Jahrzehnten, unaufhaltsam an Umfang gewonnen.
Zum Vergrößern anklicken....
Das klingt so, als ob es HTML schon seit den 60er Jahren gibt, es wurde aber erst 1989 entwickelt.

Tags wie <b>, <i> und <u> sollten nicht mehr verwendet werden, da sie dem Layout dienen und das ist Aufgabe von CSS.

<strong> heißt nicht, dass der Text dadurch Fett dargestellt wird, sondern dass der Inhalt besonders wichtig ist. Dass er trotzdem Fett dargestellt wird, liegt an den Voreinstellungen der Browser und lässt sich ganz einfach per CSS verändern.

Warum gibst du Beispiele, wie man eine Grafik mit einer Tabelle zusammenbaut, wenn man Tabellen doch nur für tabellarische Daten verwenden soll? Für Grafiken gibt es <img>, eine Tabelle nur mit Grafiken ist unsinnig.

Zu zeigen, wie man Tabellen nicht verwendet ist auch eher kontraproduktiv, erkär lieber, dass HTML nur für die Semantik zuständig ist und jedes Tag eine bestimmte Bedeutung hat. Tags wählt man nicht nach ihrer Optik im Browser, sondern danach, welche Bedeutung man seinem Inhalt geben möchte.

Netter Ansatz, aber noch vieles zu verbessern. Den CSS-Teil hab ich mir noch nicht angesehen, aber auch da gibt es sicher noch einiges zu verbessern.
 
Hi, danke für die Kritik, die Startseite ist nun HTML valide, waren nur ein paar Leichtsinnsfehler, die Unterseiten folgen!

Den Tipp zu der netten Seite hab ich beim Artikel über Favicons hinzugefügt!


@ _Thor_:
Ja, solche Kritik hab ich befürchtet, das Thema CSS kommt zu kurz, und das Erlernen von HTMl sollte meiner Meinung nach auch immer im Zusammenhang mit Stylesheets stehen.
Ich denke ich werde die entsprechenden Tutorials daraufhin erweitern und berichtigen ;-)

danke euch !
 
Werbung:
Hallo,

sehr, sehr angenehme Farben für die Augen, hübsche Gimmicks (zB die leichte Spiegelung an der linken Navi).

Vom Inhalt her hab ich mir das noch nicht wirklich angeschaut. Allerdings finde ich es gut, dass du nicht nur trocken HTMl erklärst sondern auch praktische Beispiele zeigst, wie die Planung eines Layouts und dann die Ausführung (wobei ich allerdings auch der Meinung bin, dass du das Tabellenlayout gar nicht erst erklären solltest sondern am Ende oder Anfang kurz und prägnant erklären solltest, wie man es nicht macht (also mit Tabellen, Frames etc)).

Btw, was hat eigentlich das Chamäleon zu bedeuten? ^^

MfG Icy
 
Hallo.

Mir gefällt die Seite garnicht. Links die Spiegelungen stören mich und die Farben sind viel zu blass und ausgeblichen. Ich kann das ganze schlecht lesen, bzw nicht lange lesen. (Bin Farbenblind sollte man dazu sagen)

Innerhalb, im Contentbereich geht es wieder ganz gut, auch wenn die Schrift schon am unteren Grenzwert von der Größe ist. Kleiner sollte es nicht sein. Überlegenswert wäre, wenn du etwas Luft in die ganze Sache reinbringst. Zeilenhöhe erhöhen und ein bisschen mehr Freiraum von Absatz zu Absatz.

Textlich habe ich garnichts weiter gelesen, aber da sind meine Vorredner schond rauf eingangen.

Code: 
<div class="code">
...
</div>

- Ist nicht gerade Aussagekräftig. Und inline-stylelemente verwenden ist auch nicht optimal gelöst.

Code: 
	<div id="balken_top">

		<a href="/" id="banner" onMouseOver="document.banner.src='/img/banner_hover.jpg';" onMouseOut="document.banner.src='/img/banner2.png';">
		<img src="/img/banner2.png" alt="html einfach" border="0" name="banner">
		</a>
		<img src="/img/echse.png" alt="eidechse" id="echse">			
	</div>

- Das finde ich auch nicht so ganz ok...banner ist ja dann doch eine Überschrift, also <h1>..

- Das Layout platzt auch ein bisschen aus allen Wolken wenn man die Schriftgröße erhöht.

- Rechtschreibfehler deuten auf noch anstehende Korrekturarbeiten hin.

Aufjedenfall mal was neues modernes, aber auch noch vieles was verbessert und schöner zu lösen wäre.

Gruß
Loon3y
 
Zuletzt bearbeitet:
Hi,
ich danke dir für deine konstruktive Kritik,
das mit den Farben ist so eine Sache, bis jetzt gefallen sie 95% aller, die ich gefragt habe, von daher gehe ich lieber den bequemen Weg und lasse sie so, anstatt einen mehr oder weniger schönen Kompromiss zu suchen.

Zur Zeilengröße, diese ist schon bei "line-height:1.3em;"... noch größer und es sieht affig aus, wennn es nur 3-5 Zeilen hintereinander sind...

Die Faulheit die ich zur Zeit beim Coden an den Tag leg ist enorm, merk ich auch immer wieder wenn ich in meinen Quelltext schau, da muss ich ordentlich aufräumen wenn ich Zeit hab, da hast du voll und ganz recht :)
 
Werbung:
Guten Morgen.

WhispR schrieb:
Hi,
das mit den Farben ist so eine Sache, bis jetzt gefallen sie 95% aller, die ich gefragt habe, von daher gehe ich lieber den bequemen Weg und lasse sie so, anstatt einen mehr oder weniger schönen Kompromiss zu suchen.
Zum Vergrößern anklicken....

Ich gehe auch nicht davon aus, dass die Vielzahl der Menscheit Farbenblind oder Sehschwächen besitzt. Dennoch sollte man immer 100% Usability/Benutzerfreundlichkeit garantieren. 95% ist eben zu wenig.

Gruß und weiterhin viel Erfolg.
Loon3y


P.S.: man sollte nicht "zuviel Wert" auf die Ergebnisse legen, aber eine gutes 80%-Ergebniss sollte denke ich schon Minimum sein:

http://www.qualidator.com/WQM/de/TestWebsite/http_www.html-einfach.de//Report1138604.aspx
 
Hi, danke euch beiden,
für eine Rot-Grün Sehschwäche sollte die Seite kein Problem sein, habe einen Freund drüberschauen lassen und er hat gemeint, dass es kein Problem gebe, der Text sei durchweg gut lesbar. Und darauf kommt es mir an, usability soll gegeben sein,aber das Design trotzdem nicht darunter leiden.

zusätzlich habe ich die Seite mal simuliert wie sie von Deuteranopen, Protanopen und Tritanopen gesehen wird, und der text ist durchweg gut lesbar, da der kontrast ausreichend hoch ist, und grau/schwarz in jedem Fall von weiß zu unterscheiden ist ;-)

Wenn es auf grund anderer Monitöreinstellungen Probleme beim Lesen gibt, dann bin ich natürlich gern bereit und lass mit mir reden ;-)
 
Werbung:
Hey
ich finde das Design der Seite sehr ansprechend und modern.

Habe nur aufs Designs geachtet, ich würde noch zwei Dinge verändern:
1. Der Text "einfach html lernen" liest sich nicht gut. Das könnte an der sehr großen Zeilenlänger bzw. dem zu geringen Abstand auf der rechten Seite liegen. Ich wurde den Text nach 2/3 oder so brechen.
2. Wenn man die Seite das erste mal besucht und auf das logo fährt, braucht dies (grade bei langsameren Internetverbindungen) einen Moment bis das neue Logo (Banner_hover.jpg) erscheint. Das könnte man lösen indem man Banner_hover.jpg pre-loadet oder per css indem man ein Bild mit beiden Logos als Hintergrund nimmt und bei hover nur die background-position ändert.

Ansonsten wirklich gut=)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben