Hjælp til salg (Ikke internet)

Har brug for gennemgang af koderne på mit website

Ansol — Mon, 21 May 2007 12:14:00 GMT

Jamen jakob - det er jo en helt guldgrube at vælte over sådan en som dig;)

Jeg kan kun sige: "så skal der leges" Gode eksempler du er kommet med... det er virkeligt noget jeg kan bruge til noget!

Indtil videre er jeg ikke gået så meget op i hvordan de forskellige browser reagere på koderne. I første omgang har jeg beslutte mig for, at det skal være iorden i IE, da det er den mest anvende browser.. Men der er klart en væsentlig faktor..

Og ja, øvelse, øvelse og atter øvelse.. Det vigtigste for mig lige nu er, at lære de grundlæggende koder, så mit fundament bliver korrekt :)

Tak for linkene..

Har brug for gennemgang af koderne på mit website

Jakob Søndergård — Sun, 20 May 2007 18:58:00 GMT

Hej igen,

Et eksempel pÃ¥ brug af display=block kunne vÃ¦re en menu.
Hvis man nu gerne vil have en helt typisk venstrejusteret linkmenu, med Ã©t menupunkt pÃ¥ hver linie, som sÃ¥dan:

Forside
Nyheder
Links

SÃ¥ kunne man med fordel skrive fÃ¸lgende HTML:

<div id=''menu''>
<a href=''forside.htm''>Forside</a>
<a href=''nyheder.htm''>Nyheder</a>
<a href=''links.htm''>Links</a>
</div>

Og efterfÃ¸lgende CSS:

#menu a {
display: block;
}

PÃ¥ den mÃ¥de sparer du en del HTML, fremfor at benytte lister (<ul> <li> osv) eller endda linebreaks (<br>).
NÃ¥r et link (<a>) er display=block, kan du ogsÃ¥ justere stÃ¸rrelsen m.v. Benyt line-height og padding til hÃ¸jden, for bedste kompatibilitet.

Som regel bruger jeg faktisk kun display=inline til at passificere et bug i IE, der fordobler margin og padding pÃ¥ elementer der har tilknyttet float. Men der kan selvfÃ¸lgelig vÃ¦re legitime grunde til at bruge det. Eksempelvis vil man mÃ¥ske af en eller anden grund gerne have en <input type=''checkbox''> midt i sin tekst, som skal vÃ¦re indeholdt i en <form>. SidstnÃ¦vnte er per default sat til display=block, hvilket jo vil forÃ¥rsage et linieskift. Eksempel fÃ¸lger:

<div>Hej, her er en tekst og her er en <form style=''display: inline;''><input type=''checkbox''></form> checkbox.</div>

Det kan ogsÃ¥ vÃ¦re at man vil have sin overskrift som en del af en efterfÃ¸lgende tekst:

<div id=''content''>
<h1 style=''display: inline;''>National velfÃ¦rd og indvandrere</h1> <p style=''display: inline;''>er varme kartofler pÃ¥ den politiske scene i disse dage...</p>
</div>

BemÃ¦rk at jeg har indsat et "tvunget" mellemrum ( ) og udeladt normale mellemrum imellem </h1> og <p> da forskellige browsere ellers ikke viser det Ã©ns. Jeg mener det er IE, som ignorerer normale mellemrum, nÃ¥r et "block"-element er sat til "inline". Men den slags finder du ligesÃ¥ stille ud af hen ad vejen. Jeg holder mit hÃ¥r klippet i 1mm lÃ¦ngde, for ikke at rykke det ud, nÃ¥r isÃ¦r IE laver ballade ved lidt mere komplekse HTML/CSS-opstillinger. Jeg har oplevet sÃ¥ underlige ting i helt specifikke situationer, som at nÃ¥r jeg satte en baggrundsfarve pÃ¥ et element, blev hÃ¸jden pÃ¥ det fordoblet.

Anyways, du kan ikke generelt sige om man skriver "rigtigt" eller "forkert" HTML/CSS. SelvfÃ¸lgelig kan man skrive noget, der slet ikke er nogle af delene, eller man kan skrive noget der er yderst upraktisk... :) Men et godt skridt pÃ¥ vejen er at lÃ¦ne sig op af standarderne, teste sine produktioner i forskellige browsere, studere andres vÃ¦rker og ellers leg, Ã¸velse, leg, Ã¸velse og mere Ã¸velse. Nogle folk vil gerne bare lave noget der virker, andre vil gerne optimere og optimere. Man skal dog ogsÃ¥ passe pÃ¥. Det kan faktisk gÃ¥ hen og blive sÃ¥ abstrakt, at dynamikken helt forsvinder.

Personligt vil jeg gerne forsÃ¸ge at finde en balance. Hvis man bare stryger derudad risikerer man et dÃ¥rligt produkt. I vÃ¦rste fald et produkt som kommer til at halte grueligt senere. Men hvis man bruger hele nÃ¦tter pÃ¥ at kunne beskÃ¦re sin kode med 2-3 elementer, sÃ¥ kommer man heller ingen vegne. Bortset fra w3schools.com sÃ¥ kan alistapart.com ogsÃ¥ anbefales. Artiklerne er dog ogsÃ¥ pÃ¥ engelsk, men de er oftest meget pÃ¦dagogisk udformet. God fornÃ¸jelse... :)

Har brug for gennemgang af koderne på mit website

Ansol — Sun, 20 May 2007 14:34:00 GMT

Hej Jakob,

Fedt, fedt, fedt.. fedt du tog dig tiden!! Lige hvad jeg har bruge for, og så til at forstå ;)

Det med meta-tags er ikke helt til at blive klogt på (sådan generelt).. Og ja, der vel underforstået at siderne automatisk bliver crawlet af de forskellige søgemaskiners roboter.. Men da jeg er begynder, foretrækker jeg at gå med livrem og seller (bare lidt endnu;)

Det med javascriptet havde jeg også forstået sådan, så den var jeg ikke så usikker på.. Men det er altid dejligt at få det bekræftet.

Ja for pokker, det kan jeg da godt se.. altså de eksempler du kommer med:)

Pudsigt, sidder lige og ser på noget med display=block og display=inline - hvornår vil det være nødvendig at bruget elementet display=inline i CSS sammenhæng - som du selv er inde på så er (span) (a) (b) m.m. fra default display=inline?

Tak for komplimentet:) Øhh... det med w3schools.com er jo bare alle tiders - synes bare, at det er svært, da det foregår på engelskmit engelsk er ellers ganske godt)

Har brug for gennemgang af koderne på mit website

Ansol — Sun, 20 May 2007 13:52:00 GMT

Hej ?;)

Ja, du har ret... der er lidt lange div id''er, er ikke kommet til at rette dem endnu.. Jeg tænkte faktisk lidt SEO, jeg bruger nøgleord i mine Div id''er''s beskrivelse.. om det hjælper eller er forkert det ved jeg ikke, det var bare et sats..

Så vidt jeg har forstået skal der været et start og slut a-tag ved hvert link. Hvad angår linkmenuen, kunne jeg vel bare lave dem som <ul><li><a>link</a></li></ul> Jeg må lige prøve mig fre:)

Det med Javascriptet, har jeg Jacob svaret meget korrekt på - så vidt jeg har læst mig frem til;)

Tak for hjælpen!

Har brug for gennemgang af koderne på mit website

Jakob Søndergård — Sun, 20 May 2007 13:23:00 GMT

Fra en ende af:

Mange af dine meta-tags synes jeg er overflødige, men det er nok meget en sag om smag. Nogle ting er implicit (robots=all, m.v.) og andre ting synes jeg ligeså godt man kan fortælle med HTTP, som f.eks. content-type.

Dit Javascript har det fint med at være placeret lige før dit </body> tag. Hvis der printes indhold vha. document.write() i din <head> sektion, kan det ødelægge siden. Desuden anbefaler Google at man placerer sit Analytics script, netop der hvor du har det placeret. Sidst men ikke mindst, kan det blokere for indlæsning af siden, hvis man har et eksternt Javascript i <head> sektionen, som ikke er tilgængeligt, da browseren så venter på timeout (30 sek.) før den henter resten.

Efterhånden som du får mere erfaring, er jeg sikker på du helt vil fjerne rigtigt mange af dine tags, dine id''er og dine classes. Det er ikke nødvendigt at give (næsten) alle elementer en måde at genkende dem på.

Med CSS kan du f.eks. skrive:

h4 span {
color: #FF0000;
}

- hvilket gør teksten i alle <span> der er indeni <h4> røde.

Eller du kan skrive:

h1, h2, div.overskrift {
color: #0000FF;
}

- hvilket gør teksten i alle <h1> <h2> og alle <div> med class=overskrift blå.

Med CSS kan man i øvrigt få (næsten) alle elementer til at opføre sig som man vil. Elementerne har en default style tilknyttet, som kan variere lidt fra browser til browser, men der kan ændres på det meste. En af de mest væsentlige ting er nok forskellen på display=block og display=inline.
Elementer som <h1> <h2> <p> <div> <table> er som default display=block, hvor de altså opfører sig som en "kasse", der automatisk laver linieskift m.v. Andre elementer som <span> <a> <b> er som default display=inline, de repræsenterer altså bare en "markering" af noget indhold og ikke en "blok" på samme måde.

Det var kun lidt helt basalt, der er rigtigt mange muligheder. Jeg synes det er flot, hvad du har lavet indtil nu, når du er helt grøn. Det vil sikkert være en god ide at gøre w3schools.com til din nye startside, og så bare terpe attributter når du keder dig... :)

Har brug for gennemgang af koderne på mit website

Neist & Felskov — Sat, 19 May 2007 14:27:00 GMT

Hej Anette

I din menu har du placeret hvert punkt i en div, en h2 og endelig et a-tag. Hvorfor ikke bare nøjes med et a-tag :) (jeg har ingen forstand på SEO, ved ikke om det kan være grunden..)

Derudover bruger du nogle meget lange id'er - det synes jeg generelt gør koden mere klodset. F.eks. istedet for mellemorangeboks1, 2 og 3 - bare orange1, 2 og 3 ;)
Og potrait_af_rif (eller hvordan det nu stod) kunne bare være potrait.

Endelig har du helt i bunden placeret nogle javascripts, disse bør altid placeres i headeren.

Derudover ser koden umiddelbart fin ud :)

Har brug for gennemgang af koderne på mit website

Ansol — Sat, 19 May 2007 13:00:00 GMT

Alle disse ting har jeg gjort:)

jeg har fået én god henvendelse, men er åben for flere.. Og selvom koderne er blevet valideret til at være ok, er det ikke dermed sagt, at der ikke er fejl, og klodsede kodning - vi kan vel alle bruge en hjælpene hånd, specielt hvis der er noget vi er usikkert
på.. ikk'':)

Har brug for gennemgang af koderne på mit website

Mikkel Mikjær Christensen — Sat, 19 May 2007 12:41:00 GMT

Så skal du ikke have en kode-audit :) Så skal du indrykke et debat indlæg på f.eks. eksperten.dk og bede folk hjælpe med at evaluere din side/kode, evt bruge http://validator.w3.org/ til at afluse din kode for syntax og standard fejl før du gør det :)

Har brug for gennemgang af koderne på mit website

Ansol — Sat, 19 May 2007 12:36:00 GMT

Hej Mikkel:)

Da jeg er på ble-stadiet, hvad angår kodning af websites, har jeg brug for alle de råd jeg kan få:

Hvis nogle af mine kodninger er lidt klodsede eller forkert anvendt, vil jeg gerne høre, hvad jeg har gjort forkert og hvilke rettelser der i så fald skal til. Det kan jo være ligefra at få at vide: det er forkert: <br/>, det er korrekt <br />. Det kan være alt hvad det profesionelle øje spotter som værende ukorrekt :)

Har brug for gennemgang af koderne på mit website

Mikkel Mikjær Christensen — Sat, 19 May 2007 12:16:00 GMT

Vi lever code-auditering, men hvad er det præcist du vil have siden gennemgået for?

Har brug for gennemgang af koderne på mit website

Ansol — Fri, 18 May 2007 12:03:00 GMT

Hejsa:)

Nogen der er frisk på en gennemgang af mit website www.torbenrif.dk - jeg tænker her på koderne. Mit website er bygget på xhtml og css. Da jeg stadig er nybegynder, har jeg brug for lidt kyndig råd, rettelser m.m. Jeg vil jo gerne gøre det rigtigt!