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
Discuss   Add this link to...  Bury


Comments Who Voted Related Links

Web Design Forum

Graphic Design Links and Tutorials is a Social Bookmarking and Voting Site for Graphic Designers, Web Designers and Photographers, featuring Design Blogs, Design Links and Design Tutorials
  
Username:

Email:

Password:

Verify password:
  
  
  
  
  
  


  

Graphic Design Links Affiliates