Archief - OTHER: Dogtrack.be site

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
A

Avalanched

Legacy Member
Mijn vader is een hondenlijn mini-onderneming begonnen en kheb der met de grootste verplichting ne site voor moeten maken :)

wat denken jullie dervan ?
B

Bigbuddha

Legacy Member
http://www.dogtrack.be voor de iets luiere mensen ;)

Ik vind het wel goed. Soms de titles wat onverzorgd(minder leesbaar).
Het gebruik van diagonale scanlines zou ik ook anders doen. Of weglaten. Dit is gewoon onrustig voor de ogen. Terwijl je toch rustig wil lezen.

Mooie header fotos.

Valt heel goed mee.
E

Erlend

Legacy Member
http://www.dogtrack.be/

Dit vind ik wel mooi en leuk :). Doch, enkele zaken die ik zou aanpassen
al dan niet het overwegen waard :


  • Schuine lijntjes aan de linkerzijde iets 'lichter' maken. Zodat ze iets zachter voorkomen op de achtergrond.
  • hover plaatsen op links in het menu? Twijfel geval, ik weet niet wat dit zou geven als effect, en wat voor hover je precies het best gebruikt.
  • Bij info,contact en links verdwijnt het taalkeuze menu rechts-boven.
  • Profile pagina; breng iets meer structuur in je teksten, misschien zelf durven kiezen voor een iets groter lettertype. Nu staan de teksten er maar onverzorgd bij.
  • Titels = Engels. Teksten in het Nederlands? Gebruik één taal?
De achterliggende code is een afknapper, imageready slices. T'is
verre van optimaal, nu ik kan niet verwachten dat iedereen een kei
is in (x)html en css. Als je veel bezig bent met webdesign zou ik
het sterk overwegen ... .

Trouwens, plaats je CSS in een apart .css bestand. Dat heeft ook
zijn voordelen! Ook al is dat voor u niet misschien van toepassing.


Bigbuddha was mij blijkbaar 2 minuten voor :)
A

Avalanched

Legacy Member
Erlend zei:
  • Schuine lijntjes aan de linkerzijde iets 'lichter' maken. Zodat ze iets zachter voorkomen op de achtergrond.
  • hover plaatsen op links in het menu? Twijfel geval, ik weet niet wat dit zou geven als effect, en wat voor hover je precies het best gebruikt.
  • Bij info,contact en links verdwijnt het taalkeuze menu rechts-boven.
  • Profile pagina; breng iets meer structuur in je teksten, misschien zelf durven kiezen voor een iets groter lettertype. Nu staan de teksten er maar onverzorgd bij.
  • Titels = Engels. Teksten in het Nederlands? Gebruik één taal?
Klik om te vergroten...

  • de hovers, had ik zelf nog niets voor uitgewerkt. maar de knoppen zijn groot en duidelijk genoeg denk ik om aan te tonen dat het echt knoppen zijn.
  • het taalkeuze menu valt weg omdat het op die paginas overbodig is, er komt daar toch geen text op.
  • de teksten zijn via cms ingegeven. heb ik niets mee te maken
  • zou nog moete lukken op alles in 1 taal te zetten.

De achterliggende code is een afknapper, imageready slices. T'is
verre van optimaal, nu ik kan niet verwachten dat iedereen een kei
is in (x)html en css. Als je veel bezig bent met webdesign zou ik
het sterk overwegen ... .
Klik om te vergroten...

heb je een beter programma om html code te maken van een gesliced psd bestand. en kan je me even uitleggen of een artikel doorgeven waarom imageready code zo slecht is ? dank voor de commentaar allesinds. ik zal het later is bekijken in men project.. nu veel te veel bezig met men gip :)
E

Erlend

Legacy Member
Programma's genoeg die instaat zijn valid (x)html te schrijven. Denk maar aan
Dreamweaver (Mx & 2004) of de laatste Golive van Adobe. Daarnaast
verkies ik wel xhtml te schrijven in een text-editor zoals bv. Ultra edit.

De hovers op je knoppen is niet persé om aan te tonen dat het een knop
is, maar eerder om te duiden dat de bezoeker over de knop gaat. Zodat
je knop twee verschillende staten heeft.

Dat je teksten uit een CMS komen, heel goed. Maar mijn menig blijft ;
de teksten moeten meer opmaak krijgen.

Dat taalkeuze overbodig is voor die drie pagina's okay, werk dan wel
de drie scheidingslijnen weg. Nu wekt het de indruk dat de knoppen
niet verschijnen door een fout.
A

Avalanched

Legacy Member
Wat is er dan zo fout aan deze code ..
nu geef je me wel HTML tools ( maar met die moet je nogaltijd de code zelf schrijven) op wat moet ik dan letten .. om zeker een valid code te schrijven?
E

Erlend

Legacy Member
Neen ik geef u geen html tools, bovenstaande editors laten je
toe zelf html code te schrijven, maar ze worden vooral gebruikt omwille
van het WYSIWYG principe ; drag en drop als het ware, makelijk plaatsen
van tabellen, aanpassen van rijen, cellen, toevoegen van images noem
maar op!

Je kan van geluk spreken dat je layout werkt, de html code die imageready
schrijft is verre van optimaal, overvloedig gebruik van images, tags, spacers.
Gewoon een rommelcode waardoor je document groter wordt en, browsers
meer tijd nemen om heel deze rommelcode te interpreteren, neen het gaat
hier niet om 10 seconden extra, maar het verschil kan merkbaar zijn.

Daarnaast is de code ook vaak verre van valid en voldoet dus niet aan W3C
standaarden.
D

DarkBone

Legacy Member
Code: 
	<tr>
		<td width="54" height="1">
			<img src="images/spacer.gif" alt="" /></td>
		<td width="4" height="1">

			<img src="images/spacer.gif" alt="" /></td>
		<td width="67" height="1">
			<img src="images/spacer.gif" alt="" /></td>
		<td width="9" height="1">
			<img src="images/spacer.gif" alt="" /></td>
		<td width="20" height="1">
			<img src="images/spacer.gif" alt="" /></td>
		<td width="29" height="1">
			<img src="images/spacer.gif" alt="" /></td>

		<td width="18" height="1">
			<img src="images/spacer.gif" alt="" /></td>
		<td width="69" height="1">
			<img src="images/spacer.gif" alt="" /></td>
		<td width="13" height="1">
			<img src="images/spacer.gif" alt="" /></td>
		<td width="53" height="1">
			<img src="images/spacer.gif" alt="" /></td>
		<td width="292" height="1">

			<img src="images/spacer.gif" alt="" /></td>
		<td width="26" height="1">
			<img src="images/spacer.gif" alt="" /></td>
		<td width="7" height="1">
			<img src="images/spacer.gif" alt="" /></td>
		<td width="31" height="1">
			<img src="images/spacer.gif" alt="" /></td>
		<td width="6" height="1">
			<img src="images/spacer.gif" alt="" /></td>

		<td width="27" height="1">
			<img src="images/spacer.gif" alt="" /></td>
		<td width="14" height="1">
			<img src="images/spacer.gif" alt="" /></td>
		<td width="41" height="1">
			<img src="images/spacer.gif" alt="" /></td>
		<td></td>
	</tr>

Get the picture?
Allemaal overbodige images en dus ook overbodige code.

Doe je ooit wel eens een CTRL+A op je website? Wel... ik zou het dringend eens doen, of al slepend alles selecteren, dan pas merk je hoeveel onnodige images (laadtijd!) en daarbij horende code gegenereerd wordt.

Trouwens, xHTML en CSS wordt ook aangeraden uit het oogpunt van accessibility (makkelijk toegankelijk voor alle browsers, ook van PDA's bijvoorbeeld) en readibility (veel leesbaarder voor jezelf). Daarbij bekom je zo ook een scheiding tussen opmaak en structuur.

Lees het ook hier (meerbepaald de algemene redenen, want is pagina die bij specifieke website hoort)
http://www.nypl.org/styleguide/
Z

Zero Grav

Legacy Member
Is wel zeer vreemd, ik open de site www.dogtrack.be, druk ergens onoplettend op Nederlands en zit opeens op Horsetrack. 'k Had daar natuurlijk totaal geen rekening mee gehouden, mss dat de mensen die normaal op je site komen dat wel zullen doen maar toch. Ook had ik trouwens eerst de neiging gewoon op "ENTER" te klikken maar soit.

Het is zoals Darkbone zei, als je zelf je code schrijft is die normaal beter gestructureerd en minder belastend voor de gebruiker/server. Imageready voegt namelijk nogal veel spacers toe om openingen te creëren die je normaal gemakkelijk met één regeltje code zou kunnen bereiken.

Bij contact zou'k niet gaan centreren maar een kleine inspringing maken, maak desnoods van die adresgegevens een <ul> en verwijder dan met css je opsommingstekens.
Het contactform ziet er ook wat door elkaar gegooid uit, Name, Email ni gecentreerd dan message weer wel, een zeer grote spacing tussen name en inputvak.. allemaal overbodig..
http://www.quirksmode.org/css/forms.html Dit kan je misschien helpen daarmee.

Als'k dan echt wil gaan muggenziften kan ik ook nog zeggen zet je "by aitrem/group" rechts uitgelijnd dat zorgt voor een minder storend effect met de schuine lijnen erboven.

Ook merk ik dat je geen link terug biedt naar horsetrack of de mainpage (alhoewel de mainpage zelf niet bepaald nodig is want de taal is nu toch al geselecteerd :))
D

DarkBone

Legacy Member
Ohja, inderdaad, die ENTER staat er zeker niet op zijn plaats, ik had er eerst ook een paar keer op geklikt!

Trouwens wel erg mooie headers/kleuren. Maar die diagonale scanlines mogen (moeten) zachter.

Ook hover states over je knoppen zijn onmisbaar, en meer tekstopmaak noodzakelijk.

Het is ene mooi begin, maar er is zeker nog werk aan, nog niet op je gat gaan zitten ;)
E

Erlend

Legacy Member
Inderdaad. Maar ik blijf het herhalen: geef uw teksten meer opmaak!
Dit zowel voor dogtrack als horsetrack.
A

Avalanched

Legacy Member
merci voor commentaar .. ja die Enter is mss wa verwarend .. i shall reconsider it :)

ja, kzit al een gans jaar ni op men gat ik verzuip in men schoolGIP :/ en dan komt je pa nog ff zagen om een site te maken :) mabon merci .. ik ga er zo snel mogelijk werk van maken
J

Jellepunk

Legacy Member
ik vind het zeker niet slecht, maar ik heb maar een 1mb verbinding en het duurt toch iets te lang tegen dat een pagina ingeladen is. Wat moet dat dan zijn voor 56k'ers, kzou de afbeeldingen allemaal wat verminderen van kwaliteit en slimmer slicen.

voor de rest is het wel een zeer leuke site, de titels wat onleesbaar maar voor de rest, knap werk
b

bRahms

Legacy Member
Gelieve een correcte prefix te gebruiken.
Door deze kleine misstap hebt u net uw volgende usernote verdiend. Bedankt op voorhand om er in het vervolg op te letten.

bRahms
G

GLX

Legacy Member
ik vind de site zeer geslaagd,

minder aan de stie:
zoals reeds gezegd: je gaat naar dogtrack, en je krijgt een paard niets vermoedend komde in ene keer uit bij paarden-toestanden hoewel ik honden wou... Dat kan net iets duidelijker
Ook jammer vind ik, is het feit dat de site net niet verticaal op een 1024*768 scherm past. Er zijn nog net een 4-tal lijntjes die onder het scherm vallen waardoor je een overbodige scrollbaar krijgt.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan