Search
Recommended Sites
Related Links






   

Informative Articles

Dynamic pages
Dynamic pages Dynamic pages and the Search Engines By Clare Lawrence 10th March 2003 Clare is the CEO of Discount Domains Ltd a leading UK Domain name registration service. Do search engines such as Google penalise dynamic pages? Dynamic pages...

Improving Website Performance
Images, graphic and flash animation Many sites have images or graphics that are too large. By too large, I don't necessarily mean the dimensions of the images, but the file size is excessive and doesn't load quickly in a web browser....

Mistakes when using Macromedia Flash
My own mistakes when using Macromedia Flash I have used Macromedia Flash for all the wrong reasons in the past and i would like to take some time to warn you, so you don't have to make the same mistakes i have. Quite some time ago now i...

Um pouco de SIW
Muitas pessoas já me perguntaram o que é SIW. SIW é a sigla de Sistemas com Interface Web. O SIW é o desenvolvimento de Sistemas normais utilizando a Interface Web, que tem diversas vantagens perante a interface gráfica normal, como: -...

Why is Optimizing Your Site For Speed is Important? Tips on How to do so!
If there is one thing we have all suffered through is waiting for a site to download online. It seems like it is the worse thing in the world and will never end. We actually either click off of the site or after the initial download of the frontpage...

 
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