Gå til innhold

Kritikk på siden min ønskes!, første siden jeg...


Anbefalte innlegg

Videoannonse
Annonse

Nei, valdrisinger prater jeg ikke med, som den hallingen jeg er! (Omtrent like saklig som denne kommentaren.)

 

Anyways:

Råtten kode. I say no more.

Dette resulterer selvfølgelig i en del bugs rent designmessig.

Smileys gir et barnslig preg.

Header? Hvor er den?

Ellers ser det ut som en hvilken som helst template, ikke noe som skiller seg ut hverken den ene eller den andre veien.

 

Se på HTML Dog om du vil lære deg å kode ordentlig.

Lenke til kommentar

Følgende kommentarer:

  • Dårlig koding, php-kodinga gir feil stygge feil i HTML-kode, f.eks mangel på angivelse av DOCTYPE, blanding av absolutte og ikke referanser på <div> tagger.
  • Kjedelig! Selv om grått/svart kan være stilig er det OK med noe som gir litt mer liv.
  • Skriftstørrelse på menyer og bokstittler er for små - lite lesbare. Ikke bruk smileys, ønsker du å bruke figurer/illustrasjoner - gjør det mer profesjonelt.

Et godt tips, fra en som lager noen sider. Få til velfungerende design med vanlig HTML-koding, helst i XHTML 1.0 og validere både denne og CSS før du begynner med PHP-programmeringa. Sjekk at den fungerer i både Firefox, Opera og IE.

 

Her er noen linker til personer som kan faget. Finnes en mengde i tillegg. Bare Google litt

A list apart

Simplebits

About.com

 

Et utrolig bra sted å finne informasjon og kunnskap, og faktisk norske sider selv om de er på engelsk.

W3Schools

 

Vurder også om du i stedet for å programmere selv bør velge å bruke CMS systemer som Mambo, Typo3 etc. Gir bedre tid til design og innhold, og koden er sikrere. Dårlig PHP-kode kan skape sikkerhetshull.

 

Lykke til.

Lenke til kommentar

<td><img src="images/spacer.gif" width=7 height=1 alt=""></td>
     <td><img src="images/spacer.gif" width=1 height=1 alt=""></td>
     <td><img src="images/spacer.gif" width=30 height=1 alt=""></td>
     <td><img src="images/spacer.gif" width=1 height=1 alt=""></td>
     <td><img src="images/spacer.gif" width=6 height=1 alt=""></td>
     <td><img src="images/spacer.gif" width=6 height=1 alt=""></td>
     <td><img src="images/spacer.gif" width=5 height=1 alt=""></td>
     <td><img src="images/spacer.gif" width=12 height=1 alt=""></td>

     <td><img src="images/spacer.gif" width=3 height=1 alt=""></td>
     <td><img src="images/spacer.gif" width=1 height=1 alt=""></td>
     <td><img src="images/spacer.gif" width=50 height=1 alt=""></td>
     <td><img src="images/spacer.gif" width=64 height=1 alt=""></td>
     <td><img src="images/spacer.gif" width=1 height=1 alt=""></td>
     <td><img src="images/spacer.gif" width=1 height=1 alt=""></td>
     <td><img src="images/spacer.gif" width=1 height=1 alt=""></td>
     <td><img src="images/spacer.gif" width=16 height=1 alt=""></td>
     <td><img src="images/spacer.gif" width=1 height=1 alt=""></td>

     <td><img src="images/spacer.gif" width=1 height=1 alt=""></td>
     <td><img src="images/spacer.gif" width=592 height=1 alt=""></td>
     <td><img src="images/spacer.gif" width=1 height=1 alt=""></td>

 

Hva er dette egentlig? Kanskje

<div style="width:xx; height:xx;"> </div>

? :p

Lenke til kommentar
Det er space (rødme),

MEn går det no fortere med div eller hva er egentlig forskjellen?

Det er ikke noe som heter spacere lengre. Man setter en vidde og bredde på en div. Skal man ha mellomrom bruker man margin og padding på de elemtene som det passer på.

 

Feks:

<div style="width:400px; height:200px; background: red; margin-bottom: 10px;"></div>
<div style="width:400px; height:200px; background: blue;"></div>

 

Gir mellomrom mellom to divver, "tabeller" i ditt tilfeller. Se hvor lite kode samt ingen bruk av unødvendige gifbilder. :thumbup:

 

Hvorfor blir egentlig .html åpnet som tekst når man legger ved filer. Hmm. Jaja, men se her for eksempel.

divtest.html

Endret av Ingardj
Lenke til kommentar
Nei jeg droppa div og holder meg til mine spacer!! :wallbash::tease:

 

Hmm, kansje fjerne table greia!, eller da vil jo ikke den være der!, men samma f**n

Problemet er at du tror fortsatt at man skal bruke en div som spacer mellom to tabeller. Nei, hele driten skal vekk. Det skal stå igjen bare divver og ingen tabeller. Skjønner?

 

<div id="header"></div>

<div id="left"></div>

<div id="content"></div>

<div id="right"></div>

<div id="footer"></div>

 

Og slik ble alle tabellene vekke. Så klart, i CSS'en må man legge til de nødvendige egenskapene til divvene.

 

Men er du helt grønn, så gjør som fyren over sier. Jeg vill bare vise deg litt hvordan.

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...