Categorie Maatwerk CMS International Business Days Rotterdam
In samenwerking met School of Commercial Management en School of Financiel Management organiseert de Rotterdam Business School workshops voor hun studenten. De workshops, gehouden van maandag 9 november tot en met vrijdag 13 november 2009, zullen door externe sprekers verzorgd worden.
- Klant:
- Hogeschool Rotterdam
- Opdrachtgever:
- Oil4 Communication
- Vormgeving:
- De Nieuwe Vorm
- Talen:
- xhtml, css, js, php, mysql
- Oplevering:
- Herfst 2009
- Website / url:
- International Business Days Rotterdam
De beknopte website met toch verschillende ontwerpen is op moderne en speelse wijze vormgegeven door De Nieuwe Vorm, een grafisch vormgevingbureau te Vlissingen. Het project en realisatie is geleid door Oil4 Communication te Rotterdam.
Er is bewust gekozen voor het gebruik van het CMS tegenover de ontwikkeling van een statische website. Enkele taken, waaronder voornamelijk het genereren van een programma en de indeling van de workshop-pagina's kon gezien de omvang het best geautomatiseerd worden. De afwisseling in de vormgeving maakte het tot een uitdaging de website in enkele dagen op kwalitatieve wijze op te leveren.
CSS Sprites en cross-browser compatibiliteit
Voor deze website zijn verschillende afbeeldingen toegepast om de 5 verschillende ontwerpen ofwel templates grafisch vorm te geven. Bij de eerste omgezette ontwerpen naar HTML en CSS, was er gebruik gemaakt van 26 afbeeldingen.Door middel van CSS Sprites ga je afbeeldingen samen voegen in een enkele afbeeldingen, daar waar het praktisch is (rekening houdend met kleurgebruik en benodigde transparantie en/of extensie). Hiermee heb ik het aantal afbeeldingen kunnen reduceren tot een aantal van 8. Het aantal benodigde requests om afbeeldingen in te laden, is aanzienlijk gereduceerd. Dit betekent logischerwijs dat de website sneller geladen wordt.
Daarnaast is rekening gehouden met andere browsers, waarbij Internet Explorer 6 de grootste uitzondering vormde doordat het geen PNG transparantie ondersteunt. In plaats van een IE PNG fix toe te passen, heb ik er voor gekozen een gif-afbeelding in te zetten voor IE6, waarbij er in beperkte mate ingeleverd wordt op grafisch kwaliteit.
Voor het overzicht van workshops en lectures, is een tabel gebruikt waarin achtergrondafbeeldingen verwerkt zijn. Helaas is het gedrag van achtergronden op tabelrijen niet gelijk in de verschillende browsers als IE, FF, Chrome of Safari. Dit is opgelost door de afbeelding toe te kennen aan een tabelcel en deze vervolgens per tabelcel te positioneren.
*Na de workshops (november 2009) gaat de website weer offline
