Navigatie

Emoticons.cc Slicing / basing

Dit ontwerp moest in validerende html-code opgemaakt worden, en dan in xhtml met een semantische opbouw. Dit bleek een vrij lastige opgave te zijn gezien de indeling van het ontwerp.
Talen:
xhtml, css
Oplevering:
Zomer 2006
Website / url:
Emoticons.cc
Emoticons.cc
Op sommige plaatsen kwam de html definitielijst om dit ontwerp om te zetten in html, goed van pas. Bijvoorbeeld voor de berichtenbalk, of linkpartners aan de rechterkant. Op deze manier wordt er namelijk ook echt een relatie gelegd met bijvoorbeeld de naam van de persoon die een bericht heeft geplaatst, en het bericht zelf.
Het moeilijkst was het opzetten van de middenkader. Wanneer deze te breed was, duwde het andere elementen opzij. Wanneer het te smal was, klapten de elementen in waardoor de achtergrond niet goed getoond was. Maar uiteindelijk is de html-versie nagenoeg gelijk aan het origineel ontwerp.