Please check out the new Help Developer forum

Show Sidebar

Introduction: Design and code a website in The Gimp, HTML and CSS

June 18, 2008

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:

Continues below...


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

Submit to Stumbleupon Submit to Del.icio.us Submit to Google

SUBSCRIBE TO RSS

RSS FEED - EMAIL FEED