Archief - clansite: gaming crew

Onze nieuwe site is nu af en we zijn op zoek naar enkele adviezen over wat er nog verbeterd kan worden. Het is de eerste website van de maker en persoonlijk vind ik het alvast een mooi werkje...

www.gamingcrew.be

Hij ziet er wel mooi uit (ik weer nie in hoeverre alles ook zelf gemaakt is voor een eerste website?)... maar over de code & opbouw van de website ben ik toch echt niet te spreken.

Het is gewoon 1 grote verknipte afbeelding met hier en daar inhoud in. Niks is rekbaar/schaalbaar, en de website is hierdoor ook veel zwaarder dan hij zou moeten zijn. Tabellen zijn tegenwoordig achterhaald om een layout te maken. Gebruik DIV's en CSS. Al de spacer images enzo doen me vemroeden dat dit gewoon zo goed als rechtstreeks uit Imageready of Photoshop komt... en dat is gewoon not done

de website is vanaf nul opgebouwd en is zoals je hem daar ziet. wat zou jij dan aanraden om te doen darkbone??

-dit als eerste website is natuurlijk wel klasse.

MAAR:
-over de code heeft darkbone het belangrijkste wel gezegd
-ik zit met scrolls op een res van 1024*768, dit kan echt niet vind ik (er zijn nog altijd mensen met 800*600, in de gaming industrie is dit welliswaar een klein percentage, maar toch. Als ge een statische website maakt, doe het voor een resolutie van max 1024*768)
-op de download pag: pak gewoon 'download' en 'open' ipv 'download mij'
-ik zie ook graag hovers in de navigatie
-iets wat ik totaal haat, zijn externe links in uw navigatie (clanbase, forum)
-de ordening van de links in de navigatie is niet echt alledaags (normaal staat 'news' toch wel meer bovenaan
-de site voelt nie echt als een geheel aan, vooral door die 2 boxen aan de rechterkant (server info, ..)
-het titelfont van die boxen als player of the month, latest wars etc plakt te hard tegen elkaar, vooral de 'a' wordt verkloot

voor een eerste site is het zeker goed, maar houd rekening met de opmerkingen die al gegeven zijn en nog zullen gegeven worden.
De kleuren zitten zeker goed, eindelijk wat contrast in de meestal saaie clansites.

groetjes

Alles wat hierboven is gezegd en van mijn standpunt ook een snellere host zoeken, want het duurde echt minstens 2min eer de pagina van members of crew weet het niemeer, volledig was opgebouwd. Wat toch wel zeer traag is niet ?

Ik ben diegene die dus de site gemaakt heeft. Ik heb idd niet veel tijd in de code gestoken, vooral tijd gestoken in het maken van de layout, en dus photoshop ...
Het klopt dus zeker dat ik met ImageReady heb gewerkt en daarna wat ben gaan aanpassen in kladblok.

Het is de eerste site die ik op deze manier maak, heb het voorbije jaar alles over CSS en XHTML geleerd, mr vond dit nogal omslachtig en veel werk

'k Zal toch maar es zien om de site wat deftiger te maken via CSS

Bedankt allessinds

wat ge moet doen is:

maak een nieuw leeg html filetje aan met doctype, html, head, title, body tags etc
open je layout in ps of ir en snij ge afbeeldingen die je nodig hebt uit je layout.
bekijk het mss eerst op papier en zoek naar herhalende patronen. Er zijn op dit forum ook al enkele interessante threads geweest over slicing, mss wil je die wel eens doorlezen (search function).
allé, ieder heeft zo zijn eigen methode als het om slicing gaat. Ik verkies gewoon diegeen waarda je uw afbeeldingen die je nodig hebt uit uw layout snijt.

heb het voorbije jaar alles over CSS en XHTML geleerd, mr vond dit nogal omslachtig en veel werk

Klik om te vergroten...

> dit is een 'no go', webdesign neemt nu eenmaal veel tijd in beslag

true, mr de site moest er vrij snel zijn Maar nu heb ek ffjes de kans en tijd om er dieper op in te gaan en alles te herbekijken

[ImpacT] zei:

Alles wat hierboven is gezegd en van mijn standpunt ook een snellere host zoeken, want het duurde echt minstens 2min eer de pagina van members of crew weet het niemeer, volledig was opgebouwd. Wat toch wel zeer traag is niet ?

Klik om te vergroten...

Duurde hier nochtans maar een 5tal seconden wat zeer snel is gezien het grote aantal gebruikte images.

Site zelf is wel schoon en verrassend schoon voor een 1ste ontwerp.
Spijtig genoeg ontbreekt hij toch wat dingen aan gebruikersvriendelijkheid, zoals bijvoorbeeld de code die al vermeld werd.
Sleep maar eens met je cursor van de linkerbovenhoek naar onder rechts en dan valt het wel op dat dat niet volledig normaal is.

Verder is het nogal spijtig dat er geen rollovers op het menu zitten, zou alleszins voor meer duidelijkheid zorgen.

Bij members, als je op een persoon klikt heb je 3 kolommetjes, 2 links & 1 rechts. Dunno of dit de bedoeling is? Komt nogal vreemd over.

Dan ook weer een kleine scrollbar door die slechte code terwijl de site de bodem van de browser nog niet raakt. ^^

valign="top" zou ook wel van pas komen op sommigste plaatsen

Een belangrijk gegeven bij het maken van de layout mbv DIV's & CSS is dat je de grafische elementen van je layout niet met behulp van <img>-tags weergeeft. De grafische elementen breng je aan via CSS, je zet voornamelijk de afbeeldingen als achtergrond!! Enkel afbeeldingen die met de inhoud te maken hebben van je pagina (bijvoorbeeld foto's van leden) mag je onderbrengen in een <img>-tag.

Kort gezegd: als ik mijn CSS afzet, dan mag ik enkel nog de afbeeldingen zien die relevant zijn t.o.v. de inhoud van je pagina!

Dat is nu echter volledig niet het geval! Surf maar eens met FireFox (of Opera, etc..) en schakel de opmaak uit, dan krijg je dit:
http://lode.webcoder.be/gamingcrew_nocss.jpg

Laat mij nu even een zelfgemaakte (clan)website als voorbeeld nemen (http://lode.webcoder.be/clanfactory/), na het uitschakelen van de CSS ziet die pagina er zo uit:
http://lode.webcoder.be/clanfactory_nocss.jpg

Snap je wat ik bedoel, bij mijn website (opgemaakt met xHTML & CSS) wordt de layout eigenlijk praktisch enkel door men CSS code bepaalt. Indien ik deze uitschakel dan verdwijnt ook alle rotzooi (aangezien men grafische elementen via CSS als achteergrond zijn gedefinieerd). Wat overblijft is een extreem leesbare pagina! Aangezien ik gebriuk maak van betekenisvolle (semantische) tags zoals h1, h2, blockquote, etc... weet de browser toch om wat het gaat, en kan hij een minimum aan standaard opmaak voorzien. En zo hoort het ook, zo is je pagina het best toegankelijk (bijvoorbeeld ook voor blinden die enkel met een screenreader websites afschuimen, doordat je expliciet aanduidt dat het om titeltjes, etc... gaat hebben zij meer notitie van wat ze aan het lezen zijn). Maar als je correct xHTML & CSS gebruikt is dit een inherent gevolg