Sollen sollst Du gar nichts, ich zwing Dich zu nichts 
Aber ich empfehle, nichts zu slicen, weil ein pixelgenaues Layout im WWW nicht wirklich klappt. Nimm mal Deine Seite und verstelle die Schriftgröße. Dann wirst Dus sehen. Wenn ich 4x größer einstelle, kommen die ersten schwarzen Zwischenzeilen, wenn ich 6x vergrößere, platzt das Layout auch nach rechts auseinander.
Anscheinend bin ich da vor einiger Zeit an völlig alte oder einfach nur schlechte Tutorials geraten in denen ich diese Arbeitsweise „gelernt“ habe.
Ja, das möchte ich nicht ausschließen. Im WWW findet man Informationen zu fast jedem Thema. Nur für die Aktualität kann natürlich niemand garantieren. Selbst das klassische Nachschlagewerk SELFHTML 8.1.2 (HTML-Dateien selbst erstellen) ist langsam nicht mehr up-to-date. Als Nachschlagewerk aber durchaus sehr gut.
ich dachte: „Kai, du bist ja nicht auf den Kopf gefallen so ne kleine Portfolio-Seite kriegst du schon hin.“ Anscheinend gibts noch viel dazuzulernen.
Das geht wohl jedem so. Irgendwer setzt halt regelmäßig in die Welt, dass es kinderleicht sei, Websites zu erstellen. Das Erstellen ist einfach, klar, aber obs dann auch so funktioniert, wie man das will? Eher nicht. Und meist auch nicht so, dass das jeder Besucher nutzen kann. So gesehen ist das WWW eine sehr komplexe Angelegenheit. Aber HTML und CSS sind eigentlich nicht sehr schwer, man muss nur den richtigen Ansatz finden, lernwillig sein und ein bisschen Zeit haben.
Und ein gutes Forum, wo man immer wieder nachfragen kann, ob man auf dem richtigen Weg ist und wo man jede noch so vermeintlich einfache Frage stellen kann
Webdesign scheint schon ein interressantes Thema zu sein.
Womit sollte ich den am besten anfangen?
Klar ist es interessant. Weil Du ohne Programmierkenntnisse etwas ansehnliches auf die Beine stellen kannst. „kannst“ deswegen, weil man richtig gute Websites mit dynamischen Inhalten, Peichern von Daten usw. nur mit Programmierkenntnissen erstellen kann.
Anfangen solltest Du bei HTML. Du solltest verstehen, wozu HTML da ist. Was man im Allgemeinen unter Semantik versteht. Du solltest begreifen, dass es irrelevant ist, wie etwas, das Du mit HTML ausgezeichnet hast, im Browser dargestellt wird, weil HTML nicht für die Darstellung zuständig ist. Bei HTML geht es einzig darum, dass Überschriften als solche ausgezeichnet sind, Menüs als Listen, Textabsätze, wichtige Textpassagen, Adressen, Zitate usw. Die richtigen Tags dafür kann man bei SelfHTML (Link s.o.) nachschlagen.
Wenn Dir z.B. ein horizontales Menü vorschwebt, dann wirst Du das in HTML trotzdem als Liste (
) auszeichnen, weil es für HTML irrelevant ist, ob das Menü horizontal oder vertikal ist. Ohne CSS wird es im Browser natürlich erstmal vertikal dargestellt.
Wie dann etwas aussehen soll, wirst Du erst in CSS festlegen. Ebenso das Layout. Das wird nicht mit HTML gemacht, also keine Layouttabellen. Keine Hintergrundgrafiken, wenn Du den HTML-Code festlegst, keine gesliceten Grafiken. Nur HTML, nur Struktur, nur Semantik. Das Ergebnis wird sein eine barrierefreie Seite, die in absolut allen Clients (nicht nur Browser, auch z.B. Screenreader oder Suchmaschinen) 100% nutzbar ist.
Ach ja, Deinen Code solltest Du validieren: The W3C Markup Validation Service um Fehler auszubessern.
Es gibt viel zu tun
Sorry für den langen Edit, ich weiß nicht ob Doppel-Posts hier erwünscht sind
Normalerweise nicht.
Viel Erfolg,
-Efchen
P.S.: Zu Deiner ursprünglichen Frage: Die Hintergrundgrafik fängt natürlich mittig an, weil Du sie in einzelnen Tabellenzellen gesetzt hast und die Tabelle von Dir mit fester Breite horizontal zentriert wird.
