---
title: "Website-Gestaltung (Tutorial \"vom PSD zum Typo-Template gesucht)"
url: "https://www.typo3.net/d/52558-website-gestaltung-tutorial-vom-psd-zum-typo-template-gesucht"
source: "typo3.net"
tags: ["Allgemein","Frage","HTML & CSS","Templates & Layouts"]
created: "2006-10-30"
last_reply: "2006-10-31"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# Website-Gestaltung (Tutorial "vom PSD zum Typo-Template gesucht)

Allgemein · 2 Antworten · gestartet 2006-10-30

## Eröffnungsbeitrag

**2atlantis** · 2006-10-30 · [Beitrag #1](https://www.typo3.net/d/52558-website-gestaltung-tutorial-vom-psd-zum-typo-template-gesucht/1)

Hallo Leute,

eine eigene Homepage habe ich so lange. Leider habe ich mich bisher mit mehr oder minder schlechten (teils statischen) Systemen herumgeschlagen. Nun möchte ich (nachdem ich schon lange mit Typo3 herumexperimentiere) auf Typo3 umsteigen. Ein großer Schritt, ich weiß.

Eine Grundlegende Frage habe ich aber vorab: Angenommen ich bastel mir in Photoshop meine Idealseite zusammen, wie wird daraus ein Template, das ich in Typo3 verwenden kann? Welche Tools brauche ich, um z.B. aus der sehr "ebenen-reichen" psd-Datei ein schlankes Design-Template zu bekommen? Wie sind die Schritte, die man gehen muss?

Wo sollte man geschickerweise mit css arbeiten? Ab wann sollte man mit TypoScript formatieren?

Ein solches Tutorial (Von der Idee bis hin zum guten Template) habe ich irgendwie noch nicht gefunden. Und die super langweiligen Templates (doctuttemplateselect & co.) habe ich bereits abgearbeitet. Wie kommt man auf ein anspruchsvolles Template?

Liebe Grüße

Timm

## Antworten

### [#2](https://www.typo3.net/d/52558-website-gestaltung-tutorial-vom-psd-zum-typo-template-gesucht/2) · just2b · 2006-10-31

Guten morgen,

das hat relativ wenig mit TYPO3 zu tun und vermutlich sind da andere Quellen besser!
Nur mal als Extrembeispiel: <http://www.csszengarden.com> > schau dir an wie man vom Design zur Website kommt.
Und ohne Design ist diese Seite empfehlenswert > <http://blog.html.it/layoutgala/>

Grundsätzlicher Vorgang: Das psd richtig zerteilen in die einzelnen Abschnitte (header, navigation, content, footer, ...), dann das HTML-Template daraus bauen (siehe die beiden links) und das so lange machen bis es in allen browsern passt. Anschließend die marker/subparts setzen und dann rein ins TYPO3.

TS brauchst du (in der Regle) erst wenn du dann zB die Menüs usw erstellst.

viel erfolg
georg

### [#3](https://www.typo3.net/d/52558-website-gestaltung-tutorial-vom-psd-zum-typo-template-gesucht/3) · woida · 2006-10-31

Vor allem ist es wichtig, das du HTML beherrscht. Nur so wirst du deine Vorlage effizient in einzelne Grafiken zerschneiden.

---

Quelle: „Website-Gestaltung (Tutorial "vom PSD zum Typo-Template gesucht)“, typo3.net, https://www.typo3.net/d/52558-website-gestaltung-tutorial-vom-psd-zum-typo-template-gesucht
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
