Das Thema Photoshop zu Dreamweaver, trifft die Schrittfolge schon ganz gut. Prinzipiell solltest du auf jeden Fall ein paar HTML-Grundkenntnisse besitzen, wovonich mal ausgehe. Am Besten ist, du erstellst
1. Das Design komplett in Photoshop (PS), und überlegst dir dabei, wie man die Seite in Tabellenzellen packen kann, ohne dass man das nachher irgendwie unangenehm sieht, oder es auffällt, ... dabei legst du im PS deine Slices so, wie du die Grafiken nachher brauchst. Für Web speichern unter, und fertig
2. Legst du dir im Dreamweaver (DW) ne leere Seite an, und baust da die Tabelle nach, so wie du das im PS vorher geplant hast, wichtig dabei, dass alle border=0, cellpadding=0, cellspacing=0, damit die Grafiken genau aneineander passen.
3. Den Bereich mit der Scrollbox, den kannst du dann über verschiedene Lösungen erstellen, z.B. mit a) einem iframe, oder aber auch b) einfach ein Absatz, den du scrollbar machst, das ginge z.B.
a)HTML-CODE: <iframe height="200" width="200" scrolling="auto" src="text.htm"> Hier muss genügend Text rein, damit man scrollen kann </iframe>
b)HTML-CODE: <p style="width: 300px; height: 300px; overflow:scroll;"> Hier muss genügend Text rein, damit man scrollen kann </p>
in diesem Sinne, der Voegie