Critique De La Pagé

Left Blank · 28. oktober 2008

Stian Jacobsen · 28. oktober 2008

Glemmer folk at dette er "Websidekritikk" og ikke "Se så fin min første hjemmeside ble!"

Langt mellom ting som faktisk er kritkkverdige..

Når det er sagt, ehh... lite gjennomført svada

Dette er hele kildekoden: (finn 1.. ehh.. mange feil)

<meta name="verify-v1" content="xq9S1tIYuIKs1/Ggbw8RCJzbm1N5DV9tm8CPOnXm5Mo=" />
<title>Audiolabs - Coax</title>
<link rel="shortcut icon" href="favicon.ico">
 <link rel="stylesheet" type="text/css" href="meow.css">
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<div id="wrapp">
<div id="headd">
<img src="cybernetic.png"><br>
<h2><a href="/index.php">Home</a> | <a href="/news.php">News</a> | <a href="/discog.php">Discography</a>  | <a 
href="/music.php">Music</a> | <a href="/videos.php">Videos</a> | <a href="/about.php">About</a></h2>

<br><br><img src="shadowcomm3.png">
<br><br>

Endret 28. oktober 2008 av Stian Jacobsen

Left Blank · 28. oktober 2008

omg?! er det hele kildekoden?!?!?

hva skjer med verden a stian>?!

uansett, jeg gir blanke i kode semantikk.. kommenter heler pa designet

Stian Jacobsen · 29. oktober 2008

omg?! er det hele kildekoden?!?!?

hva skjer med verden a stian>?!

uansett, jeg gir blanke i kode semantikk.. kommenter heler pa designet

lite gjennomført svada...

Ditt utsang er ting som gjør meg fly forbannet, "KODE" er web.. og når du mangler vesentlige ting i markupen som dokument type, <html>,<head> og <body> tagger så skjønner jeg at du burde få deg en annen hobby

Endret 29. oktober 2008 av Stian Jacobsen

FrodeNilsen · 29. oktober 2008

...
uansett, jeg gir blanke i kode semantikk.. kommenter heler pa designet

Semantikk og kode er en særdeles sentral del av webdesign. Sitatet over gir absolutt ingen mening.

Hva er meningen med bildet på forsiden? Skal det der signalisere hvem du er? Etter å ha lest dine innlegg først i denne tråde fikk jeg en assosiasjon: Ett hjernekart. Beklager, men det var min umiddelbare assosiasjon. Mulig du trenger å jobbe litt med hvordan du fremstiller deg selv, både her og på nettsiden din.

Frode

potetskrell · 29. oktober 2008

Du må nok bare innfinne deg i at man trenger enkelt ting når man skal lage et html-dokument. Jeg har ikke sett på noe annet, selv om jeg med en gang ser at du bør sette alt opp på nytt igjen.

I tillegg er logoen vanskelig å lese. Ellers er jo sida grei.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta name="verify-v1" content="xq9S1tIYuIKs1/Ggbw8RCJzbm1N5DV9tm8CPOnXm5Mo=">
<title>Audiolabs - Coax</title>
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" type="text/css" href="meow.css">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>


	<div id="wrapp">
		<div id="headd">
			<img src="cybernetic.png"><br>
			<h2><a href="/index.php">Home</a> | <a href="/news.php">News</a> | <a href="/discog.php">Discography</a>  | <a href="/music.php">Music</a> | <a href="/videos.php">Videos</a> | <a href="/about.php">About</a></h2>
			<br><br><img src="shadowcomm3.png">
			<br><br>


		</div>
		</div> <!-- Husk å avslutte alle tagger -->
</body>
</html>

Du kunne kanskje i stedet lagt logoen som bakgrunn i <h1>, og laget en liste av menyen der du i css-stilarket ditt skriver display:inline; på "li"

li {display:inline;}

og slik at menyen blir sli

<ul>
<li><a href="lenke til siden">Side 1</li>
<li><a href="lenke til siden">Side 2</li>
</ul>

resten, og bildet legger du i en paragraf-tagg slik

<p><img src="bilde.jpg">Her skal jeg skrive noe fint under bildet</p>

Skal du ha mellomrom mellom en <p> og feks <h1>, bruker du blant annet margin: 10px ;, som gir et mellomrom på alle kanter på 10 pixler.

Left Blank · 29. oktober 2008

omg?! er det hele kildekoden?!?!?

hva skjer med verden a stian>?!

uansett, jeg gir blanke i kode semantikk.. kommenter heler pa designet

lite gjennomført svada...

Ditt utsang er ting som gjør meg fly forbannet, "KODE" er web.. og når du mangler vesentlige ting i markupen som dokument type, <html>,<head> og <body> tagger så skjønner jeg at du burde få deg en annen hobby

Det er pa ingen mate slik at man MA ha html, head, etc, google f eks bruker ikke noe av dette for a kutte ned pa hvor mange bytes som blir overfort til hver bruker.

min side fungerer, alle nettlesere viser siden korrekt siden den er veldig liten og kompakt.

dette er mye bedre enn a stappe full av masse unodvendig markup bare for at det skal skal vaere korrekt.

frode; kanskje jeg ma arbeide med det ja. men det er som alltid veldig intens og negativ tone nar noen poster en webside her som ikke er perfekt. jeg skjonner at det blir slitsomt med alle newbza(lool) som gjor sa mange feil..

jeg gjor det som fungerer, og nar det fungerer sa er alt ok.

ingard; takk for bra tilbakemelding! men jeg er fortsatt ved det standpunktet at hvis det fungerer behover man ikke gjore noe ekstra..

hvis det er en praktisk grunn til at siden og markupen min ma forandres, sa hversagod og si ifra, men hvis det bare er pga at det ikke er korrekt etter standardene, sa er jeg ikke sa interessert.

FrodeNilsen · 29. oktober 2008

...
min side fungerer, alle nettlesere viser siden korrekt siden den er veldig liten og kompakt.

dette er mye bedre enn a stappe full av masse unodvendig markup bare for at det skal skal vaere korrekt.

frode; kanskje jeg ma arbeide med det ja. men det er som alltid veldig intens og negativ tone nar noen poster en webside her som ikke er perfekt. jeg skjonner at det blir slitsomt med alle newbza(lool) som gjor sa mange feil..

jeg gjor det som fungerer, og nar det fungerer sa er alt ok.

...

Kode

Du har rett og slett ikke peiling på hva du snakker om. Du har ikke peiling på hvorfor vi maser om at kode bør være korrekt. Ta det som en mann; la det ligge.

Russisk rulett

Du argumenterer med at hvis du vinner i russisk rulett så var det riktig å spille det. Flere av oss har erfaring med akkurat russisk rulett og webdesign, men det er opp til deg å lytte. Når du tryner gjør det vondt. Tro meg.

Jeg har opplevd svært mange tråder som vennlige og givende, det er derfor jeg er her. De trådene som blir negative har som regel en direkte årsak til det, men aldri at siden er uperfekt.

Bildet på forsiden

Hva har du forsøkt å oppnå med forside bildet?

Hviket uttrykk søker du? Er målet ditt minimalisme?

Frode

Left Blank · 29. oktober 2008

angaende bildet ihvertfall;

vet ikke, ville bare ha noe som sa stilig ut.

minimalisme er malet ja.

edit: noen som syntes det fungerer i det hele tatt med en tekst meny og enkel header?

eller ma man alltid ha mere staesj.

jeg ble ok fornoyd med fargen jeg valgte, storrelsen pa teksten og slikt.

er derfor jeg funderer litt pa om jeg faktisk tar feil, og hvis man ikke tar med markupen i mattestykket, fungerer websiden min slik at folk som besoker den vet hva de skal og at det er en viss form for gjenkjennelighet?

Sann na har jeg fiksa endel av markupen som dere nevnet. Pluss nye farger og halveis nytt design.

Noen kommentarer fortsatt?

Endret 3. november 2008 av Juliess
Dobbelpost

Hrodebert · 29. oktober 2008

kommenter heler pa designet

OK! Ikke for og være en dritt, men kort oppsumert: Grusomt. Mulig du har tenkt minimalistisk her, det hadde fungert hvis det var gjort skikkelig. Meget uoversiktlig, personlig skjønte jeg ikke hva poenget med siden var, altså hvem dem representerte og hva hensikten med den var. Flytt hele siden litt ut, ikke trøkk den inn i hjørnet, dette gjøres enkelt i CSS filen(e) for siden. Mye og jobbe med her!

potetskrell · 29. oktober 2008

Sann na har jeg fiksa endel av markupen som dere nevnet. Pluss nye farger og halveis nytt design.

Noen kommentarer fortsatt?

Du må flytte innholde litt vekk fra venstrekanten. Det ble noe klint inntil.

Jeg er enig i at det ble noe spinkelt. Prøv heller og presenter det mest relevante stoffet på forsida.

Fortsatt er det noe kluss i html-koden. Den er veldig viktig, og er det som bygger opp en nettside. Da bør det mest grunnleggene være i orden. Hva gjør den øveste meta-taggen? Og husk å avslutt tagger som du starter på. <div>innhold</div>

FrodeNilsen · 30. oktober 2008

Sann na har jeg fiksa endel av markupen som dere nevnet. Pluss nye farger og halveis nytt design.

Noen kommentarer fortsatt?

Veldig hyggelig at vi nå her en dialog. Bra!

Du forsøker å oppnå minimalisme som uttrykk, det er også helt legitimt. Hovedbudskapet er vel neppe minimalisme? Hva er det du bil oppnå med siden? Hvem forsøker du å nå ut til? Musikken er vel mer sentralt enn "minimalisme"?

Sentrering

Jeg tror at siden din blir mer lettlest hvis du sentrerer hele greia. Hvis du i tillegg gjør andre ting for at den skal være lettlest, så passer det veldig godt med at siden skal være minimalistisk.

Nåværende kode

<meta name="verify-v1" content="xq9S1tIYuIKs1/Ggbw8RCJzbm1N5DV9tm8CPOnXm5Mo=" />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Audiolabs - Coax</title>
<link rel="shortcut icon" href="favicon.ico">
 <link rel="stylesheet" type="text/css" href="meow.css">
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<div id="wrapp">
<div id="headd">
<a href="/index.php">Home</a> | <a href="/news.php">News</a> | <a href="/discog.php">Discography</a>  | <a 
href="/music.php">Music</a> | <a href="/videos.php">Videos</a> | <a href="/about.php">About</a>
<br><br><br><br>
</body>
</html>

Hva du bør gjøre

De fleste her på forumet lager en navigeringsliste med en uordnet liste som formateres i CSS. Jeg skal gi deg ett eksempel på det mens vi er i gang, men er strengt tatt ikke nødvendig.

Hvis du ser på koden din, så lukker du ikke div-elementene dine. La oss gjøre det, da det vil sikre deg at formateringen blir lik for alle moderne lettlesere.

Jeg flytter også meta dit det skal være.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
<title>Audiolabs - Coax</title>
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" type="text/css" href="meow.css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="verify-v1" content="xq9S1tIYuIKs1/Ggbw8RCJzbm1N5DV9tm8CPOnXm5Mo=">
 </head>
 <body>
<div id="container">
  <div id="header">
	<ul>
	  <li><a href="/index.php" class="location">Home</a></li>
	  <li><a href="/news.php">News</a></li>
	  <li><a href="/discog.php">Discography</a></li>
	  <li><a href="/music.php">Music</a></li>
	  <li><a href="/videos.php">Videos</a></li>
	  <li><a href="/about.php">About</a></li>
	</ul>
  </div>
  <div class="content"></div>
</div>
 </body>
</html>

Du kan nå formatere container-div med margin-left og margin-right satt til auto. Du bør også gi dette elementet en fornuftig bredde. Da slipper du å formatere bredde på så mange andre elementer.

Forsiden

Forsiden din blir nok litt for tam uten noe innhold. Forsiden din burde typisk formidle hovedbudskapet ditt, og hvis det er musikken din, så burde den presenteres på forsiden. På en eller annen måte.

Discography

Nåværende kode

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Audiolabs - Coax</title>
<link rel="shortcut icon" href="favicon.ico">
 <link rel="stylesheet" type="text/css" href="meow.css">
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<div id="wrapp">
<div id="headd">
<a href="/index.php">Home</a> | <a href="/news.php">News</a> | <a href="/discog.php">Discography</a>  | <a 
href="/music.php">Music</a> | <a href="/videos.php">Videos</a> | <a href="/about.php">About</a>
<br><br><h2>Netlabels:</h2><br>
------------------------<br><br>

Blackened EP	  (Monotonik) (2005)<br>
Solaris		   (Acedia)	(2005)<br>
<a href="http://www.kahvi.org/releases.php?release_number=185">Celethyst EP</a>	  (Kahvi)	 (2006)<br>
<a href="http://www.kahvi.org/releases.php?release_number=230">Twilight Snow</a>	  (Kahvi)	 (2008)<br>
<a href="http://www.kahvi.org/releases.php?release_number=247">Aeons</a>	  (Kahvi)	 (2008)<br>
<a href="http://www.mono211.com/content/releases/mtkmp204.html">Wobo Jomodo</a>	   (Monotonik) (2008)<br>
<br><br>
<h2>CD:</h2><br>
------------------------<br><br>

Showcase (2005)<br>
Alpenglow (2006)<br>
Lydia (2007)<br>
Anomie (2008)<br>
11 Of Twilight (Unreleased)   (2009)<br>

<br><br><br>
Creative Commons No Commercial License.

<br><br><div id="footer">
<br><br><br>
An Emily And Violet Production :)
</div>
</div>
</body>
</html>

Det blir umulig å hjelpe deg noe særlig med denne koden, da den er umulig å formatere fornuftig.

Du har flere lister med plater her, og du burde da benytte en uordnet liste, og formatere denne slik du vil ha den i CSS. Her er en omskrivining:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
<title>Audiolabs - Coax</title>
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" type="text/css" href="meow.css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="verify-v1" content="xq9S1tIYuIKs1/Ggbw8RCJzbm1N5DV9tm8CPOnXm5Mo=">
 </head>
 <body>
<div id="container">
  <div id="header">
	<ul>
	  <li><a href="/index.php">Home</a></li>
	  <li><a href="/news.php">News</a></li>
	  <li><a href="/discog.php" class="location">Discography</a></li>
	  <li><a href="/music.php">Music</a></li>
	  <li><a href="/videos.php">Videos</a></li>
	  <li><a href="/about.php">About</a></li>
	</ul>
  </div>
  <div class="content">
	<h1>Netlabels:</h1>
	<ul>
	  <li>Blackened EP (Monotonik) (2005)</li>
	  <li>Solaris (Acedia)(2005)</li>
	  <li><a href="http://www.kahvi.org/releases.php?release_number=185">Celethyst EP</a> (Kahvi)2006)</li>
	  <li><a href="http://www.kahvi.org/releases.php?release_number=230">Twilight Snow</a> (Kahvi)(2008)</li>
	  <li><a href="http://www.kahvi.org/releases.php?release_number=247">Aeons</a> (Kahvi) (2008)</li>
	  <li><a href="http://www.mono211.com/content/releases/mtkmp204.html">Wobo Jomodo</a> (Monotonik)(2008) </li>
	</ul>
	<h1>CD:</h1>
	<ul>
	  <li>Showcase (2005)</li>
	  <li>Alpenglow (2006)</li>
	  <li>Lydia (2007)</li>
	  <li>Anomie (2008)</li>
	  <li>11 Of Twilight (Unreleased) (2009)</li>
	</ul>
	<p>
	  Creative Commons No Commercial License.
	</p>
	<p>
	  An Emily And Violet Production :)
	</p>   
  </div>
</div>
 </body>
</html>

I den opprinnelige koden har du en footer. Det er kotyme for at en footer er lik på alle sidene dine, derfor valgte jeg å skrive denne om til ett avsnitt. Merk også at jeg har endret plasseringen av klassen "location" i navigeringsmenyen. Disse sidene fungerer helt fint i ren html.

Tiden løper nå fra meg, så jeg rekker ikke mer i dag. Dette ble mye kode, håper jeg kan gi deg litt formaterings feedback i morgen, da vil du forstå hvorfor.

Hvis du klarer å formulere hva du vil oppnå, kan jeg forsøke å hjelpe deg å oppnå det du søker. Det må desverre bli med uttgangspunkt i noe slikt som jeg har foreslått her. Det du hadde var umulig å jobbe med.

Peace

Frode

Left Blank · 30. oktober 2008

Frode..

Forst vil jeg si at jeg setter veldig pris pa at du tar deg sa mye tid til a skrive ned lang kritikk/tips!

Det gar ikke rett ut det andre 0ret!

nar det er sagt, sa fiksa jeg litt pa siden.

http://audio-labs.com/index.php

Sentrerte, nye farger, header, font og slikt.

Jeg skal fikse koden senere slik som du skrev ned, men har ikke tid just nu.

Btw, hele siden er ganske mye php atm.. index.php er bare require 'header.php' og require 'main.php' etc.

Hrodebert · 30. oktober 2008

Det er bedre, men du bruker siden dårlig. Altså du har en hvit boks, men kun innhold på venstre side. Nesten hele høyresiden er helt blank. Begynn med og gjøre den hvite boksen mindre.

Left Blank · 31. oktober 2008

Takk roberteh. Skal fikse det om en liten stund.

Kanskje putte noe grafikk i hoyre siden av boksen kunne funke slik at den ikke er for liten.

FrodeNilsen · 31. oktober 2008

Takk roberteh. Skal fikse det om en liten stund.
Kanskje putte noe grafikk i hoyre siden av boksen kunne funke slik at den ikke er for liten.

Før jeg lager noe CSS kode, så trenger jeg å vite mer om design forutsetningne dine. Jeg har etterlyst dette en par ganger, uten noe svar.

For meg som designer, så er det givende å designe en nettside slik du vil ha den. Helt ærlig så er jeg ikke særlig interessert i stilering om dagen, det vil si "design" uten noen forutsetninger.

Det å stappe inn ett bilde fordi det ble for mye luft er stilering. Hvis du stapper inn ett bilde fordi du forsøker å oppnå ett bestemt uttrykk blir det fort design, særlig hvis du har ett definert uttrykk for hele siden.

Jeg velger derfor å stille deg noen spørsmål, som vil gjøre det mer interessant for meg å hjelpe deg videre. jeg ønsker ikke å gi deg ett fixt ferdig resultat etter min egen synsing. De gangene jeg har gjort det har hatt en tendens til å kuppe designet fra trådstarter, en effekt som gir meg svært lite. Du trenger ikke svare på disse spørsmålene, men jeg tror jeg skal bremse min deltagelse litt i denne tråden hvis du ikke gir mer føringer. Jeg ønsker ikke å kuppe designet ditt.

Hva vil du med siden

Vil du bare lage en nettside for din egen del? Bare se hva du får til?

Ønsker du å fremme deg selv som artist?

Vil du bli annerkjent som kunstner?

Målgruppe

Hvil du nå ut til noen?

Venner? Familie? Andre artister?

Musikk interesserte? Gjør du spillejobber og ønsker å nå oppdragsgivere?

Skal du nå de på 60 eller hovedsakelig de unge?

Skal blinde kunne bruke siden din? De kan jo høre musikken din!

Budskap

Hva vil du formidle med siden din?

Har du en personlig stil du vil formidle? Klarer du å formidle hva denne stilen er i så fall?

Hva skal de som besøker siden din sitte igjen med?

Budskap kan være enkel, og de kan godt flettes inn med musikken din. Hvis du har en musikalsk kjerne, så kan det være henskiktsmessig å forsøke å lage en nettside som forsterker denne kjernen?

Frode

Logg inn

Critique De La Pagé

Anbefalte innlegg

Left Blank

Lenke til kommentar

Videoannonse

Stian Jacobsen

Lenke til kommentar

Left Blank

Lenke til kommentar

Stian Jacobsen

Lenke til kommentar

FrodeNilsen

Lenke til kommentar

potetskrell

Lenke til kommentar

Left Blank

Lenke til kommentar

FrodeNilsen

Lenke til kommentar

Left Blank

Lenke til kommentar

Hrodebert

Lenke til kommentar

potetskrell

Lenke til kommentar

FrodeNilsen

Lenke til kommentar

Left Blank

Lenke til kommentar

Hrodebert

Lenke til kommentar

Left Blank

Lenke til kommentar

FrodeNilsen

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer