A trocear me refiero a lo siguiente, te voy a pasar una pantalla de mi ultimo diseño para que veas a que me refiero.
Imagen: 
Fijate en las guias y en los numeros, las guias te sirven pasa saber por donde cortar la imagen, como veras te he puesto numeros para que sepas como diferenciar el diseño.
Numeración:
1º Fondo de la página.
2º Encabezado.
3º Zona donde poner los enlaces/menus, en mi caso seran desplegables.
4º Zona dodne sale el contenido.
Una vez que tienes definidos las zonas de corte y donde van colocadas lo pasarias al DreamWeaver.
Por ejemplo en la zona de texto no hay que poner ninguna imagen, simplemente en el dreamweaver le indicamos el color que tiene. Para el fondo de la página con coger 1 pixel de ancho y de largo hasta el final del degradao, se hace que se repita en horizontal por CSS, con lo que da el efecto que tiene.
Para evitar que me copien el diseño he reducido la imagen real y la he rayado 
.
En cuestion a los nombres, normalmente el index es el que contiene el diseño de la página web y el resto que es el contenido va en diferentes archivos.
Cada uno tiene una forma de trabajar diferente, y según con que lenguaje la hagas se puede hacer de una manera y otra.
Yo por ejemplo me organizo las cosas con diferentes directorios, por ejemplo los comunes: CSS, Images, JS, en esos meto las cosas comunes de todas las páginas, si por ejemplo hago un "apartado" para clientes, hare un directorio sólo con los archivos de los clientes aunque si tu lo ves desde la página principal es como si estubieran todos juntos, yo lo hago asi pasa saber donde buscar los archivos en el caso de tener que cambiar algo.