Page Kritik

15.11.2007, 11:45 #1

Hallo zusammen, ich bin Webmaster eine Homepage. Nun möchte ich mal ein bissien Kritik hören. Schaut euch doch mal die seite an.

Www.sek-su.de

seit ehrlich

15.11.2007, 11:57 #2

hm.. vllt. bei den bildern die jeweils richtig herum drehen, so dass man sich nicht den hals verrenken muss ;-)

15.11.2007, 12:03 #3

Ähm, was auch immer du da fabriziert hast, es ist jedenfalls kein HTM. Es fehlen sogar die elementaren Tags <html>, <head> und <body>. Von der Angabe einer Doctype mal ganz zu schweigen. Dass es scheinbar korrekt dargestellt wird ist reines Glück.

Siehe w3c-Validator (das sind die Macher des HTML-Standards). Du solltest dir unbedingt wenigstens die ersten paar Kapitel von SelfHTML (http://de.selfhtml.org/) durchlesen.

Ansonsten, es ist eigentlich schlechter Stil, mit Tabellen zu positionieren. Das hat man früher (90er Jahre) so gemacht, weil es nicht anders ging. Heutzutage strukturiert man den Inhalt mit <hX>'s und <div>'s und sorgt mithilfe von CSS für eine korrekte Positionierung. Dadurch erhält man so ganz nebenbei den Vorteil, dass man das Drucklayout anders definieren und per JavaScript die einzelnen Bereiche problemlos modifizieren kann. Wenn man den IE < 7 ignoriert, dann braucht man sich inzwischen auch für komplexere Layouts nicht mehr die Nacht um die Ohren zu schlagen

Und für IE5 und 6 gibt es die Möglichkeit, eigene CSS zu definieren um die schlimmsten Fehler zu korrigieren. Es gibt auch fertige JavaScripts, die das für einen übernehmen.

Nachtrag: Ich habe mir den Code nochmal genauer angeschaut, und irgendwie bezweifel ich, dass der handgeschrieben ist (die CSS-Klassen "Stil7" usw deuten darauf hin). Darf ich fragen, welches Programm du dafür verwendet hast?

PS: Nicht von mir fertigmachen lassen

15.11.2007, 12:48 #4

huhu nach siegburg erstmal.

Also ich schliesse mich Hammer Unslieb zu teilen an. Vom HTML her ist das kathastrophal.

aber:

und per JavaScript die einzelnen Bereiche problemlos modifizieren kann.

nein, sowas würde ich maximal bei einer ajax anwendung machen.

Wenn man den IE < 7 ignoriert, dann braucht man sich inzwischen auch für komplexere Layouts nicht mehr die Nacht um die Ohren zu schlagen

doppelnein. IE < 7 ignorieren heisst über die hälfte der Internetnutzer zu ignorieren.

Und für IE5 und 6 gibt es die Möglichkeit, eigene CSS zu definieren um die schlimmsten Fehler zu korrigieren. Es gibt auch fertige JavaScripts, die das für einen übernehmen.

browserweichen sind auch böse. Sofern du Conditional Comments meinst. Die bessere möglichkeit ist, css hacks zu nutzen, die gibts für jeden browser, dann hat man zwar kein valides css, muss sich aber auch nicht auf die schwammigen comments verlassen. Zum javascript: Javascript sollte man niemals für layouting benutzen.

Ich empfehle dir (Threadersteller) mal selfhtml zu lesen und dich über css basierte layouts kundig zu machen. Das dauert halt ein wenig bis man es richtig kann. Andernfalls empfehle ich dir ein PHP basiertes Content Management System wie Joomla! oder Typo 3. Da kannst du dir auch ein template mit css selber machen.

Das Sitedesign ist auch nicht so der bringer, bis aufs logo. Bevorzuge schriftarten wie Verdana, Times ist wirklich asbach uralt. Farbwahl ist auch nicht so der bringer, schwarze seiten sind in den wenigsten fällen schön, auch eine 'Metal' seite kann man mit den richtigen farben ansprechend und trotzdem passend zum stil designen.

15.11.2007, 12:54 #5

hmm ich hab mir das bei selfhtml angesehn und auch teilweise eingesetzt aber da ich das erst seit gut 4 moanten machen kann ich ja nicht alles amchen

Porgramm ist Dreamweaver

15.11.2007, 13:06 #6

ok, wenn ihr jungs von html, php und css faselt kann ich mir das ja sparen und zur ästhetik übergehen *g*

die schriftart (times?) ist immer ganz furchtbar bei websites. nimm lieber eine klare schriftart wie verdana, das macht dann schon viel her.

unterstrichene links sind out! mach lieber nen mouseovereffekt bei dem die schrift dann halt ne andere farbe bekommt.

über uns seite: text abstand zum rand mind. 5px. sieht sonst so angeklascht aus. blocksatz ist auch immer was ganz feines, ist aber geschmackssache.

headbangers: _blank! im selben browserfenster links öffnen lassen ist doof (korrekt: nicht userfreundlich und auch unsinnig, damit zwingt man den user die eigene seite zu verlassen und am ende findet er nicht mal zurück - ergo: nicht sinnvoll)

bilder: die bilderseite in das vorhandene design einbinden, keine extra seite in dem sinne. und natürlich bilder umdrehen

unser team: bilder in der tumbnail version nicht verzerren. schaut doof aus.

forum: hä? wo ist das forum und warum ist nun gerade der link _blank?

gästebuch: auch hier: ins seitendesign einfügen und keine extra seite dafür machen. alles was zu eurer seite gehört, öffnet sich auch in eurem main-feld, alles was externe links sind, gehören _blank.

links: wenn man zum beispiel auf band geht, sind die weiteren links bei link deaktiviert. wenn man auf sonstiges geht dann sind wieder die anderen unter links nicht verfügbar.

das waren erst mal die großen ästhetischen probleme

. andere sachen werden sicherlich auffallen wenn die groben probleme behoben sind. was ich nun auch nicht gemacht habe ist korrekturlesen, da sind aber andere user hier ganz begeistert von

.

zu der ie frage, da widerspreche ich orion ein bisschen: wer nicht ie7 benutzt hats halt nicht besser verdient. es ist nicht zuviel verlangt, den anspruch an die user zu haben, wenigstens die aktuellste version ihres browsers zu benutzen.

ich würde die seite auch mittels php und css machen, ich versteh aber auch wenn das erst mal "zu viel" ist für nen anfänger. und wenn komplett eigene html oder css codes schreiben zu viel ist, dann klaut man sich halt eine vorlage und wandelt die solange ab bis was brauchbares dabei rauskommt. so bekommt man auch ein gefühl für html codes und irgendwann kann man es dann selber schreiben. aber ja, richtiger wäre es das von grund auf gleich zu lernen

15.11.2007, 13:23 #7

Leider kann ich noch nicht php, ich kann die Galerie in php machen

mehr hab ich noch nicht gelernt

Aber ich werde mich mal an die Tips, /Kritik wenden bzw halten

15.11.2007, 13:33 #8

Ich finde es immer schlimm, wenn helle Schrift auf dunklem Hintergrund ist... Nach ner Zeit (nicht allzulanger sogar) tun einem die Augen weh. Man kann nicht so gut hingucken.
Und die weiße Schrift sticht viel zu sehr...
Der graue Hintergrund ist auch nicht so schön, weil da doch schon viel von zu sehen ist. Passt iwie nicht zu dem Rot.

15.11.2007, 13:51 #9

Was würdest du den als bg schrift bzw farbe nehmen??

15.11.2007, 14:24 #10

versuchs erst mal mit verdana und ohne unterstreichung, das macht schon mal was her und trägt zur leichteren lesbarkeit bei.

15.11.2007, 15:25 #11

Dunkle Farbe, hellerer Hintergrund.
Kannst es ja mit nem heller werdenden Rot versuchen und dunkler/schwarzer Schrift...
Und das, was du als Grau hast einfach als dunkelrot machen. Wie zB. hier im PP die ''Blue Version''

15.11.2007, 17:52 #12

Zitat von OrionX

nein, sowas würde ich maximal bei einer ajax anwendung machen.

Aber sich die Möglichkeit dazu offen zu halten ist sicher nicht verkehrt. Zumal blinde Tabellen auch nie zum Layout einer Seite gedacht waren. Nach meinen Erfahrungen haben die heutigen und auch die gestrigen Browser quasi keine relevanten Probleme mehr mit div und css. Nicht vergessen sollte man auch, dass Screenreader (für blinde Menschen) mit divs deutlich weniger Probleme als mit Tabellen haben.

Zitat von OrionX

doppelnein. IE < 7 ignorieren heisst über die hälfte der Internetnutzer zu ignorieren.

browserweichen sind auch böse. Sofern du Conditional Comments meinst. Die bessere möglichkeit ist, css hacks zu nutzen, die gibts für jeden browser, dann hat man zwar kein valides css, muss sich aber auch nicht auf die schwammigen comments verlassen. Zum javascript: Javascript sollte man niemals für layouting benutzen.

Ja ich meine Conditional Comments. Und die finde ich deutlich besser als CSS-Hacks, die erstens die Lesbarkeit erschweren und zweitens nie garantieren, dass sie (evtl. auch später) keine neuen Probleme verursachen.

Ich schreibe immer ein ordentliches, standardkonformes CSS für "screen", dann eines, welches bei "print" ein paar Modifikationen vornimmt (Nav weg, Logo anders, und so...) und schließlich per Conditional Comment (der ja netterweise auch nur vom IE unterstützt wird) eine Datei speziell für den IE, in der ich dann nur die Sachen korrigiere, die MS falsch interpretiert (falsche Box-Model, text-align und solche Sachen).

Nur wenn es schnell gehen muss (zum Beispiel weil eine Präsentation kurz bevor steht) kommt auch schonmal das "ie-standard"-JavaScript zum Einsatz, um eine schnelle Korrektur zu erreichen. Dann ebenfalls per Conditional Comment eingebunden.

Sicher, die Conditional Comments sind ein Microsoft-Only-Feature. Aber da ich sie auch nur nutze, um Microsoft-Fehler zu beheben, und sie für alle anderen Browser wie auskommentierter Code aussehen, habe ich damit auch kein Problem.

Übrigens, wenn man "strict"es HTML schreibt, dann halten sich sogar die Darstellungsfehler im IE6 in Grenzen, und mit IE7 funktioniert dann fast alles.

Zitat von OrionX

Andernfalls empfehle ich dir ein PHP basiertes Content Management System wie Joomla! oder Typo 3. Da kannst du dir auch ein template mit css selber machen.

Das halte ich für zu hoch gegriffen für diese Seite. Zum Editor: Da bin ich ein bisschen erstaunt, da Dreamweaver früher ziemlich guten Code produzierte (zumindest im Verhältnis zu anderen WYSIWYG-Programmen). Ich würde dir aber wirklich nahe legen, erstmal mit reinem HTML anzufangen. Bringt Dreamweaver immernoch Homesite mit? Das war früher mein Liebling, bevor ich auf Linux gewechselt bin. Dort bevorzuge ich Quanta.

15.11.2007, 19:57 #13

Okay, ich schlag auch noch mit drauf *g*. Zentrierte Texte und zentrierte Navigation sind ein absolutes No-Go. Das macht das Lesen zum Horror und die ganze Übersicht kaputt, da man ständig nach dem neuen Zeilenanfang suchen muss. Stell mal alles auf linksbündig, und mach (wie schon erwähnt) überall ein bisschen padding rein. Bei den nächsten Events fehlt es zB.

Und dann wäre es noch schön, die Navigation optisch ein bisschen vom Rest abzuheben, damit die Seite mehr Struktur bekommt und man schon weiss, wo man navigieren muss, bevor man das erste Wort gelesen hat.

Nix gegen den Inhalt, aber ich halte das für "guten Stil".

15.11.2007, 20:31 #14

ich fänd eine horizontale navigation auf dieser seite ja total toll...
und das ganze dann so gestalten, dass die einzelnen listenelemente wie tabs wirken.

die boxen links und rechts farblich von der inhaltsbox trennen.
den grauen rahmen anders machen (willst du überhaupt überall nen rahmen drum? hier und da ja aber überall?)

überschrift der navigation bitte fett (wenn du sie so lassen willst; rechts sind die überschriften auch fett) und mach diesen überflüssigen zeilenumbruch daraus, das reißts unnötig auseinander

joa... ich hätte da noch ne menge zu jammern aber eigentlich siehts ganz in ordnung aus, wenn man nicht so genau guckt

nur mut, mach was draus!

16.11.2007, 12:43 #15

Was mir aufgefallen ist im IE hab ich den effekt den ich haben wollte, das der rand in der mitte erst schwarz und dann rot wird im Firefox ist überall dieser graue rand

16.11.2007, 13:10 #16

Thema Schriftarten:
Linksbündig und dann Versuch mal bei laaaangen Texten mit Schriftarten MIT Serifen zu arbeiten und bei kurzen (Menuepunkten) mit Grotesken.

Die Serifen und die Linksbündigkeit helfen dir halt den Zeilenfluß vorran zu treiben. Deshalb sind in Büchern auch keine Grotesken Schriftarten zu finden.
Zudem bilden die Serifen eine imaginäre Unterlinie und das Auge schafft den Zeilensprung besser... HÜPF!

16.11.2007, 13:34 #17

Zitat von Pandorius

Was mir aufgefallen ist im IE hab ich den effekt den ich haben wollte, das der rand in der mitte erst schwarz und dann rot wird im Firefox ist überall dieser graue rand

Das ist genau das, was ich oben geschrieben habe. Da die grundlegenden HTML-Elemente und der Doctype fehlen, müssen die Browser raten, mit was sie es zu tun haben. Gib ne Doctype an (HTML 4 transitional oder besser strict), halte dich dran (mit dem Validator überprüfen) und du solltest kein Problem mehr haben. Zumindest dürften sich die Ausgaben in aktuellen Browsern nicht mehr arg voneinander unterscheiden. Ob es dann genau das ist, was du willst, ist eine andere Sache.

16.11.2007, 13:38 #18

Ok, das mit dem <doctype hab ich immer rausgelassen weil es bei mir auch immer anzeigt welches prog ich benutz und das nicht jeder unbedigt sehn muss. aber ich werd ich da mal ransetzen

16.11.2007, 15:50 #19

ja hammer unslieb, was du und orion da oben gefaselt habt, da blickt ja nicht mal jmd mit ordentlich hp erfahrung durch. erwarte das doch nicht von nem blutjungen anfänger.

@pretender: ich widerspreche ganz laut. was für bücher gelten mag, geht am bildschirm einfach gar nicht. serifen bei texten jeglicher länge sind am bildschirm einfach ganz grausam. wenns probleme mit dem zeile halten gibt, dann muss man halt nen gescheiten zeilenabstand machen. aber times zB, da bekommt man doch kopfschmerzen.

16.11.2007, 17:26 #20

Ich versteh ja wirklich nichts von all dem Kram. Aber wovon ich was versteh, das ist Rechtschreibung. Und die ist auf dieser Page echt zum heulen!!!

16.11.2007, 20:09 #21

Zitat von Pandorius

Ok, das mit dem <doctype hab ich immer rausgelassen weil es bei mir auch immer anzeigt welches prog ich benutz und das nicht jeder unbedigt sehn muss. aber ich werd ich da mal ransetzen

das ist der ganze head teil gewesen. und der ist immens wichtig. Es zeigt auch nicht wirklich an welches programm du benutzt, das kannst du per hand notfalls entfernen (nur das wort).

Kannst du HTML? Mir scheint nämlich du solltest vor dem dreamweaver nutzen, doch erstmal selfhtml lesen. Dreamweaver und co sind nämlich nicht gerade geeignet zum lernen. Ich empfehle dir phase 5 oder ähnliches. Wenn du mal wirklich so weit bist richtige webanwendungen zu schreiben (php, js, ajax) dann kannst du mit aptana anfangen zu entwickeln. Bis dahin ist es aber ein weiter weg und wenn du es wirklich lernen willst solltest du von vorne anfangen, was heisst: HTML -> CSS -> javascript/PHP. Zu PHP gehört aber noch ein grundwissen von client server applikationen und generell informationen was ein linux/windows webserver eigentlich tut.

dies alles unter vorbehalt das du das auch wirklich lernen willst.

@feli: sorry das war der Webentwickler in mir

16.11.2007, 21:47 #22

Zitat von OrionX

Kannst du HTML?

ich kann auch ohne Programm html schreiben, also wenn es sein muss nur mit dem Editor von windwos

16.11.2007, 23:26 #23

hm, naja, dazu sag ich mal nix.

16.11.2007, 23:29 #24

Du must das nicht glauben wenn du musst. Zwingt dich ja niemand

16.11.2007, 23:34 #25

ach, nu lass dich net platt machen, ein bisschen spaß muss sein

aber unbedingt die serifen wegmachen...

Ähnliche Themen, die dich vielleicht interessieren
Thema	Autor	Forum	Antworten	Letzter Beitrag
PartyCommunity Page... suche helfer!	lattje	Netzwerke und Internettechnik	3	25.01.2006 15:52
webcam in page integrieren	marcell0	Coder's Area	4	01.12.2005 21:41
Bitte um Kritik	Felicitas	Coder's Area	17	06.05.2004 12:59
google in der kritik	radlaw	Netzwerke und Internettechnik	0	10.10.2003 12:30
Programer gesucht für PAGE	DasHeLd2k	Coder's Area	0	10.03.2001 14:36

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen