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

Related Posts

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

SUBSCRIBE TO RSS

RSS FEED - EMAIL FEED

Simon North

Simon North

Hi, my name is Simon North and I run many sites including Help Developer as part of my company, Simnor Computing. I enjoy running my business and when I have spare time I like to help others by running and being part of forums. I also like to hang out with my mates, watch Friends and Scrubs on E4, play football and all the other stuff a bachelor tends to do.


View Author's Website
Comments RSS Feed

10 Comments

Comments Trackbacks
  1. Nate Says:
    August 8th, 2008 at 2:02 pm

    How could you add a drop-down menu to the links up top? If someone knows please email me: nironan12@gmail.com



Leave a Reply