We are going to design and code simple website. Part 1 will be GIMP design of home page, Part 2 Slicing GIMP design (home page) and Part 3 will be code.
Step 1 - What you need
- GIMP
- A code editor (Notepad++, Sublime Text 2 or 3, or any other)
- Basic understanding of how HTML works, basic syntax and tags
- Basic understanding of CSS, also you should understand how selectors work and be familiar with basic properties.
- A browser Chrome, Firefox ...
We will make a very simple home page, with four basic elements: header, content, sidebar and footer.
Tip: when you make some changes to the document, press CTRL+S to save document.
Step 3 - Let's start
Open up new GIMP document (CTRL+N), for example, 1100px by 1200px.
Save file, for example, first-website.xcf.


