Kritikk på redesignet side.. ;)

[inspo]

hello;)

 

 

Da har jeg redesignet siden min, og vil gjerne ha litt kritikk på designet..

 

Vet jeg ikke skal bruke tables osv. men må bare lære meg css først...

Har brukt Dreamweaver 8 til å lage siden.. kanskje litt dumt jeg ikke skrev koden selv...

 

EDIT: Glemte link til siden Her er linken

 

Syns denne siden ble bedre enn den gamle...

Endret 2. november 2007 av chop1

[sparks]

Knallbra font-valg!

[inspo]

Knallbra font-valg!

 

Takk

[Kim T]

Det var vel en tørr kommentar fra sparks sin side regner jeg med. Det var ikke store forbedringen som har gjort. Det er vel bare font'ene som er forandret fra forrige etter et raskt overblikk.

[inspo]

Det var vel en tørr kommentar fra sparks sin side regner jeg med. Det var ikke store forbedringen som har gjort. Det er vel bare font'ene som er forandret fra forrige etter et raskt overblikk.

 

 

Ok..

 

Jeg kan jo nevne noe som er nytt:

 

Meny/Header

Gjesteboken/Kontaktskjemaet er oppgradert.. (Brukte Nuffe.net før )

Bildegalleriet er ganske myye bedre nå.. (Men det er ikke bra nok enda )

 

[Runar]

Knallbra font-valg!

 

Takk

I smell sarcasm.

 

Hvis jeg skal være helt ærlig, noe jeg regner med at du vil, så anbefaler jeg deg å begynne helt på nytt. Fargevalget var trist og kjedelig, fonten du har brukt var forferdelig og det samme var "banneret". Du bør også vurdere sterkt å lage en annen meny.

 

Kast tabellene, og lær deg bruk av CSS.

 

Jeg kan nevne én positiv ting: Jeg likte rødfargen du har brukt i menyen, når du tar musepekeren over linkene.

 

Dette ble kanskje litt negativt, men det er bedre å få høre sannheten enn å gå rundt og tro du har laget verdens fineste side. Jeg anbefaler HTML Dog hvis du vil lære deg HTML og CSS fra begynnelsen. Lykke til!

[øl_i_tastaturet]

EDIT:jeg bare surrer...

Endret 1. november 2007 av bjorshol

[Lokaltog]

+ Elsker typografien, Times og Courier er kjent for å være de to mest lesevennlige fontene man kan bruke.

+ Ryddig og pent.

+ Deilig rødfarge på hover i menyen.

+ Nydelig krom-effekt i header.

+ Pen glow-effekt. Liker også at glowen på innholdsdelen brått kuttes av.

+ Ryddig og pen kode, tabeller er kjent for å gi den mest fleksible layouten.

+ Fint at du har med et IP-adressescript, jeg lurer alltid på hva IP'en min er når jeg besøker random nettsider. Nå slipper jeg det problemet.

 

Alt i alt:

[Stian Jacobsen]

Som du sikker skjønner chop1, så er de fleste kommentarer her basert på ironi. Så jeg skal gjøre deg den tjenesten å forklare deg den grusomme sannheten!

 

1. Koden din er ufyselig. Lær deg html og css og drop WYSIWYG

2. Elendig design som bærer preg av photoshop default Layer styles

3. Typografi er ikke-eksisterende

4. Drop idiotiske 90'talls elementer som ip-adresse, teller etc..

5. Behold layout (uansett hvor stygg den er) på alle sider.. Ikke skift mellom 3, 2 og 1 kolonner på den måten

6. Hold deg til 1 (maks 2) skriftyper. Bruk også skriftyper som er lett leselig

7. Ikke, å jeg gjentar, IKKE midtstill all tekst.. Midtstilling skal brukes SVÆRT forsiktig!

8. Header ser uferdig og stygg ut.. Hvorfor bruker du domene navn som sidenavn?

 

Her er noen tips/råd:

Drop DW å last ned Notepad2. Ta deg en titt innom følgende sider å studer litt HTML og CSS

http://www.w3schools.com/html/

http://www.htmldog.com/

 

Så tar du deg turen innom

http://webdesignfromscratch.com/

Slik at du lærer deg litt basis typografi, oppsett, layout etc..

 

Når dette er unnagjort, så er det på tide å begynne med designet.. Først, hent litt inspirasjon, det er tydelig at du mangler det

http://www.webcreme.com

http://www.cssmania.com

http://www.cssremix.com

http://www.csstux.com

http://www.cssvault.com

http://www.cssbeauty.com

 

Så begynner du med pen og papir, etter noen skisser begynner du med en rå-skisse i photoshop. Når dette er gjort begynner du med html strukturen, så stilskjemaet. Når alt er ferdig og klart (Validert såklart) går du tilbake til photshop å ferdiggjør designet med effekter, farger etc..

 

Etter noen timer,dager,uker,mnd.. så sitter du igjen med en nettside du kan vises oss her..

[AnaXyd]

Hey! Jeg ser bare en Coming Soon! Gi oss linken til siden da!

[inspo]

Hey! Jeg ser bare en Coming Soon! Gi oss linken til siden da!

 

 

jepp.. det er fordi jeg skal begynne på nytt.. men viss du vil se siden så kan du se den her

Endret 2. november 2007 av chop1

[FrodeNilsen]

Jeg har ikke sett tidligere versjoner og har kunn sett denne.

 

Mitt førsteinntrykk av siden var ganske positivt men det var noe jeg reagerte umiddelbart på. Jeg opplever designet som litt mac-sølv preget. Ryddig.

 

Jeg opplever at det er ett stilbrudd på siden, da du bruker avrunnede ender på footer baren, men harde firkantede hjørner oppe på navigerings baren.

 

En annen ting som slår meg relativt fort er mangel av kontrast på siden. Du har en for lys side med for lite kontrast i mine øyne.

 

Jeg liker godt måten du markerer hvor man er i navigerings menyen, men jeg ble litt skuffet at du ikke benyttet en tilsvarende form når man holder musen over en annen link i menyen.

 

Rammene dine har litt varierende marg også, men rammene passer inn i designet, slik jeg opplever det. De blir ikke alltid plassert slik jeg innbiller meg er meningen, som rammen rundt søk.

 

Jeg opplever at det blir litt trangt rundt teksten i selve innholds boksen. Du kan med fordel legge inn litt mer padding i innholdsboksen.

 

Jeg liker bruken av understament farger for linker, men jeg savner endring i linken når jeg holder musen over linken.

 

Kilde

Jeg får 62 feil når jeg validerer med http://validator.w3.org/

Jeg får 6 feil i style.css på http://jigsaw.w3.org/css-validator/

 

Jeg vil anbefale deg å se hva slags feil dette er og rette de. Bruk disse validatorene i fremtiden også, da de hjelper oss med å finne våre kode leifer.

 

Du benytter ikke tabeller til formatering men benytter div-er. Det liker jeg. Du har satt korrekt doktype og definer fornuftig tegnsett. Du benytter en god del css til formatering, noe vi kode kritikkere bruker å like godt.

 

Jeg kunne sikker påpekt masser av ting du kan gjør anderledes i koden, men jeg vil heller gi noen generelle tips:

 

Forsøk å formatere kun i css. Det gjør det enklere for deg når du forstår hva du kan og ikke kan, og det blir mye enklere å endre å vedlikeholde siden.

 

Ikke bland språk. Når du importerer ting som er skrevet i xhtml, burde du skrive det om til html.

 

Benytt p til paragrafer. Ikke bruk to ganger br til å starte en ny paragraf.

 

Benytt h1-h6 til å angi overskrifter som når du skriver ett rent tekstdokument i word eller openoffice. Hvis du bare vil endre skriftstørrelse burde du gjøre det i css, gjerne ved å benytte ett span-element hvis størrelsen ikke har symantisk betydning men av ren visuell art.

 

Du kan også med fordel strukturere koden etter hvordan kilden nøster, slik at du lettere finner frem i den

<div>
<h1>Overskrift</h1>
<p>
	litt tekst
	<a>
		lenke tekst
	</a>
	mer tekst
 </p>
</div>

 

Det var det. Håper det var noe her du kunne dra nytte av.

[inspo]

Jeg har ikke sett tidligere versjoner og har kunn sett denne.

 

Mitt førsteinntrykk av siden var ganske positivt men det var noe jeg reagerte umiddelbart på. Jeg opplever designet som litt mac-sølv preget. Ryddig.

 

Jeg opplever at det er ett stilbrudd på siden, da du bruker avrunnede ender på footer baren, men harde firkantede hjørner oppe på navigerings baren.

 

En annen ting som slår meg relativt fort er mangel av kontrast på siden. Du har en for lys side med for lite kontrast i mine øyne.

 

Jeg liker godt måten du markerer hvor man er i navigerings menyen, men jeg ble litt skuffet at du ikke benyttet en tilsvarende form når man holder musen over en annen link i menyen.

 

Rammene dine har litt varierende marg også, men rammene passer inn i designet, slik jeg opplever det. De blir ikke alltid plassert slik jeg innbiller meg er meningen, som rammen rundt søk.

 

Jeg opplever at det blir litt trangt rundt teksten i selve innholds boksen. Du kan med fordel legge inn litt mer padding i innholdsboksen.

 

Jeg liker bruken av understament farger for linker, men jeg savner endring i linken når jeg holder musen over linken.

 

Kilde

Jeg får 62 feil når jeg validerer med http://validator.w3.org/

Jeg får 6 feil i style.css på http://jigsaw.w3.org/css-validator/

 

Jeg vil anbefale deg å se hva slags feil dette er og rette de. Bruk disse validatorene i fremtiden også, da de hjelper oss med å finne våre kode leifer.

 

Du benytter ikke tabeller til formatering men benytter div-er. Det liker jeg. Du har satt korrekt doktype og definer fornuftig tegnsett. Du benytter en god del css til formatering, noe vi kode kritikkere bruker å like godt.

 

Jeg kunne sikker påpekt masser av ting du kan gjør anderledes i koden, men jeg vil heller gi noen generelle tips:

 

Forsøk å formatere kun i css. Det gjør det enklere for deg når du forstår hva du kan og ikke kan, og det blir mye enklere å endre å vedlikeholde siden.

 

Ikke bland språk. Når du importerer ting som er skrevet i xhtml, burde du skrive det om til html.

 

Benytt p til paragrafer. Ikke bruk to ganger br til å starte en ny paragraf.

 

Benytt h1-h6 til å angi overskrifter som når du skriver ett rent tekstdokument i word eller openoffice. Hvis du bare vil endre skriftstørrelse burde du gjøre det i css, gjerne ved å benytte ett span-element hvis størrelsen ikke har symantisk betydning men av ren visuell art.

 

Du kan også med fordel strukturere koden etter hvordan kilden nøster, slik at du lettere finner frem i den

<div>
<h1>Overskrift</h1>
<p>
	litt tekst
	<a>
		lenke tekst
	</a>
	mer tekst
 </p>
</div>

 

Det var det. Håper det var noe her du kunne dra nytte av.

 

 

Takk for tipsene

Endret 24. november 2007 av chop1

[MindTooth]

Kanskje plassere sok og updates i en egen boks som heter rightbox. Når du har en egen boks for left.

Ellers en veldig lang vei før ett evt. bra resultat. Men veldig godt du prøver. Og du vil lære masse av å prøve deg frem.

 

Birger