Separating Presentation, Content and Structure

 The overall quality of the website quantifies its worth. It must not only be unique, flashy or overwhelming, it should also be functional, entertaining. It is not only there for display. Its there for a purpose and it should serve that purpose. There are three elements that make up the website –it’s the presentation, content and structure. They are intertwined with each other to create an awesome website.

The very reason why separation of presentation is necessary is to simplify any alteration from a minor design adjustment to a full-fledged redesign. In order to achieve this, isolation of presentation from the rest should be completed. Isolation should involve everything purposely and exclusively geared towards style. This is not limited to CSS or a site like CSS Zen Garden. It also includes HTML tags and properties that subsist only to offer a handle for the designer to apply styles to.

Content is text which includes accompanying semantic coding. It should not require any additional presentation tags or styles in order to convey the message clearly. In isolated cases, additional tags are necessary to present the content correctly. The reason for the separation of content from the rest of the page is to make adding and updating things easy while still preserving the presentational consistency of the site.

Structure, on the other hand, is what makes up a page minus the presentational elements and content. In theory, you can separate content and structure. However, to be a functional site it is advisable not to. Structure should not be separated from presentation. Presentation depends on structure, however, presentation should be separated. While main presentational changes may require change in structure, content can be change even without any need for structural change.

The perfect website separation system stores content in a database to tolerate the isolation and management of content information. Structure and presentation can be handled together – presentation with the stylesheet and accompanying structural elements when needed. Structure, on the other hand, is best dealt with through a system of template package built using a server-side scripting language like PHP or ASP. Each template can have one or more stylesheets but every template package can connect to the same with matching database to recover content for display. Lots of content management systems provide varying levels of this kind of support. Nonetheless, full-featured templates systems that make CSS Zen Garden-like usage of stylesheets are few and better.

About the Author

For additional information and comments about the article you may log on to http://www.printingquotesonline.com

 Maricon Almonte

More Articles 

Ten Steps to a useable website. - Nigel Lew
10 Easy Steps to a Useable Website Building a useable website can seem daunting. Here is a quick guideline to help you on your way. It’s all about your content To get your website listed appropriately the content of your website needs to be...

Fonts are More Important Than You Think - Lee Asher
Most of the visitors to your website are going to spend 99% of their time doing one thing: reading your content. Given that the web is a medium mainly devoted to reading, it's surprising just how ignorant most page authors are about typography....

Drupal Modules - Sanjib Ahmad
There are plenty of Drupal Modules that you can install for your site as add-ons. What we liked best about Drupal modules is that it already comes pre-shipped with several modules. So a standard distribution contains several useful modules that...

The Shrek Model of Web Design - Christine Anderssen
Websites are like onions, you see, since websites have layers. And ogres are like onions, since ogres have layers. Websites are designed by web designers. Ergo - web designers are like ogres. So, let's explore why web...

The Secret Benefit Of Search Engine Optimisation: Increased Usability - Trenton Moss
A higher search ranking is what many website owners dream of. What they don't realise is that by optimising their site for the search engines, if done correctly, they can also optimise it for their site visitors. Ultimately this means more...

Printing Your Website the Right Way - Maricon Almonte
There are so many techniques and methods available to create a user friendly website. The first one is by using a server side routine or print stylesheets. The print version may strip out images and navigation that lose their meaning on the printed...

Top mistakes first time web developers often make. - Tristan Jud
So you are new to web design and development. You are thinking of creating a web site, well below are the top 15 mistakes created by first time web designers. Most people who are reading this will probably know these already but it was writting...

Making Better Web Graphics that grab your attention and load FAST. - John Catalfamo
AG Graphics Making Better Web Graphics that grab your attention and load FAST. Volume 1, Issue 1 October 1, 2004 You are subscribed to - Making Better Web Graphics that grab your attention and load FAST. If you wish to be removed, you can find...

The Smaller, the Better: Avoiding Graphical Overload - Lee Asher
When you're designing your website, it's easy to start loading it up with graphics, creating images that you think look good and piecing them together to make a design. While it's a tempting way to do things, you have to try to avoid it as...

A LITTLE ADVICE from THE MAC LADY - Nancy O Johnson
I am a web designer, and an internet junkie and I have a few pet peeves that need purging... TIPS FOR YOUR WEB SITE If you are a "real" company with "real" products and "real" people, please put your address and phone number on your site (usually...

PHP & Templates - Oland Whitecotton
Much in the same way PHP can display dynamically generated content , PHP can change the whole look of your site. Through a template system and simple variable that sets a session containing the user's preferred template, you can make your site...

Why CSS Is Good For Your Web Site - Paul Silver and David Rosam
Cascading Style Sheets (CSS) are used within the HTML behind your Web site as a way of controlling how each page is laid out and what elements on it look like. For instance, you can use CSS to make headings in your copy a standard size across the...