Full Website Layout

Photoshop - Creating the basic layout

This tutorial is the first part of a 3 parter. This will guide you through how to make your template in Photoshop ready for slicing and exportation.

---

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.

---

Changing the colour of your car

This tutorial with guide you through how to change the colour of a car:

Original	End Product
(Click for larger versions)

 

---

Userbars

This tutorial with guide you through how to make a simple userbars for your signature:

---