Meinungen zu erster HP gewünscht :)

[rs254]

Meinungen zu erster HP gewünscht (Editor)

Hallo zusammen,
Ich bin der Neue.

In meinem dicken Homepage-Bastelbuch hab ich jetzt die Kapitel HTML und CSS durch. Das Ergebnis sieht wie folgt aus: http://www.rs254.at
Ich bitte um Meinungen und Kritik zu Aussehen, Inhalt und Aufbau. :-)

Besten Dank.
Robert

 

[Icy]

Hallo Robert,

erstmal Glückwunsch zur ersten Homepage - sofern ich das richtig verstanden habe.

Für deine erste Homepage sieht die Seite doch wirklich nicht schlecht aus, da hab ich schon sehr viel Schlechteres erlebt. Der Grundaufbau der Seite an sich gefällt mir, nur die Farben sprechen mich nicht an. Die sind sehr dunkel und dazu "schmutzig", vielleicht könntest du da ja etwas Freundlicheres nehmen oder zumindest hier und da eine hellere Farbe einbauen.
Der Aufbau ist gelungen, alles gut angeordnet.

Der Code ist leider recht problematisch. Das komplette Layout basiert auf einem Tabellendesign, was aber nicht Sinn der Sache ist. Dein grundgerüst solltest du mit CSS einbauen. Heißt konkret: Deine Navigation ist zum Beispiel eine vertikale Liste oder den gesamten Inhaltsbereich könntest du als div-Element definieren. Oder auch die Punkte "Werkzeug" und "Fotograf" solltest du als Listen definieren.

Gute Nacht :)

MfG Icy

 

[thuemmy]

Hallo,

nun will ich mal Deine Website etwas genauer angucken. Das erste Aussehen gefällt mir sehr gut. Gute aufeinander abgestimmte Farben. Was Du noch verbessern musst, dass die Schrift etwas Abstand vom Kastenrand hat (CSS-Stichwort: padding). Den <title>-Tag würde ich noch ändern. Die Besucher wissen doch, dass sie auf der Website rs254.at sind. Solltest vielleicht lieber Deinen Namen mit in den Titel nehmen. Auf der Seite selber fehlt mir auch eine treffende Headline z.B. Robert Sauseng in einem <h1>Tag eingeschlossen. Aber alles in allem, für eine erste Website ist es gut geworden.

Nun komme ich zum technischen Teil:
Die Seiten "Fotograf" und "Test" sind nicht valide. Allerdings sind es nur kleine Fehlerchen, die in Null Komma Nichts ausgebessert sind. Ansonsten sind die Seiten valide (HTML). Auf der Seite Portfolio haben sich ein paar CSS-Fehler eingeschlichen. Soweit recht ordentlich.

Was gar nicht geht, das ist, dass Du das Layout mit Tabellen gemacht hast. Dazu ist das <table>-Tag nicht gedacht, sondern lediglich zur Auszeichnung von tabellarischen Daten. Nutze für das Aussehen Deiner Seite ausschließlich CSS. Die Navigation solltest Du als Liste (<ul>) auszeichnen, und ebenso auf Deiner Verweis-Seite.

So, das war es mal auf den ersten Blick. Alles in allem, für die erste Website schon mal kein schlechtes Ergebnis.

Gruß thuemmy

 

[_Thor_]

Zum Code wurde ja schon einiges gesagt, hier ist ein Link der dir verdeutlicht, wie HTML richtig eingesetzt wird. Einführung | Webdesign mit XHTML und CSS

 

[hagent]

1) Reichlich trist das ganze. Ein wenig Farbe würde die ganze Sache auflockern.
2) Und ein Innenabstand in den Boxen wär ganz hübsch.
3) Das Layout am besten auch in CSS. Tabellen sind reichlich veraltete Technik...

 

[rs254]

Guten Abend,
Vielen Dank an alle für die hilfreichen Antworten. Da sich ja im Grunde alle einig sind, was es noch zu verbessern gibt, zitiere ich mal die erste Antwort.

Hallo Robert,

erstmal Glückwunsch zur ersten Homepage - sofern ich das richtig verstanden habe.

Ja, hast du richtig verstanden. :-)

Der Grundaufbau der Seite an sich gefällt mir, nur die Farben sprechen mich nicht an. Die sind sehr dunkel und dazu "schmutzig", vielleicht könntest du da ja etwas Freundlicheres nehmen oder zumindest hier und da eine hellere Farbe einbauen.
Der Aufbau ist gelungen, alles gut angeordnet.

Bezüglich der Farben geb ich dir recht. Hatte ich mir auch schon überlegt, das ganze vielleicht etwas bunter zu gestalten.

Der Code ist leider recht problematisch. Das komplette Layout basiert auf einem Tabellendesign, was aber nicht Sinn der Sache ist. Dein grundgerüst solltest du mit CSS einbauen.

Dieser Punkt wurde ja von allen Antwortschreibern bemängelt. Für mich als Anfänger ist jedoch unklar, warum ich die Tabelle als Designelement nicht verwenden sollte. Macht man es nicht, weil das table-Element dafür nicht gedacht ist oder kann es zu Darstellungsproblemen kommen? Oder gibt es ganz andere Gründe dafür?
Ein "Umbau" auf CSS würde bedeuten, die Seite komplett neu zu machen, wenn ich das richtig verstanden habe?

Oder auch die Punkte "Werkzeug" und "Fotograf" solltest du als Listen definieren.

Die selbe Frage bei diesem Punkt: Warum macht man das so? Das Ergebnis im Browser ist doch das selbe, oder?

Vielen Dank für die Beantwortung meiner aus "Profi"-Sicht wahrscheinlich blöden Fragen.

Gute Nacht,
Robert

 

[rs254]

Was Du noch verbessern musst, dass die Schrift etwas Abstand vom Kastenrand hat (CSS-Stichwort: padding).

Hab ich eigentlich absichtlich so gemacht. Find ich irgendwie schöner. Werd es aber eventuell noch mal überdenken.

Den <title>-Tag würde ich noch ändern. Die Besucher wissen doch, dass sie auf der Website rs254.at sind. Solltest vielleicht lieber Deinen Namen mit in den Titel nehmen.

Wäre eine Möglichkeit. Danke für den Hinweis.

Auf der Seite selber fehlt mir auch eine treffende Headline z.B. Robert Sauseng in einem <h1>Tag eingeschlossen.

Erschließt sich mir nicht ganz, warum ich das bräuchte. Werd ich mir aber anschauen, ob sich das irgendwo sinnvoll unterbringen lässt.

Nun komme ich zum technischen Teil:
Die Seiten "Fotograf" und "Test" sind nicht valide. Allerdings sind es nur kleine Fehlerchen, die in Null Komma Nichts ausgebessert sind. Ansonsten sind die Seiten valide (HTML).

Die haben sich noch eingeschlichen, nachdem ich sie auf Fehler checken ließ. Habe ich jetzt beseitigt.

Auf der Seite Portfolio haben sich ein paar CSS-Fehler eingeschlichen. Soweit recht ordentlich.

Das muss ich mir noch anschauen.

Was gar nicht geht, das ist, dass Du das Layout mit Tabellen gemacht hast. Dazu ist das <table>-Tag nicht gedacht, sondern lediglich zur Auszeichnung von tabellarischen Daten. Nutze für das Aussehen Deiner Seite ausschließlich CSS. Die Navigation solltest Du als Liste (<ul>) auszeichnen, und ebenso auf Deiner Verweis-Seite.

Dazu hab ich ja oben schon was geschrieben.

 

[Shrax]

Dieser Punkt wurde ja von allen Antwortschreibern bemängelt. Für mich als Anfänger ist jedoch unklar, warum ich die Tabelle als Designelement nicht verwenden sollte. Macht man es nicht, weil das table-Element dafür nicht gedacht ist oder kann es zu Darstellungsproblemen kommen? Oder gibt es ganz andere Gründe dafür?
Ein "Umbau" auf CSS würde bedeuten, die Seite komplett neu zu machen, wenn ich das richtig verstanden habe?

XHTML = Auszeichnung des Inhalts
CSS = Gestaltung und Layout der Website

Tabellen = Derstellung Tabellarischer Daten

Fazit: Um XHTML richtig zu nutzen, nähmlich den Inhalt bedeutung zu geben, muss man Text beispielsweise auch als Text kenzeichnen. Einen Absatz hier mit <p></p>.

Die selbe Frage bei diesem Punkt: Warum macht man das so? Das Ergebnis im Browser ist doch das selbe, oder?

Vielen Dank für die Beantwortung meiner aus "Profi"-Sicht wahrscheinlich blöden Fragen.

Selbes wie oben:
XHTML ist NUR zur auszeichnung. Deine Bilder sind eine Aufzählung. Eine aAufzählung von Bildern, also eine Liste.

Listen macht man mit
<ul>
<li>Listenpunkt 1</li>
<li>Listenpunkt 2</li>
</ul>
Für bilder
<li><img [...] </li>

Erschließt sich mir nicht ganz, warum ich das bräuchte. Werd ich mir aber anschauen, ob sich das irgendwo sinnvoll unterbringen lässt.

H1 kenzeichnet eine Überschrift.
Jede seite hat eine Überschrift.
Also muss deine oberste Überschrift, wie der Titel der Seite den man sieht, mit h1 gekenzeichnet werden.

 

[rs254]

Danke

Vielen Dank für die zahlreichen und hilfreichen Antworten. Wie ich sehe, gibts ja noch viel zu tun. :shock:
Ich meld mich wieder, wenn's was Neues gibt.

Bis dahin.
Liebe Grüße,
Robert