Archief - LAYOUT: grafimedia portaal

als opdracht voor school ben ik www.grafimediaportaal.be aan het redesignen, het is belange nog niet af slechts de eerste pagina is er maar spui alvast jullie mening:

http://users.pandora.be/frenzal/grafmed/

edit: klein foutje nog in firefox zie ik met positionering van login, das voor morgen

ziet er op't eerste zicht best goed uit.

ook code vluchtig even bekeken. weinig op aan te merken. Menu zou ook gekund hebben met CSS (mits wat behaviour gefrommel of zoals op suckerfish), maar JS is voor zulk menu zeker nog verdedigbaar. Alleszins totdat whatever:hover standaard wordt

grafisch geeft het ook een betere indruk dan het huidige ontwerp imho.

heb het niet helemaal uitgepluisd, maar volgens mij zit het positie verschil van uw login aan het feit dat uw <form> in een <p> tag genest is. hetgeen eigenlijk niet helemaal kosjer is, denk ik kijk ook eens de margin en padding van de <form> tag na. standaard waardes durven nogal eens verschillen tsn de verschillende browsers.

/*offtopic: persoonlijk begin ik bijna altijd met * {margin:0;padding:0;} zodat alle tags hun default padding en margins weg zijn en specifieer dan, waar nodig, voor de specifieke tags de gewenste waardes*/

goed werk

edit: kleine 'foutje' nog. De startpagina image, hetgeen eigenlijk de hoofdtitel van de pagina is, kan je nog net iets beter/gebruiksvriendelijker opmaken als volgt

<h1><span>Startpagina</span></h1>

in je CSS definieer je dan de img als achtergrond, voor de verschillende h1's op de pagina's kan je de h1 tag een id meegeven bvb <h1 id="startpagina"> en zet verder in je CSS:

h1 span {display:none;}

op die manier bekom je hetzelfde effect, maar is het ten eerste semantisch correcter en hou je ook rekening met textonly browsers en met surfers die zonder stijlblad je pagina bekijken.

ook kan je nog enkele witdth en height properties wegwerken uit je html en in je css definiëren

ben het ook eens wat betreft leesbaarheid vh menu, hover state is net niet leesbaar genoeg.

IK vind hem er wel leuk uitzien. Ik zou eerder opteren om de site centraal uit te lijnen dan aan de linkerzijde zoals nu het geval is, maar dat is een persoonlijke keuze.

Ik zou ook de login met een iets strakkere CSS vorm geven. Nu lijkt de login zo "normaal"

Goed werk

Overzichtelijk, maar het menu is niet echt leesbaar. (geel <> wit)

waar ik meteen oog voor had is correcte typografie/compositie, zeker wanneer je (oudere) trends gaat toepassen - en ik moet zeggen het is correct toegepast dus een absolute plus. kheb het bijvoorbeeld over de "start pagina"-titel linksboven waar je'n lichtere/grotere variant op de achtergrond hebt met een donkerdere kleine variant. beide woorden hebben eenzelfde baseline zoals dat het best oogt, en de donkere variant staat mooi gelijnd met de content-tekst veel lager.

ik had net de bovenmarge ietsje ruimer genomen, het staat nu ietsje te dicht bij de breadcrumb-navigatie ma bon. verder ben ik een fan van de list-style-typequare, maar aangezien het logo hier rond is kan je perfect de default cirkels blijven gebruiken. keep us posted.

oogt mooi

ik zou u navigatie misschien nog iets meer uitwerken, en zoals dêsh' als zei: "het menu is niet echt leesbaar. (geel <> wit)", in de a:hover staat eh.

misschien die roze kleur gebruiken uit uw header als contrasterende kleur...

Mooie site
Ik was al beu gekeken op het vorige design.

Ons schoolke zal content zijn.


groeten.

gL

thanks voor de comments allemaal

@b0bby, mijn form binnen een <p> nesten was idd waarschijnlijk fout en hoewel een full css dropdown menu leuk had kunnen zijn dat is nog iets te grote inspanning voor een school opdracht
en ivm de mogelijkheid voor "support" voor textonly browsers (bestaan deze nog? ) ik denk niet dat mensen met tekstonly browser tot de doelgroep behoren

@iedereen, blijkbaar veel commentaar over contrast van mouseover dus deze zal ik wel aanpassen, aangezien de headerfoto zou moeten afwisselen per onderdeel is paars niet echt een optie als 2e kleur

update volgt binnenkort

frenzal zei:

en ivm de mogelijkheid voor "support" voor textonly browsers (bestaan deze nog? ) ik denk niet dat mensen met tekstonly browser tot de doelgroep behoren

Klik om te vergroten...

dat is idd zeker niet de belangrijkste reden om het aan te passen, want het doelplubliek voor de site zal voor het grootste deel wrslk met een up to date browser surfen, maar toch.... Echter zoals het nu is, heb je geen <h1> op je pagina, hetgeen semantisch dus eigenlijk niet correct is. Vooral daarom is het correcter is om die <h1> tag te gebruiken. Als je die <span> en een texthoofd té vindt, kan je ook altijd gewoon die <img> laten staan maar er wel een <h1> tag rondzetten

Semantiek mag iet onderschat worden, kan handig zijn voorzoekmachines, voorbeeld:

Je webstie gebruikt overal <h1> voor de titeltjes, een ander gebruikt <span class="hoofdje"> ... ik hoef je niet uit te leggen da de zoekmachine in het eerste geval zelfs zal kunnen uitvogelen wat de titeltjes zijn, en zo meer belang hechten aan die woorden die erin voorkomen.

In hoeverre zoekmachines daar nu al rekening mee houden kan ik je niet zeggen, maar het is een kleine moeite en zeker geen grote aanpassing. Trouwens, er wordt nu reeds op academisch niveau geëxperimenteerd met een 'nieuw' semantisch web

Betekenis hechten aan de elementen op je pagina is belangrijk, zeker voor verwerking door computers, aangezien die niet echt iets over betekenis kunnen afleiden zonder dat je zelf dingen gaat aanduiden.