Full Website Layout

Photoshop - Slicing your image for exportation

This tutorial is the second part of a 3 parter. This will guide you through how to slice your template in Photoshop ready for exportation to HTML.

---

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.

---

Page Header Bar

This tutorial with guide you through how to make a header bar for your website and is only limited by your imagination:

This tutorial takes in to account that you know the basics of Photoshop.

---