Techzine - Graphics & Webdesign - Website Contest Uitslag

Geplaatst op maandag 10 oktober 2005 22:29

http://www.techzine.nl/uploaded/19124_f6655f7c.jpg

http://www.techzine.nl/f/g/19124phpMcBlYm.jpg

Inleiding:

Je bent beland in het topic over de uitslag van de Website Contest.
Ik (nelizz15) had het idee om een website contest te starten op Techzine, na een poll te hebben gehouden heb ik een topic geopend.
25 juli was het zo ver, ik opende een topic en de contest was begonnen.
Vrijwel direct had de jury 3 leden erbij, en veel leden gingen enthousiast aan het werk. Hoewel maar een vijftal leden een final hebben ingeleverd was het toch een hele klus om alles na te kijken!.

Een bedankje dus voor:
- Metalman
- Joolee
- Markjuh
- el_machia
- (Ja en ikzelf

)
Deze mensen hebben de websites bekeken en daar een verslag over geschreven. In dit verslag hebben ze hun kritiek geleverd op de websites.
Hierna hebben ze de website een cijfer gegeven, het gemiddelde hiervan genomen en je hebt een top 5.
Helaas hebben we van markjuh en joolee niet voor alle sites beoordelingen mogen ontvangen.

Hieronder staan een paar linkjes die je naar de verslagen van die persoon stuurt.
Veel kijk/leesplezier, en laten we hopen dat er ooit nog een 2de contest komt!

De Verslagen:

Angeloonie
Civil
6(sic)6
JLkiller
Good Fella
De uitslag!

nelizz15 wijzigde dit bericht op 13-10-2005 19:24 (255%)

Jouw advertentie hier? €2,50 per maand. Pm voor meer informatie.

Geplaatst op dinsdag 11 oktober 2005 17:17

nelizz15

Angeloonie

Website= Klik
Eindcijfer= 7.8

Door: nelizz15

Compatibiliteit:

Menu werkt goed, alleen in IE valt het menu voor een deel weg doordat de colorchanger erdoorheen loopt.

Gebruiksvriendelijkheid:

Menu werkt dus niet helemaal goed in IE, buiten dit is het erg fijn om met het menu te werken. Lettertype is wat aan de kleine kant.
Colorchange werkt ook leuk, alleen bij rood krijg ik een “grijze” lay-out?

Lay-out:

Erg kaal, in IE en FF ziet het er hetzelfde uit. In IE zitten een paar foutjes:
1. Het menu wat niet goed werkt (zie hierboven)
2. Onder de colorchanger staat een lege witte balk
3. De laatste 3 kleuren bij de colorchange zitten geen tussenruimte, in FF wel.
Schaduwen zijn ook erg mooi gedaan, geeft een beetje 3d effect.

Code:

Mijn complimenten, je maakt netjes gebruik van divs, en voor de menus maak je gebruik van <lu> tags.
Alleen er staat onnodige code in:

code:

1	<div id="header"></div>

Die kun je ook wel weglaten

.

Eindoordeel:

Code is goed, lay-out wat kaal.
Toch een dikke 7

Door: Metalman

Compatibiliteit:

In Internet Explorer treden er wat kleine layout bugjes op. Vooral de dropdshadow achtergrond plaatjes vallen af en toe een beetje weg. Ook ligt het dropdown menu in Internet Explorer achter de styleswitcher. Ook zijn de marges in IE een beetje anders dan in FF.

Verder heb ik geen bugs ontdekt.

Gebruiksvriendelijkheid:

Dik in orde, het is duidelijk waar je moet zijn om iets te doen. Alleen de styleswitcher is ietwat onduidelijk. Daar had wel een kopje boven gemogen.

Uiterlijk:

Het is een erg cleane site. Dat vind ik persoonlijk altijd wel mooi. Ook de diverse styles zijn redelijk tot goed uitgewerkt. Ik vind de blauwe style het minst geslaagd: de donkere achtergrond maakt dat de site een stuk minder rustig oogt.

Code: $\:)$

Valid?
De site is valid XHTML 1.0 Strict. Prima dus, dat valt nog lang niet altijd mee

HTML:
Grotendeels mooi gestructureerd. Er wordt correct gebruik gemaakt van bijvoorbeeld unordered lists in het menu. Wat me wel opvalt is dat de header div onderaan in de code staat, en het content gedeelte bovenaan. Niet helemaal logisch, maar geen minpunt waard wat mij betreft.

CSS
Prima in orde. Beetje kortaf, maar veel meer valt er wat mij betreft niet over te zeggen

Semantiek
Wederom prima in orde. Zo is de site ook zonder CSS ingeschakeld prima te bekijken. Enige puntje wat ik heb is dat het wellicht verstandiger is om in de h1 tag de titel van je site te zetten. Die is nu alleen zichtbaar als je het header plaatje inlaadt. En dat gebeurt niet als je CSS uitzet, of de pagina uitprint. Dus, een h1 met daarin de naam van je site, en in de h2 de naam de pagina waar de bezoeker op dat moment op zit.

Eindoordeel: $\:)$

Al met al een prima site. Het ziet er lekker uit, en de code mag er ook zeker wezen.

Cijfer: 8,5

nelizz15 wijzigde dit bericht op 13-10-2005 16:23 (75%)

Jouw advertentie hier? €2,50 per maand. Pm voor meer informatie.

Geplaatst op dinsdag 11 oktober 2005 17:19

nelizz15

Civil

Website: Klik
Eindcijfer: 5.9

Door: nelizz15

Compatibiliteit:

Precies hetzelfde in IE en FF, compliment hiervoor.

Gebruiksvriendelijkheid:

Ja valt niet zo veel over te zeggen, menu werkt gewoon. Het uitschuif menu ziet er prachtig uit. Letters zijn goed te lezen. Met blauwe achtergrond zijn de letters echter zeer moeilijk te lezen.

Uiterlijk:

Lay-out is erg saai, weinig gedurft. Zoals al gezegdt menu werk erg mooi, leuk dat het zo langzaam uitschuift.

Echter, je voldoet niet aan alle eisen.
1. Je hebt maar 2 verschillende achtergrond kleuren
2. Contant formulier ontbreekt
3. Fotopagina ontbreekt.

Code:

Niks op aan te merken, je gebruikt divs en menu’s doe je met <lu> tags, erg goed!
Ook maak je veel gebruik van <p> tags ook erg goed

.

Eindoordeel:

Leuke website wel wat kaal. Codering is helemaal perfect.
Een 7.

Alleen je voldoet niet aan alle eisen, elke eis is 1 punt minder, je hebt 2 achtergrond kleuren dat is een halve punt.
Dus:
7-2,5= 4,5

Eindcijfer= 4,5

Door: Metalman

Compatibiliteit: $\:)$

Tot nog toe heb ik geen enkel verschil ontdekt tussen de weergave in FF en IE. Dik in orde dus.

Gebruiksvriendelijkheid:

De website is duidelijk qua vormgeving. De navigatie is ook prima te bereiken. Overigens had die van mij wel parallel mogen lopen met het kopje Nieuws. Maar dat is een kwestie van persoonlijke voorkeur.

Handig is dat de navigatie op dezelfde plek blijft staan als je scrollt. Je hoeft dus niet eerst weer omhoog te scrollen als je naar een andere pagina wilt.

Negatief: de andere styles zijn niet (goed) uitgewerkt. Zo werkt de Orange variant überhaupt niet, en is de Blue variant ronduit lelijk. Dat zijn helaas wat minpunten.

Uiterlijk:

Clean, duidelijk leesbaar. Misschien zelfs wel iets té clean

Verder weinig over op te merken, het is een prima layout.

Code: $\:)$

Valid?
De site is valid HTML 4.01 Strict.

HTML:
Prima. Er wordt netjes gebruik gemaakt van HTML elementen, en ook nog op de juiste manier.

CSS
Prima in orde. Vooral een pluspunt is het gebruik van em's om margin, padding, etc. aan te geven. Dat maakt de site goed schaalbaar, ook als de user de font size omhoog zet.

Semantiek
Wederom niks op aan te merken eigenlijk.

Eindoordeel:

Prima site, nette code. Maar helaas heeft Civil zich niet aan de opdracht gehouden. Zo is er geen pagina met een formulier, en is de styleswitcher magertjes uitgewerkt. Ik had eigenlijk een 8 in gedachten, maar hierdoor gaat het cijfer toch echt wel omlaag.

Cijfer: 7

Door: El_Machia

Compatibiliteit:

In IE en FF geen verschil tussen de site, prima werk dus.

Gebruiksvriendelijkheid:

Goed gebruik van titeltjes.
Duidelijke structuur en dus zeer overzichtelijk.
De navigatiebalk links blijft steeds binnen handbereik, dus hoef je niet steeds naar boven te scrollen.
Wat in de tekst klikbaar is, is netjes onderlijnd, dus gemakkelijk te herkennen (je maakt ook gebruik van zogenaamde tooltips dus dat is ook goed).

Uiterlijk:

Groene lay-out : de groene kleur is gruwelijk. Ik dacht dat dat soort kleuren echt wel passé waren. Witte achtergrond is ook beetje saai.
Blauwe lay-out : overdreven blauw? Echt leesonvriendelijk, je klikt meteen terug naar die groene lay-out. Dat gruwelijk groen bij dat flash blauw, amai mijn ogen!
Oranje lay-out ontbreekt, maar misschien is dat goed nieuws, gezien de gebruikte felle kleuren.

Geen consequentie in data : 05 Aug en jun 16 . Hoofdletter wel, hoofdletter niet? Getal eerst, getal laatst?

In mijn opzicht staat die "style" er wat losjes te zweven... Niet echt duidelijk wat die daar apart staat te doen.

Eindoordeel: $\:)$

Een site met veel potentieel. Spijtig dat die precies halfafgewerkt is. Doet me trouwens beetje aan de wikipedia's denken. Ik geef je gezien je niet aan alle eisen voloet toch nog een 5 voor de moeite en de tijd die je er hebt ingestoken.

Eindcijfer= 5

_{even de tables van deze post wat netter gemaakt}

Civil wijzigde dit bericht op 13-10-2005 20:47 (87%)

Jouw advertentie hier? €2,50 per maand. Pm voor meer informatie.

Geplaatst op dinsdag 11 oktober 2005 17:25

nelizz15

6(sic)6

Website: Klik
Eindcijfer: 7.7

Door: nelizz15

Compatibiliteit:

Website ziet er in IE en FF hetzelfde uit, goedzo!

Gebruiksvriendelijkheid:

Ja daar ben ik niet zo tevreden over, het menu werk erg lastig en het heeft me 2 minuten geduurd voor ik wist hoe ik de stylechange kan gebruiken.
Het menu gaat alle kanten op als ik iets wil selecteren

.

Lay-out:

Mooie lay-out de verschillende styles zijn ook leuk. Menu vind ik maar niet handig. Letters zijn goed duidelijk leesbaar.

Code:

Goed! Je maakt gebruik van div en voor je menu gebruik je lists. Verder niet zoveel op aan te merken

.

Eindoordeel:

Ja ben wel tevreden over de website, code en lay-out zijn beide erg mooi alleen dat menu is wat minder.
Cijfer: 7,5

Door: Metalman

Compatibiliteit: $\:)$

Voor zover ik zie werkt alles in zowel IE als FF prima.

Gebruiksvriendelijkheid:

De navigatie is duidelijk. Ik ben iets minder te spreken over het menu, ik zou liever zien dat het pas uitklapt als je er op klikt. Het word een beetje onrustig als je met je muis door het menu heenloopt.

Ook mogen naar mijn smaak de bullets van de submenu's wel binnen het witte vlakje staan. Dan wordt het optisch nog iets duidelijk dat het om een submenu gaat.

Uiterlijk:

Een prima layout. Mooi strak. Maar uiteraard heb ik nog wel een paar puntjes gevonden. Zo is het contrast tussen de tekst in het content gedeelte, en de achtergrond naar mijn smaak te klein. Een grote lap tekst lezen op deze site is hoofdpijn veroorzakend.

Verder vind ik de kleurstelling ook nog iets missen, er worden eigenlijk maar 2 kleuren gebruikt in de hele site. Een beetje feller kleurtje op een paar kleine plaatsen zou geen kwaad kunnen.

Tot slot nog even over de contact pagina: in principe goed aan de opdracht gehouden, maar ik vind het toch niet erg creatief. Een hover toevoegen kan iedereen, verder is er weinig creatiefs aan de formulier elementen.

Code:

Valid?
Validatie is door Joolee al vermeld, hier heb ik niks aan toe te voegen.

HTML:
Op zich goed, maar ik heb nog wel wat top en aanmerkingen. Allereerst vraag ik me af waar de <map name="menu_nav"> regel voor nodig is aan het begin van het menu. Het is geen image map, dus die mag gewoon weg.

Verder is het afsluiten van HTML tags in XHTML/XML stijl, bij een HTML 4.01 doctype niet zo netjes natuurlijk. Dan moet je of XHTML gebruiken of niet, maar niet een combinatie.

Tot slot mis ik de h1 tag met de titel van de site erin. Een h1 tag met de naam van de site is imo toch een must, desnoods met een display: none;. Zoekmachines zijn er blij mee, en tekst only browsers ook. Momenteel zie ik dat de h1 wel gebruikt wordt, maar dan voor de naam van de huidige pagina. Daar kan je dan beter een h2 voor pakken.

CSS
De CSS code ziet er netjes uit. Weinig over te zeggen wat mij betreft, prima in orde.

Semantiek
Semantiek is wel redelijk in orde.

De structuur van het menu is vrij netjes, maar het kan imo nog net iets beter. In plaats van de huidige indeling:

code:

<ul id="navigation">
  <li class="menu_head">Hoofditem</li>

  <li class="menu_link">Sub item</li>
  <li class="menu_hover">Sub item
    <ul>
    <li>Sub sub item</li>
    <li>Sub sub item</li>
    <li>Sub sub item</li>
    </ul>
</li>

Kan het ook zo:
code:

<ul id="navigation">
  <ul class="menu_head">
    <li>Hoofditem</li>
      <ul>
        <li>Sub item</li>
        <li>Sub item
          <ul>
            <li>Sub sub item</li>
            <li>Sub sub item</li>
          </ul>
        </li>
      </ul>

Zo is het nog beter gestructureerd, ook als je de CSS styles uitzet is het dan nog duidelijk hoe je navigatie loopt.

Verder valt mij op de contact pagina op dat de h3 tag voor zowel de pagina titel als de beschrijving van form elementen wordt gebruikt. Niet zo netjes semantisch gezien. Daarvoor kun je beter een <label> tag gebruiken. Met for attribuut kun je deze koppelen aan een bepaald formulier element.

Eindoordeel: $\:)$

Prima website. Nog wel wat ruimte voor verbetering, maar dat is natuurlijk niet erg.

Cijfer: 7,5

Door: Markjuh

Compatibiliteit: $\:)$

Niks op aan te merken.

Gebruiksvriendelijkheid:

Vind dat menuutje niet helemaal geweldig kwa gebruik. Ik zie de logica van zn styleswitcher niet echt. Je houd je muis op een style, bijvoorbeeld "Style 4". Dan krijg je onder die tekst een klein vakje met "Groen" te zien, maar dat is geen linkje, je moet gewoon op Style 4 klikken. Wat heeft dat "Groen" dan voor nut op die plek

Uiterlijk:

De layout is goed, erg duidelijk. Niet veel poespas, maar gewoon erg strak. De verschillende style's vind ik wel lelijk. Alleen de basicstyle is mooi eigelijk. Maar ik vind wel dat het gehele gedoe wat meer kleur mag hebben, het is nogal eentonig zo.

Code:

Valid?
Hetzelfde als Joolee

HTML:
Ik vind het jammer dat hij bij de Contact pagina gebruik maakt van <br>'s... En niet van bijvoorbeeld definition lists, die zijn daar toch wat meer op zn plek, en die kun je ook nog wat leuker stylen, en niet alles recht onder elkaar zoals nu.

Toch jammer van dat [if IE] trucje. Ookal gebruikt TZ het ook, ik persoonlijk vind het een ranzig trucje.

Ook heeft hij alle menu items in één UL staan, ik persoonlijk zou ervoor kiezen voor ieder submenuutje een aparte UL te doen.

CSS
Prima.

Semantiek
Prima.

Eindoordeel:

Resultaat is erg goed, deze krijgt van mij een 8.

Cijfer: 8

Door: Joolee[/url]

Compatibiliteit:

http://wyger.nl/usr/joolee/images/Smileys/Aangepaste%20TZ%20Smileys/rol.gif

Helemaal niets op aan te merken

http://wyger.nl/usr/joolee/images/Smileys/Aangepaste%20TZ%20Smileys/feest%20msn%20like.gif

Gebruiksvriendelijkheid: $\:)$

Het menu werkt lekker, het is even wennen dat als je over een link met submenu gaat de rest naar beneden word geschoven
misschien een onclick van maken?
in z'n menu heeft hij mooi gebruik gemaakt van hovers (achtergrondkleur word donkerder), alleen in z'n submenu's niet :/

Uiterlijk:

de structuur is helemaal in orde, niets op aan te merken
de kleuren kunnen alleen wel iets beter, erg grijs enzo
ook de alternatieve kleuren zijn erg saai (groen is wel leuk)

ik mis een appart kleurtje als achtergrond van de content, wit misschien iets?

Code:

http://wyger.nl/usr/joolee/images/Smileys/Aangepaste%20TZ%20Smileys/XD.gif

Valid?
HTML: 5 errord, hij gebruikt de xhtml methode om tags af te sluiten :/
CSS: Een paar wat ernstigere waarschuwingen maar al met al ziet het er goed uit

HTML:
niets op aan te merken

CSS
Apparte CSS Stylesheets $\:)$
Indeling: netjes
alleen jammer dat voor het veranderen van de kleur gelijk alle onderdelen van de stylesheets vervangen moeten worden

ziet er verder goed uit, ik kan weinig fouts ontdekken

Semantiek
Kan natuurlijk altijd beter al betwijfel ik dat hier

ziet er erg goed uit

nelizz15 wijzigde dit bericht op 13-10-2005 18:19 (43%)

Jouw advertentie hier? €2,50 per maand. Pm voor meer informatie.

Geplaatst op dinsdag 11 oktober 2005 17:25

nelizz15

JLkiller

Website: Klik
Eindcijfer: 5

Door: nelizz15

Compatibiliteit:

In IE en FF is de website vrijwel gelijk, goed gedaan!

Gebruiksvriendelijkheid:

Het menu voelt gewoon niet lekker aan, ik vraag me soms af of het nou een onclick of een onmouseover is. Als je met je muis van het menu afgaat sluit het menu soms ook niet.
De achtergrondkleur veranderaar ziet er leuk uit, echter bij zwarte achtergrond kleur had je misschien beter een ander kleur lettertype kunnen kiezen, maarja dat stond niet in de opdracht

.

Uiterlijk:

Goed overzichterlijk, het oogt proffesioneel. Alleen het menu werkt niet lekker.

Code:

Ben ik niet echt over te spreken, je gebruikt divs en tabellen door elkaar heen?
Voor het menu gebruik je ook divs hier had je beter list tags kunnen gebruiken.

Eindoordeel:

Lay-out oogt proffesioneel, menu werkt niet lekker, en de code is ook niet al te goed.
Eindcijfer: 6

Door: Metalman

Compatibiliteit:

- Firefox
Het uitklap menu werkt hier wel degelijk in FF

- Internet Explorer
De tabel waarin de colorchanger staat ziet erin IE anders uit. Hij wordt iets te hoog.

Gebruiksvriendelijkheid:

Het dropdown menu werkt in mijn ogen niet zoals het zou moeten. Zo verdwijnt het menu niet als je buiten het menu ergens klikt, wat toch vrij standaard is met dit soort menuutjes. Verder moet je eerst klikken voor het menu openklapt, ook niet erg handig. Ten slotte is het jammer dat de parent items geen echte link hebben maar slechts verwijzen naar #, de Home knop zou imo bijvoorbeeld altijd moeten linken naar de homepage zodat je niet steeds eerst dat menu in hoeft.

Uiterlijk:

De layout komt op mij een beetje over als iets wat gewoon geript is, en vervolgens aangepast. Of dat echt zo is weet ik niet, ik neem aan van niet, maar zo komt het wel over. Verder is het jammer dat er geen consistentie is voor wat betreft het lettertype. In het linker menu wordt een ander font gebruikt dan in het content gedeelte. En let's face it: Times New Roman straalt niet echt 'professionele layout' uit.

Maar in principe kan de layout er wel mee door, er is genoeg ruimte voor verbetering maar het is absoluut niet lelijk.

Wat ik wel erg vind tegenvallen is de color changer. Hier is duidelijk weinig tijd aan besteed, aangezien de plaatjes altijd dezelfde kleur behouden. Dat ziet er uiteraard niet uit. Transparante plaatjes zou al een stuk mooier zijn.

De contact pagina, ten slotte, past wat mij betreft echt niet bij de rest van de site. De groene achtergrond is ronduit lelijk, en de formulier elementen hebben verder geen styling. Iets wat volgens mij wel duidelijk in de opdracht stond vermeld.

Code:

Valid?
Validatie is door Joolee al vermeld, hier heb ik niks aan toe te voegen.

HTML:
Ronduit slecht. Volgens mij heeft jlkiller geen flauw idee wat 'ie aan het doen is. Sowieso is upper- en lowercase tags door elkaar niet zo netjes, maar daar is nog wel overheen te komen. Wat ik een stuk minder vindt is de structuur van zijn code. Een voorbeeldje: in de head tags staan 3 javascript blokken: 2 met javascript code erin en 1 met een include van een extern .js bestand. Ik vraag me nou dus af waarom het niet allemaal in dat externe bestand kan... Stuk netter qua source code.

Verder zie ik een hoop 'evil' attributen zoals bgcolor, terwijl er op andere plekken opeens weer gewoon een CSS class aan een element wordt gehangen. Wederom inconsistent dus. En de <center> tag is natuurlijk helemaal not done :r

Verder nog een klein detail: hij sluit de <html> tag niet af onderaan het document.

CSS
2 stylesheets is in dit geval overbodig. Zeker aangezien style.css maar 1 echte regel CSS code bevat. Gooi het dan liever gewoon in 1 css file.

Semantiek
Wederom ronduit slecht. En ook hier krijg ik weer het idee dat jlkiller absoluut niet weet wat ie aan het doen is. Ten eerste is de layout gemaakt met tabellen. Dat is sowieso al behoorlijk fout natuurlijk. En al helemaal met een dergelijke simpele 2 column layout.

De structuur van de dropdown menu's is ook ronduit knudde. Bekijk de pagina maar eens zonder stylesheet. Op die manier is het absoluut niet duidelijk dat het daar om navigatie links gaat. Dit zou gewoon netjes gestructureerd in een list moeten zitten.

Verder zie je zonder stylesheet ook goed dat deze layout bijna geheel uit plaatjes bestaat. Dat is uit semantisch oogpunt ook niet erg lekker, aangezien bijvoorbeeld tekst-only browsers of zoekrobots een boel tekst en links nu niet zien. Zonde, aangezien dat ongetwijfeld resulteert in een lagere Pagerank.

Eindoordeel:

Door de bank genomen vind ik het geen goede site. Zeker in dit contest verband valt de site mij in negatieve zin op.

Cijfer: 4

Jouw advertentie hier? €2,50 per maand. Pm voor meer informatie.

Geplaatst op dinsdag 11 oktober 2005 17:25

nelizz15

Good Fella

Website= Klik
Gemiddeld Eindcijfer = 5,7

Door: nelizz15

Compatibiliteit:

Menu doet het in ie helemaal niet, lay-out ook niet gelijk in FF en IE.

Gebruiksvriendelijkheid:

Website is wat aan de kleine kant, zoals al eerder gemeld doet het menu in IE het niet. In FF werkt het menu uitstekend, mijn complimenten. Lettertype had ook wat groter gemogen soms is het slecht leesbaar.

Lay-out

Goed, ziet er professioneel uit. Verschillende styles zien er allemaal erg leuk uit. De website had wat groter gemogen (kwa breedte en hoogte).

Code:

Over het algemeen: Slecht. Gebruikt voor de website tabellen en soms een div. Maak hem dan helemaal met divs en gebruik geen tabellen. Tabellen zijn voor informatie, niet voor lay-out.
Daarentegen is het menu goed opgebouwd.
De gehele website is gecentreerd door de <center> tag, ook niet erg mooi.
Staat ook veel overbodige code in mijn inziens, ok ik hou wel op over de code

.

Eindoordeel:

De lay-out ziet er goed uit, echter de code daarentegen is niet goed.
Cijfer: 5

Door: joolee

Compatibiliteit: $\:)$

Niets op aan te merken naar mijn idee

Gebruiksvriendelijkheid:

het is klein XD
verder werkt het wel lekker, het menu is goed en duidelijk

Uiterlijk:

http://wyger.nl/usr/joolee/images/Smileys/Aangepaste%20TZ%20Smileys/yes.gif

het ziet er erg goed en professioneel uit
niet te donker (standaart layout) maar wel genoeg kleur
ook de alternatieve layouts zien er leuk en fris uit

Code:

Valid?
HTML: de validator doet al gelijk moeilijk omdat er een © tekentje is gebruikt, niet goed gecode dus!
er is geen doctype en Character Encoding opgegeven!
<body height="100%">

en zo nog tal van andere fouten die makkelijk opgelost hadden kunnen worden
CSS: erg veel stomme errors, ook niet goed dus!

HTML:
Site is gemaakt in tabellen

code:

1	<a name="7"></a>Waarom kan dat niet? <a href="#top"><img border="0" src="top.gif"></a><br><br>

dat name="7" stukje had makkelijk in de andere anchor erbij gepast

CSS
de indeling ziet er leuk uit maar verder is het best knudde te noemen
veel te veel regels code om iets voor elkaar te krijgen

Semantiek
het menu'tje staat netjes in nested lists, verder is de semantiek hier ver te zoeken

Door: Metalman

Compatibiliteit:

Ik zie duidelijk verschillen in FF en IE. Zo wordt het menu in Internet Explorer een stuk meer opgerekt, zowel verticaal als horizontaal. Niet netjes, dit is ongetwijfeld te fixen.

Verder werkt het menu niet in Internet Explorer. Dat is helemaal onvergeeflijk, navigatie dient in alle browsers correct te werken. Anders zijn je bezoekers heel snel weg.

Gebruiksvriendelijkheid:

Op zich prima in orde, de navigatie is (in FF tenminste) redelijk duidelijk. Overigens zou ik een ander achtergrond kleurtje voor de submenu's wel mooier vinden, dan is het nog iets duidelijker.

Verder werkt alles zo te zien.

Uiterlijk:

Gewoon mooi. De diverse styles zijn ook goed uitgewerkt. Wel kom ik in IE nog een layout bugje tegen bij de style Blue (lichtgrijze/witte vlakjes onder menu items).

Code:

Valid?
Ik krijg de site niet getest, de validator geeft een error:

quote:
Sorry, I am unable to validate this document because on line 142 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication.

Verder geen tijd om hierop door te zoeken, maar dit is wel een vrij serieuze fout imo.

HTML:
Met 1 woord: bagger. Ik zie heel veel evil dingen. Neem bijvoorbeeld de <center> tag waar de hele site in staat... Ook het height attribuut aan de body tag vind ik wat minder.

De site heeft geen doctype, ik zie een heleboel tabellen voor de layout, af en toe opeens een divje. Zo kan ik nog wel even doorgaan, zie ook Semantiek voor wat meer commentaar op de code. Tot slot zie ik ook erg vaak <br>'s gebruikt worden om hoogte of afstand tussen elementen te creeëren. Dat is ook behoorlijk evil, daarvoor is CSS juist ideaal.

CSS
De CSS code is in principe wel in orde. Enige wat ik niet zo liev vind is de regel:

code:

1	cursor: url(images/cursor.CUR);

die aan de body tag wordt gehangen. Cursors veranderen is behoorlijk 1997, bovendien werkt het in veel browsers toch niet. Dat is het ergste op zich niet, maar het hele idee erachter is eigenlijk fout. Door de cursor te veranderen neem je de bezoeker een vrijheid af. Een cursor is gewoon iets waar je vanaf blijft, net als scrollbars.

Semantiek
Semantiek is net als de HTML code niet zo best. Ten eerste het gebruik van tabellen voor de layout. Dat is gewoon not done. Het menu is opeens wel weer goed qua semantiek. Netjes met geneste unordered lists. Die staat opeens ook in een div. Binnen een td weliswaar, maar toch.

Iets wat ik net zie, en waar ik erg van schrok is de fake list die onder het kopje News staat. In de HTML code zie ik het gewoon letterlijk erin staan. Waarom dit dan opeens niet in een unordered list?

Tot slot nog een pluspuntje: de URI's zijn wel netjes. Dat is ook wel belangrijk, vooral voor zoekmachines. Dat is zeker positief, houden zo!

Eindoordeel:

Ik twijfel een beetje. Aan de ene kant ziet de layout er wel prima uit, maar aan de andere kant is de HTML code gewoon ronduit slecht. In mijn ogen weegt dat laatste toch zwaarder in deze contest, webdesignen gaat immers allang niet meer alleen over het uiterlijk van een site.

Wat mij sowieso opvalt aan deze site zijn de verschillen in de code. De layout is met tables gemaakt, maar het menu is dan opeens wel weer in een divje en geneste ul's gegooid. Ik krijg een beetje het idee dat er gewoon wat HTML code bij elkaar is gezocht en in 1 document gegooid. Ik hoop echt dat dat hier niet het geval is, maar de verschillen qua code zijn dusdanig groot dat het mij een realistisch scenario lijkt.

Cijfer: 5

Door: Markjuh

Compatibiliteit: $\:)$

1 puntje: Het menu in IE is anders dan in FF. De linkjes bovenaan het menu staan in FF netjes mooi dicht onder elkaar, in IE zit er een zee van ruimte tussen.

Gebruiksvriendelijkheid:

De gebruiksvriendelijkheid zit wel snor, heb er verder op aan te merken. Wel jammer is dat hij op zoveel pagina's de mogelijkheid had om creatief te zijn met paragraph's, bijvoorbeeld de FAQ, of de nieuws pagina, maar hij het helaas niet doet. De styleswitcher vind ik lekker snel en makkelijk werken

Uiterlijk:

Kwa layout en design is Spijker Bentos voor mij de absolute winnaar. Hij heeft er moeite in gestoken zie ik, en het geheel ziet er passend en netjes uit. Heel mooi design. Eigelijk alle style's zijn super

Code:

Valid?
Hetzelfde als Joolee

HTML:
Enigste nadeel aan deze website is dat de HTML slecht is, en weinig moeite aan is besteed zo te zien. Ik hoef verder niet uit te leggen wat er precies fout aan is..

CSS
Niks op aan te merken.

Semantiek
Is ver te zoeken, vrijwel niks.

Eindoordeel:

Layout/Uiterlijk: 9.. HTML 4.
Jammer van de HTML, anders was dit imo de absolute winnaar.
Maargoed, hij gebruikt DirectTopics, dat is weer 10 pluspunten

Cijfer: 7

Metalman wijzigde dit bericht op 13-10-2005 19:40 (104%)

Jouw advertentie hier? €2,50 per maand. Pm voor meer informatie.

Geplaatst op dinsdag 11 oktober 2005 17:27

nelizz15

De eindstand:

1. Angeloonie (7,8)
2. 6(sic)6 (7,7)
3. Civil (5,9)
4. Good Fella (5,7)
5. JLkiller (5)

De winnaar is Angeloonie.
Hartelijk gefeliciteerd Angeloonie, we drinken nog wel is een biertje samen op je overwinning

.

We hopen dat jullie veel plezier hebben gehad met de contest en laten we hopen op een volgende.

Over de uitslag kan niet gecorrenspondeert worden

Jouw advertentie hier? €2,50 per maand. Pm voor meer informatie.

Geplaatst op donderdag 13 oktober 2005 19:44

nelizz15

Zo de uitslag is er mensen

. Angeloonie nogmaals gefeliciteerd.
Volgens mij ben je unaniem tot winnaar uitgekozen, members die een top5 maakten hadden jouw allemaal boven aan

.

Jouw advertentie hier? €2,50 per maand. Pm voor meer informatie.

Geplaatst op donderdag 13 oktober 2005 19:47

Metalman

Gefeliciteerd Angeloonie

En uiteraard wil ik graag iedereen bedanken die heeft mee gedaan aan de contest.

Twitter - Last.FM

Geplaatst op donderdag 13 oktober 2005 20:13

6(sic)6

Wow 2de plaats

Maar gefeliciteerd Angeloonie, goed gedaan $\:)$

En over het menu wat ik gebruik, ik ben niet zo`n expert in javascript dus iets veel beters kon ik er eigenlijk niet van maken, maar ik ga me er iig meer in verdiepen nu het duidelijk is dat deze manier gewoon niet goed genoeg werkt.

Thx voor het commentaar, heb veel geleerd van deze contest.

@Metalman: over het map element
Link 1
Link 2

Geplaatst op donderdag 13 oktober 2005 21:57

joolee

@JLkiller
metalman zegt bij je code dat ik daar al over gesproken had
ik had idd een leuk tabelletje met commentaar voor je gemaakt maar bij het editten van mijn post is deze verloren gegaan

@Angeloonie: gefeliciteerd

@De rest: bedankt voor het meedoen

volgende keer lever ik ook een site af

Computer Technology Services Redhead | Deel je mening over van alles

Geplaatst op vrijdag 14 oktober 2005 18:47

Angeloonie

Reviewer

Angelina Jolie Addict

Super bedankt allemaal!

Ik vond het leuk om mee te doen, en ik heb er ook nog eens een leuke site aan overgehouden. Ik ga zeker wat met jullie commentaar doen om de site te verbeteren.

voor iedereen!

Powered
by
Angelina Jolie, Xbox 360, Arsenal, Seat Ibiza

Geplaatst op vrijdag 14 oktober 2005 19:00

Metalman

quote:
6(sic)6 schreef op 13 oktober 2005 @ 20:13:
@Metalman: over het map element
Link 1
Link 2

Klopt, ik zie dat ik dat in m'n beoodeling nog niet had aangepast. Ik had dat iets te snel erin gezet, totdat ik nog een keer in de source keek en zag dat het bedoelt was voor de navigatie. Heb alleen m'n beoordelings tabelletje niet meer geupdate sindsdien. Iig heb je er geen minputen voor gehad, dus voor je score maakt het verder niks uit.

Twitter - Last.FM

Geplaatst op zondag 23 oktober 2005 16:20

Good Fella

Ziehetnu pas eigenlijk

wel jammer maar zal volgende keer beter me best doen

Ging mij ook mee om het design. En dat was volgnes mij wel ok..

Avril Lavigne | Last.fm | MobileMe Gallery

Geplaatst op maandag 24 oktober 2005 15:35

JLkiller

Dit klopt, ik ging vooral voor de functionaliteit. Nu had ik de bedoeling nog, om de coding goed te maken. Alleen had ik hier geen tijd meer voor. De code was inderdaad wat kut. Bij mij werkt alles gewoon correct hoor :S

En, ik moet bekennen,

dat ik vooral heb meegedaan om te zorgen dat ik wat meer van HTML kon. Nu kan ik dit. En zie ik zelf ook, dat ik een zware k*t code heb. Mss, moet ik mijn excuses aanbieden, dat ik zelfs heb gedaan. Maar toch, ik vond het erg leuk om mee te doen. En hebber wat uren mee "verloren".

M.V.G

Jeroen

Mijn portfolio

Geplaatst op maandag 24 oktober 2005 15:36

Metalman

quote:
JLkiller schreef op 24 oktober 2005 @ 15:35:
Dit klopt, ik ging vooral voor de functionaliteit. Nu had ik de bedoeling nog, om de coding goed te maken. Alleen had ik hier geen tijd meer voor. De code was inderdaad wat kut. Bij mij werkt alles gewoon correct hoor :S

En, ik moet bekennen,

dat ik vooral heb meegedaan om te zorgen dat ik wat meer van HTML kon. Nu kan ik dit. En zie ik zelf ook, dat ik een zware k*t code heb. Mss, moet ik mijn excuses aanbieden, dat ik zelfs heb gedaan. Maar toch, ik vond het erg leuk om mee te doen. En hebber wat uren mee "verloren".

M.V.G

Jeroen

Daar gaat het uiteindelijk toch ook om: dat je er iets van opsteekt. Dat je niet gewonnen hebt is jammer, maar van dit soort contests kan je wel een boel leren. Vooral ook als je de code van anderen bekijkt. Ik zou zeggen: geef niet op, leer gewoon lekker door en doe bij een volgende contest gerust weer mee

Twitter - Last.FM

Geplaatst op dinsdag 25 oktober 2005 22:36

Good Fella