Bitte das Design Bewerten[Editor]

[WarStorm]

Design Verbessert bitte erneut bewerten[Editor]

Vielen Danke für euer Feedback. Kann geclosed werdenhttp://www.fcenergie-fansite.de.vu/

 

[vitus37]

Geht bitte bei der Bewertung nur auf das Design ein, da der Inhalt ersteinmal nur provisorisch ist.

Da gibt es aber dann noch den Quelltext, und den sollen wir nicht bewerten?

Wie ich in einem deiner anderen Threads hier im Forum auch schon sagte: Verzichte auf Frames!
Google ein wenig und du wirst verstehen wieso.

Das Design ist eigentlich keines, da du es mit HTML gemacht hast, was aber für die inhaltliche Auszeichnung ist. Alles was in irgendeiner weise mit Aussehen, Design oder Formatierung zu tun hat schreibt man in CSS.
Du nutzt <p> falsch (es benötigt ein end-tag </p>), und die Tags <i> und <font> haben im Quelltext nichts zu suchen, da man auch Schriftformatierungen in CSS vornimmt.
Auch hier hilft dir Google.

ich äussere mich aber trotzdem mal zum Aussehen: Ich finde die Seite etwas krum und schief. Das passt alles nicht so recht zusammen. Das Headerild schliesst nicht mit dem weissen Streifen rechts ab, die Navi-buttons passen finde ich nicht zum Design und diese orange Umrandung um den Text mag mir auch nicht so recht gefallen.

Ich empfehle dir das hier durchzuarbeiten und dann die Seite neu zu erstellen.

MfG Vitus

 

[Gimli]

BlinkBlinkBlink ruckel schieb! Alles verschoben und komische Farben und Geblinke -> X gedrückt

Sorry! Fang nochmal von Vorne an und Informier dich wie mans richtig macht

 

[WarStorm]

Danke erstmal. Ich werde probieren einen großteil in css umzuschreiben. Allerdings müsst ihr immer im Kopf behalten, dass wir HTML erst seit einigen wenigen Stunden in der Schule bahandeln.

 

[Efchen]

ich bin noch ein relativer HTML Anfänger, der sich gerade erst in die große Welt der Befehle reinarbeitet.

Welche Welt ist das? Befehle gibt es nur bei Programmiersprachen. Weder HTML noch CSS sind Programmiersprachen, sondern Auszeichnungssprachen oder Strukturbeschreibungssprachen. Da gibt es keine Befehle. Das was Du meinst, nennt sich in HTML "Tag".

Ich erstelle eine über meinen Lieblingsfußballverein.

Das immerhin erkennt man sofort.

Geht bitte bei der Bewertung nur auf das Design ein

Ich muss den anderen leider zustimmen, es sieht alles wild durcheinandergewürfelt aus, es ist keine sinnvolle Struktur da, man hat das Gefühl, die Elemente sind zufällig angeordnet oder sollten eigentlich woanders stehen. Dann kommen die Laufschriften hinzu, die den Blick auf sich ziehen und den Nutzer von den eigentlichen Inhalten ablenken.

Wichtig ist eben, dass ihr mir sagt wie ich, als Anfänger das Design verbessern könnte.

Dazu möchte ich nur sagen, dass es bei einer Website sinnvoller ist, mit dem Inhalt zu beginnen und nicht mit dem Design, weil das Design (CSS) immer auf dem Inhalt und der Semantik des Inhalts (HTML) aufbaut. Fängst Du hinten an, ist die Gefahr groß, dass Du vorne (HTML) alles falsch machst und hinterher erhöhten Aufwand hast, das wieder gerade zu biegen. Gerade ein Anfänger sollte nie mit dem Design beginnen.
Sollte Euch das in der Schule so beigebracht worden sein, tut mir das leid, aber das ist nicht sinnvoll.

 

[WarStorm]

Also kann man alles in die Tonne kloppen?

 

[DerMitSkill]

Ja! ;)

*10 Zeichen*

 

[Icy]

Ich würd die Seite auch nochmal gern sehen ^^
Ich gehöre zu den Leuten im Forum, die immer nett sind beim Bewerten

MfG Icy

 

[WarStorm]

Habe eine komplett neue Seite mit CSS gemacht, so siehts wirklich geiler aus.http://www.fcenergie-fansite.de.vu/

 

[vitus37]

Du hast recht, es sieht besser aus, aber das wars auch schon.

Der Code hat sich nicht wirklich verbessert. Du hast die Frames raus genommen, die Semantik aber nicht wirklich verbessert.
Werde dir bewusst für was HTML da ist. Mit HTML sagst du WAS ein Textabsatz ist, WAS eine Überschrift ist, WAS ein Bild ist, WAS ein Liste ist.
Und in CSS gibst du dann an WIE all das dargestellt werden soll.

Du nutzt DIVs um dein Design damit zu machen, da es aber HTML Elemente sind, haben sie nicht das geringste mit dem Aussehen zu tun. Dieses Element ist dazu da mehrere andere Elemente zu gruppieren.

<div id="header"></div>

Ist also nicht korrekt, es beinhaltet kein einziges Element.
Bei

<p><img src="wappen.jpg" alt=""></p>

sind die p-Tags unnötig.

<font color=white><h1>Herzlich Willkommen auf der FC Energie - Fanseite</h1></font>

ist ebenfalls falsch, da du hier HTML dazu benutzt die Schrift zu formatieren.

<div class="Copyrights">&copy; by warstormzone.de.tl 2010</div>

In diesem DIV ist auch kein Element, nur ein Text, hier solltest du das DIV durch zB P ersetzen.

Da eine Navigation eine Liste aus mehreren Links ist, wird diese auch als Liste ausgezeichnet. Also mit <ul> und <li>.

Wenn du all deinen Inhalt korrekt ausgezeichnet hast, kannst du damit beginnen jedes einzelne Element zu formatieren, und das komplett mit CSS.

Es sind auch noch eine Menge Syntax-Fehler vorhanden:
[Invalid] Markup Validation of http://www.angelfire.com/warst0rm/index.html - W3C Markup Validator

Ist dieses ganze JavaScript Zeugs bei dieser Seite eigentlich nötig? Ich glaube nicht. Diese MouseOver Effekte bei der Navi bekommst du besser mit CSS hin. Kenne mich mit JS nicht so aus, weiss deshalb auch nicht wofür die anderen Scripts alle sind, bin mir aber sicher du brauchst die nicht.

MfG

 

[WarStorm]

Danke für das Feedback. Ich werde erstmal an der Seite arbeiten und die später nochmal reinstellen.

Kann geclosed werden.