Web Design Articles - Separating the Content From Its Presentation

There are many ways for implementing this concept.private networks, intranets and the internet for
More than that, since the introduction of technologiesseveral years.
such as CGI, ASP, and PHP that allow webThe need to present the content in a standard way
developers to generate dynamic web pages, a lot ofthat separates it from any design elements was so
companies have found creative ways to developurgent that for the first time in software
their website applications using this concept as theirdevelopment history all the three major players (SUN,
foundation.IBM, and Microsoft) actually agreed with each other
Over the past few years, the internet communityand XML become a standard almost overnight and
has been trying to create a set of standards forwas adopted by many content providers and news
creating web sites. A new technology called CSS oragencies.
Cascading Style Sheets has been introduced. There isYet the concept was not fully implemented. CSS
nothing actually new in the way CSS handles a webhandles the styling aspects while XML handles the
page’s presentation. CSS allows the developer todocument content. What about the webpage layout?
define a style for each html tag element. This isNew websites are been published each day by
similar to the method developers (programmers)thousands. Every day millions of new web pages are
used in the old days when they attached a variablebeing added to the internet’s global database.
to each html tag defining its style. The majorWebmasters have found that changing the page
difference is that CSS style definitions can bebackground color or the font color might not be
interpreted by most of the existing browsersenough to keep their website fresh and polished to
available while in the older method the dynamic webcompete with other new websites. However,
page engine performs the interpretation.changing the website layout can sometimes involve a
The internet standards organization W3C haslot of effort because it involves modifying the web
encouraged the use of CSS by enhancing its ability topage source code. XSL was introduced to solve that
control the web page’s look and feel. New styleissue. Consider XSL a set of rules that can describe a
options have been added to the CSS specificationsweb page layout. Combine it with XML (and optionally
that have not been added to the HTML descriptionwith CSS) you will get a valid html file.
language. There’s no doubt that this was aXSL is very similar in its mechanics as any other
smart move. It has induced the web developers todynamic web page generator. Beside the fact that
use CSS to achieve an attractive web page that alsoXSL is platform independent, its biggest advantage is
supports the principle of content separation.that it can be processed on the client side. The web
Unfortunately CSS did not find its way into theserver sends the client the content using XML format
internet mainstream easily because of compatibilityand the layout definition using XSL format. By doing
issues with most web browsers. These days CSS isthat, the load on the web server’s CPU is
widely supported by most of the major webreduced allowing it to perform other tasks more
browsers, while CSS2, an enhanced version of CSSquickly. However, XSL was not adopted by all the
still has serious compatibility issues.major web browsers. So unlike XML, XSL has not
Obviously, the separation of content from itsfound its way to the market easily.
presentation deals not only with the styling aspects,Before you run back to your desk and start
but also with browser compatibility issues. The stylingredesigning your website according to these
aspects were the first to be handled by webmagnificent standards, you should be aware that
developers and web designers. As the complexity ofthose technologies are really not needed most of the
information technology (IT) systems becometime. In fact, using them unnecessarily can cause
increasingly more difficult to maintain, the internetperformance problems. CSS usually will not cause
community is looking for a solution that will become ayour system to slow down. Just try to keep your
standard so that content can be easily be managed.CSS file as small as possible. Many web developers
One goal for this standard is to define amaintain large CSS files with lots of unused style
“language” that IT systems candefinitions. Deciding to work with XML is a serious
“talk” with each other and exchangedecision. If your website generates dynamic web
information. Large corporations have historically usedpages supported by databases like MySQL, adding
many different software platforms in their networksadditional XML functionality will definitely reduce your
to conduct business. Internet based applications canwebsite performance. Sometimes you won’t
provide a single platform that can act as anhave a choice and will need to upgrade your
intermediary between all of these different systemshardware to maintain your website’s
and allow communication between them.performance. There is no rule of thumb for this issue.
XML (Extensible Markup Language) has been adoptedThe decision should be based on each system and its
as a standard to present the content itself. OFXengineering demands. Try to predict what kind of
(Open Financial Exchange) is a close relative of XMLfuture services your website will be providing. Plan
that has been widely used by financial institutionsyour website properly at stage one and save
who have been using Electronic Data Interchangeyourself lots of effort later.
(EDI) systems to transmit orders and invoices over