Full Website Layout

Posted on Sun, 2006-01-01 22:29

Full Website Layout

This tutorial is the first full site layout going from Photoshop to Dreamweaver and coding.

I am going to split the tutorial in to 3 pieces.

  1. Photoshop - Creating the basic layout
  2. Photoshop - Slicing your image for exportation
  3. Dreamweaver - Setting up the basic layout how you want it - Updated 12/03/06

A preview of what kind of site this can make can be seen here

The site I made while writing this tutorial can be seen here

This is a basic layout and fits on any resolution greater than 800x600. It's mainly design to work on 1024x768 and higher but is usable on 800x600 resolutions. The site is mainly pictures held within a table with an iframe to hold the content.

Go To Part 1 | Go To Part 2 | Go To Part 3

If you need help on this tutorial register on the forum and post your question.