Hallo

Ich habe die letzten Tage damit verbracht, mir eine neue Website zu basteln.
Dabei handelt es sich um meine „Online-Visitenkarte“, auf der ich mich als Person und meine Arbeiten vorstellen kann.

Jetzt ist die Seite aber nahezu komplett und mich interessiert eure Meinung (Design, Aufbau, Struktur, Inhalt, Übersichtlichkeit, Kompatibilität etc.)

Hier geht’s zur Seite: http://www.Christian-Pfitzmann.de

Vielen Dank

Der optische Eindruck ist sehr ordentlich, allerdings ist es schade, dass du Layouttabellen und kein XHTML verwendest, das soltlest du noch umbauen. Im Firefox ist das Kontaktformular übrigens viel zu breit und geht über die Adresse. Vielleicht kommst du auch ohne die ganzen Dreamweaver-JS-Schnipsel aus und wie wäre es mit einem eigenen Kontaktformular?

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.christian-pfitzmann.de%2F

Ansonsten ist die Schrift im Logo etwas verwaschen.

Insgesamt also schöne Seite, nur veraltete Technik.

---
Take a look here!
Lichtblick - Einblick - Ausblick

Hi!

Danke für deinen Beitrag

Was ist an Tabellen so schlimm? Die werden halt von jedem Browser unterstützt und überall gleich angezeigt. Darum geht es mir, dass jeder die Page ohne Fehler betrachten kann.
Der Validator meldet jetzt auch keine Fehler mehr, auch alle Unterseiten sind fehlerfrei. Also ist doch der Code in Ordnung
Ob er nun vielleicht zu unübersichtlich oder aufgebläht ist, nehme ich gerne in Kauf, wenn die Seite total kompatibel ist

Welche Vorteile würde mir denn XHTML bieten? Habe mich nur sehr kurz damit auseinandergesetzt.

Das mit dem Kontaktformular war nur im Firefox, keine Ahnung warum.
Habs jetzt jedenfalls gefixt

Was meinst du mit diesen JS-Schnipseln?
Und eigenes Kontaktformular? Meinst du den Formmailer?

Wo du von Kompatibel redest, das ist ein guter Stichpunkt. Versuch dir mal im Firefox die Seite ohne CSS oder ohne Bilder anzugucken. Es gbt durchaus Leuet die so surfen. Oder Leute die mit Textbrowsern wie Lynx unterwegs sind. Für die sind Tabellen ein Graus, noch viel mehr für Screenreader oder ähnliches für eine Behinderten gerechte aufgabe. das Problem ist dass Tabellen die semantische Struktur kaputt machen. Tabellen sind dazu da um tabellarische Inhalte anzuzeigen. Für mehr nicht.
Letztenendes freuen sich auch Suchmaschinen darüber, weil der Zusammenhang einer Seite viel leichter aus dem Quelltext zu lesen ist als mit Tabellen.

---
Take a look here!
Lichtblick - Einblick - Ausblick

Na gut, die von dir aufgeführten Punkte stimmen natürlich.

Aber da muss ich sagen, dass ich nicht alle Bereiche abdecken kann/will.
Beispielweise lege ich wirklich nicht viel Wert darauf, dass meine Seite auf einem handy oder PDA betrachtet werden kann o.ä.
Sicher werden andere Techniken die Zukunft bestimmen und ich werde mich jetzt in nächster Zeit vielleicht wirklich mal hinsetzen, und mir z.B. DIVs näher ansehen.
Aber jetzt im Moment dürfte ich mit Tabellen noch keine großen Probleme bekommen (bei "normalen" Usern).

Und komplett auf Grafiken verzichten...deswegen mache ich das ja überhaupt, wegen dem kreativen Part bei der Grafikerstellung

es ist ja nicht nur, dass es in allen output-geräten korekt angezeigt wird, sondern, dass es auch schneller geht. erst beim erstellen der seite und später, wenn man die seite umbauen will, da dann das layout vom inhalt getrennt ist.

Stimmt schon. Werde in nächster Zeit mal probieren, mit DIVs zurande zu kommen

Aber Vorsicht: Semantisches (X)HTML besteht *nicht* nur aus DIVs. Das ist ein weit verbreiteter Irrglaube, der teilweise zu ähnlich katastrophalem Code führt, wie die Benutzung von Layout-Tabellen.

Stattdessen ist es wichtig, dass du dir erstmal deine Seite rein systematisch strukturierst. Dazu gehören HTML-Elemente wie Listen (<ul>), Überschriften (<h1> etc.), Absätze (<p>) usw. Wenn diese Strukturierung logisch abgeschlossen ist, kannst du dich dran setzen, und die Seite per CSS formatieren, wie du es gerne hättest. Natürlich ist das ein Idealfall - im Endeffekt muss auch ein erfahrener Webdesigner/-entwickler beim Gestalten nochmal zurück an seinen HTML-Code um ein paar Anpassungen vorzunehmen - aber so in der Art sollte es halt schon laufen.

Gruß
Lewi

---
Lewi = ehemals the_doc

Hm, so ein bisschen Struktur hatte ich ja bereits bei dieser Seite versucht, reinzubringen mittels meinem Stylesheet --> www.christian-pfitzmann.de/styles.css
Aber das wird wahrscheinlich nur ein Tropfen auf dem heißen Stein sein, wa?

Wie genau kann ich mir diese Strukturierung denn vorstellen, beispielweise bei den von dir angesprochenen "<p>" etc.?
Gibt es gute Tipps für die Herangehensweise, um Fehler zu vermeiden?

Naja, grundsätzlich kannst du ja elemente wie H1 oder P auch schon sehr weit mit CSS gestalten, also mit so wenig wie möglich Elementen arbeiten. Und halt alles logisch auszeichen. Absätze kommen in <p>s, jede Überschrift wird mit h1-h6 strukturiert, alles was sich als Liste darstellen lässt wird halt als <ul> oder ähnliches dargstellt (also auch Navigationen).

---
Take a look here!
Lichtblick - Einblick - Ausblick