Before starting work on the eZ Webin template code, we need to create a wireframe in order to decide on the layout structure. We will use this structure to override the standard layout files.
A wireframe is a basic visual guide that is used in web design to suggest the structure of a website and the relationships between its pages.
Note
Wireframe editors
There are a lot of commercial and free wireframe editors. To create our site's wireframes, we will use the Firefox plugin called Pencil (http://www.evolus.vn/Pencil/).
We have chosen Pencil because it is open source and works on every platform that runs the Firefox browser.
If you need something more complete, you should take a look at Balsamiq (http://www.evolus.vn/Pencil/) or at OmniGraffle (http://www.omnigroup.com/applications/OmniGraffle/) if you have an Apple computer.