Mockup

After covering many basic topics of CSS, we can finally build an HTML5 and CSS3 layout, confident that we’ll be knowledgeable enough to do so without any major hiccups.

We’ll build the layout in several steps:

• The mockup
• The HTML
• The CSS

First, we’ll prepare a rough draft of what our website will look like. Then, we’ll convert the actual structure into HTML, and finally, we’ll turn it into a user-friendly interface with the help of CSS.

The mockup

For a simple mockup, we can sketch it out on paper or use any software that can draw squares.

It’s as simple as that!