Chapter . Design a beautiful Web header: Create an effective header the easy way. Just think in sections.

The header of a simple Web page is its most important visual element. On many blogs, it’s the only visual element. So it has a big job to do! It must identify the site and set its visual tone. It must convey at a glance what kind of site it is and what its attitude is. The header must also provide easy navigation. All of this is easy to do by building three sections, one for each function, and unifying them with visual similarities. Here’s how to put that together.

Design a beautiful Web header: Create an effective header the easy way. Just think in sections.

Start by divvying up the space

A Web header spans the page and is extremely shallow. ...

Get Before & After now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.