Acrobat X Files

Home > Programming > CSS Tutorial

Remaking DMXzone in CSS and XHTML

Sort Desciption:

... For a great list of hacks visit the page http://centricle.com/ref/css/filters/ . The \ hack does the ... the National Information and Library Service, Australia and have a free tutorial ...

Content Inside:

DMXzone remake in CSS and XHTML George Petrov, Patrick Woldberg Remaking DMXzone in CSS and XHTML DMXzone is built in ASP working together with a MS SQL Server 2000 database. The original code was a few years old and had started off "clean" but had more and more features bolted on.  By the time we decided to retrofit it,  the main pages were layers of nested tables,  presentational HTML mixed in with structural HTML all inside files together with other html and ASP code;  there were 6000 pages stored in the database and the result was a homepage of 100K that was a huge tangle of spaghetti that would make Pavarotti turn green and ask for a burger instead. Before we started on the CSS … Our first stage of the redesign was to separate the ASP that handles the business logic and the presentational ASP by dividing different page elements in separate modules module for sidebars, header, content,  footer etc which is "assembled" when the user requests a page.  We introduced HTML template files for each site element that were included into the ASP when needed.  This split the HTML out into HTML templates that had special ##key## holders where the real content and titles could be automatically placed. This way we were able to do lots of different page designs! Maybe you dont know, but we use the same content management system from DMXzone for lots of different company sites and other communities that have completely different layouts and designs. This was all possible by separating the code from the design and using our own dynamic  template inclusion in ASP so that eventually everything gets glued nicely. This prepared the way for our CSS conversion,  as we only had to change the HTML template files and very little change to the ASP code was necessary.  Heres the story of how we reduced our homepage from 100 to 40K by duplicating our nested-table design in almost-pure CSS. How i ...

Source: www.fwzone.net

 

Related Files

The 30 minute CSS tutorial

Filed under: Programming and CSS Tutorial
They free your content (the HTML document) from the layout (the CSS file), so you may change your website ... With CSS, you first define the style. Then as you are writing the HTML, you apply the required ...

12 CSS LAYOUTS

Filed under: Programming and CSS Tutorial
A great tutorial by Jeffrey Zeldman that chronicles the steps needed to create a ... The Box Model Hack Lovingly crafted by Tantek Çelik, the Box Model Hack (www.tantek.com/CSS ...

12 CSS LAYOUTS

Filed under: Programming and CSS Tutorial
Great examples of multicolumn layouts created with absolute positioning.

Formatting Web Pages with Style Sheets

Filed under: Programming and CSS Tutorial
This way, when you want to change the look and feel of your Website, all you need to change is the style sheets. Style Sheet Fundamentals Style sheets, or more properly Cascading Style Sheets (CSS) ...

Flash sty ling with CSS and Flash

Filed under: Programming and CSS Tutorial
... may 2007 .net technique flash Knowledge needed Basic CSS, Flash ... Key styles such as margins, fonts and font sizes can be grouped ... or tags class attribute. Getting started In this tutorial, Ill ...