Generally, wireframe has the basic elements of a Web page like header, footer and sidebar, perhaps even some generated content. It gives you, your clients and colleagues a simple visually oriented layout that illustrates what the structure of the website will be by the end of the project and that serves as the foundation for any future alterations.

Although there is no exact formula to making a perfect website template, there are some common rules of thumb to increase your chances of making a winning one. If you are looking for ideas on where to start with your next website design, the infographic below is a great place to begin.

This infographic was designed by Template.net that lets you guide to understanding the anatomy of a website template.