LuCaspeRobin + Thomas ;-)

Stories on Webdesign

Handreiking Jeugdwerkloosheid

01 January 2004

small screenshot of the website of Handreiking JeugdwerkloosheidThis website is a compilation of an extensive report. For the report to be as widely distributed and available as possible it was decided to make a website of the contents. Normal structural elements like a sitemap, a links-section, the possibillity of a simple and an advanced search of the contents, a news section and a site-wide navigation were applied to the content. The result was quite good. But like many website-designs making it look the same in all the three major Windows-browsers (IE, Mozilla and Opera) is quite a challenge! If only all browser-builders would adhere to webstandards!

http://www.handreikingjeugdwerkloosheid.nl To make the website cross-browser we wanted to separate structure and design. We removed all styles applied directly in the HTML-markup. What was left was pure HTML-structure. Then we proceded to make the HTML technically and semantically correct. After this what we had was a working website, without the design applied (a little like what the Internet looked like before styles and designs were even possible). Then we proceded with the design. We applied the style-elements from the stylesheet to the different HTML-tags, step by step. Having done this what we had was a website complying to standards as much as possible and where content and design had carefully been separated. And by adhering to standards we also assured that it passed the cross-browser test with flying colours!

Updated 19 March 2004, by Sebastiaan Naafs - van Dijk

small screenshot of the website of Handreiking Jeugdwerkloosheid after new stylesheet applied As you can see from the second screenshot, the styles and design have changed. The good thing is that the HTML-structure is intact, the only thing that has changed is the stylesheet (a little like what happens when designers are let loose on the CSS Zen Garden!). It proves that the structured markup is so good and well-formed that adding a new look-and-feel to the site is really only about styles and design. Now this website has the same look-and-feel as the mother-site http://jeugdwerkloosheid.szw.nl.

Updated 02 August 2004, by Sebastiaan Naafs - van Dijk

As of today I officially have taken over the technical and functional maintenance of this website. This implies doing updates, ensuring that the code (HTML and Cold Fusion) is always optimal and that the reliability is as close to 100% as possible. I have three days a month for this - should work out quite nicely. Quite fun actually, that I end up doing all of this considering my involvement in this website!

Updated 16 August 2004, by Sebastiaan Naafs - van Dijk

After some re-reading of the text I've decided to re-phrase the original part of this entry (instead of editing the text with the <del>-tag, like this and the <ins>-tag, like this). It seemed that I had been a little careless with my wording and that I had offended some people who had read this entry.

My appologies and excuses towards those affected!

Updated 01 October 2004, by Sebastiaan Naafs - van Dijk

small screenshot of the website of Handreiking Jeugdwerkloosheid after redesign News-section The last couple of months I've been tweaking the current design and developing some new aspects of the website. One wish was to do something about the News-section. About every two months there's a big thematical update and this news needs to be put to the attention of the visitor. Until now there was a news-link in the menu on the right, but only on the frontpage. So I designed a small news-box for the frontpage and a completely new News-section. The news-box contains a summary of the last added items (documents, examples and links) with a link to the News-section. There you'll find an introduction to the theme of this update followed by a complete listing of the freshly added items. Both designs are marked up with <div>'s and made up with styles that can be found in the styleheet. It's also totally liquid. Futhermore it's cross-browser and future-prepared (XHTML).

Posted by Sebastiaan Naafs - van Dijk | top

Post a comment on "Handreiking Jeugdwerkloosheid"

* 
* 
HTML not allowed. Maxlength 1000 chars (excess trimmed).
E-mails never shown. URL's are auto-linked, though rel="nofollow" will be added.
 
Leave this field empty

Comments preview

  1.  posted:
    1

    ... on 29 March 2024 @ 10:17