| The overall quality of the website quantifies its | | | | consistency of the site. |
| worth. It must not only be unique, flashy or | | | | Structure, on the other hand, is what makes up a |
| overwhelming, it should also be functional, | | | | page minus the presentational elements and content. |
| entertaining. It is not only there for display. Its there | | | | In theory, you can separate content and structure. |
| for a purpose and it should serve that purpose. | | | | However, to be a functional site it is advisable not to. |
| There are three elements that make up the website | | | | Structure should not be separated from presentation. |
| -it's the presentation, content and structure. They | | | | Presentation depends on structure, however, |
| are intertwined with each other to create an | | | | presentation should be separated. While main |
| awesome website. | | | | presentational changes may require change in |
| The very reason why separation of presentation is | | | | structure, content can be change even without any |
| necessary is to simplify any alteration from a minor | | | | need for structural change. |
| design adjustment to a full-fledged redesign. In order | | | | The perfect website separation system stores |
| to achieve this, isolation of presentation from the | | | | content in a database to tolerate the isolation and |
| rest should be completed. Isolation should involve | | | | management of content information. Structure and |
| everything purposely and exclusively geared towards | | | | presentation can be handled together - presentation |
| style. This is not limited to CSS or a site like CSS Zen | | | | with the stylesheet and accompanying structural |
| Garden. It also includes HTML tags and properties | | | | elements when needed. Structure, on the other hand, |
| that subsist only to offer a handle for the designer | | | | is best dealt with through a system of template |
| to apply styles to. | | | | package built using a server-side scripting language |
| Content is text which includes accompanying | | | | like PHP or ASP. Each template can have one or |
| semantic coding. It should not require any additional | | | | more stylesheets but every template package can |
| presentation tags or styles in order to convey the | | | | connect to the same with matching database to |
| message clearly. In isolated cases, additional tags are | | | | recover content for display. Lots of content |
| necessary to present the content correctly. The | | | | management systems provide varying levels of this |
| reason for the separation of content from the rest | | | | kind of support. Nonetheless, full-featured templates |
| of the page is to make adding and updating things | | | | systems that make CSS Zen Garden-like usage of |
| easy while still preserving the presentational | | | | stylesheets are few and better. |