Hello and welcome to my 4 part tutorial on how to design a website in the Gimp, then slice it and code it into HTML and CSS without using tables or Dreamweaver/Frontpage, instead we will use Notepad.

The final result will look like this:



The tutorial will teach how to create and style CSS divs and classes as well as teaching you how to create menu rollovers, it is perfect if you are new to coding websites.

The tutorial comes in four parts as detailed below:

Part 1 teaches you how to design the site in the Gimp

Part 2 teaches you how to slice the design ready for coding

Part 3 teaches you how to code the layout and add the content

Part 4 teaches you how to style the links, headings and menu buttons