Beste Sitedeals leden,

Graag hoor ik jullie mening over de volgende code (stukje van de code)

De pagina zelf is 1,27 KB (één pagina)

</div>
</div>

<div class="header2">
<div id="header2">
<div class="links">
<h1>&quot;Méér dan dating met naam&quot;</h1>
<font size="3">Lorem ipsum dolor si amet, consectetur adipiscing elit. Quisque ipsum quam iaculis ut<br />
malesuade vel, pharetra et eros. integer nisi erat, ornare verstibulum semper lacinia<br />
viverra at lectus. maecenas lacus tortor, imperdiet sed dapibus id, accumsan vitae nisl.<br />
Quique sed lacus elementum diam tincidunt molestie sed a magna.<br />
<br />
Etiam ac elit enim. in hac abitasse platea dictumst. vivamus rhoncus venenatis blandit.<br />
verstibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;<br />
</font><br /><br /><br /><br />
<a href="#" title="Ja"><img src="images/button_ja.png" title="Ja" border="0" alt="ja" /></a>
<a href="#" title="Nee"><img src="images/button_nee.png" title="Nee" border="0" alt="Nee" /></a>
</div>
<div class="rechts">
<img src="images/foto.png" alt="foto" />
</div>
</div>
</div>

<br /><br />

<div class="content">
<div id="content">
<div class="links2">
<div class="links2_titel"><b>Verhalen van naam leden</b></div>
<br /><br /><br />

<div class="verhaal">
<table>
<div class="verhaal_titel"><b><u>Arjan de Vries en Petra de bruin</u></b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="#" title="#">Lees meer...</a></div>
<tr>
<td width="45"><img src="images/pijl.png" alt="pijl" /></td>
<td>
<div class="verhaal_content">
Lorem ipsum dolor sit amet, consectetur adipiscing<br />
elit. Quisque malesuada vel, pharetra et eros. inte-<br />
ger nisi erat, ornare vestib viverra at lectus. Maec-<br />
enas lacus tortor, imperdiet sed.<br />
</div>
</td>
</tr>
</table>
</div>

<br />


Voor wie de rest van de code wil zien - klik

Geen p tag, b ipv strong, missende width en height bij images, foute table tags...

Je kan dit toch zelf controleren door je code door een validator te halen?

Code kan veel netter met een stylesheet en divs (class)

Origineel gepost door Rex P.

Geen p tag, b ipv strong, missende width en height bij images, foute table tags...

Je kan dit toch zelf controleren door je code door een validator te halen?

De WC3 validator geeft opzicht niet zoveel problemen aan. Voor de rest geloof ik die sites niet zo snel.

Ten eerste je html is een zwaar rommeltje
Totaal niet semantisch opgebouwt, tabellen als layout gebruikt

Origineel gepost door Antalus Patrick

De WC3 validator geeft opzicht niet zoveel problemen aan. Voor de rest geloof ik die sites niet zo snel.

Geloof je de validator niet? oke jij bent officeel de eerste die ik dat heb zien typen.

De WC3 validator geloof ik zeker wel.

Alle "test" sites die online staan geloof ik niet zo snel.

Voor de rest heb ik deze code niet gemaakt, maar ik heb er ook kritiek op. De scripter wou niet van mij of van een professionelere scripter aannemen dat de code niet goed was (ik wou er dus ook niet voor betalen).

De scripter waar ik het over heb is erg jong en blijkbaar dus ook erg onervaren (was mij anders verteld). Geef zulke mensen graag een kans (mag ieder voor zichzelf bepalen!) maar voor zulk werk wil ik niet betalen.

Origineel gepost door Raymond Nijland

Ten eerste je html is een zwaar rommeltje
Totaal niet semantisch opgebouwt, tabellen als layout gebruikt



Geloof je de validator niet? oke jij bent officeel de eerste die ik dat heb zien typen.

Er klopt geen ruk van die code, en SEO-vriendelijk is het al helemaal niet. Wel goed dat je zo'n jong persoon de kans geeft zich te ontwikkelen, laat hem nogmaals zijn best doen om alles naar wens af te leveren en zo niet dan kun je het altijd nog door een ander laten doen!

Enkele kleine dingetjes:
- Incorrect gebruik van tabellen
- Geen titel tags aan afbeeldingen (SEO puntje)
- Incorrect gebruik van klassen en divisies
- Opmaak in de HTML welke in de CSS zou moeten staan
- Geen uitlijning etc.

Succes ermee! Mocht je hulp nodig hebben dan kun je me altijd een berichtje sturen. Eventueel kan ik dit kleine stuk code wel kostenloos kloppend maken, geen probleem!

<font> </font> = IE1 taal..

Echt, dit moet je gewoon niet meer willen gebruiken. Dit gebruik je alleen nog in email bestanden.

bedankt mensen voor de tips

ik ben de scripter en ik ben pas 13 jaar oud dus inderdaad nog erg jong

de titel tags aan de images heb ik inmiddels toegevoegd net als de alt tags

maar incorrect gebruik van tabellen hoe bedoel je dat?

incorrect gebruik van klassen en divisies dat begrijp ik niet waarom?

opmaak in HTML welke in CSS zou staan ben ik mee bezig

hoe bedoel je geen uitlijning?
Aanvullend bericht:
de <font></font> tags heb ik er al uitgehaald!

Tom, je hoeft niet te steeds te herhalen dat je 13 bent, zeg dan dat je niet zo ervaren bent, want ken genoeg mensen van 13 die best goed kunnen slicen. Ik geef zelfs af en toe m'n zusje een slice opdracht en die maakt er gewoon een w3c valid website van. Ze is misschien een jaar ouder dan jij, maar denk dat leeftijd voor dit soort dingen echt niet uit maakt.

Dus verschuil je niet achter je leeftijd ( en ook niet achter je dyslectie, wat je ook vaak doet ).

Probeer in je slice nooit meer dan 5 ID's te gebruiken, zelf gebruik ik altijd:

- container ( De mainframe )
- header
- menu
- content
- footer

In deze ID's maak ik gebruik van classes.

In je html geef je nooit styles mee, dit doe je in je CSS. Er zijn uitzonderingen, maar dat is meer met betrekking tot SEO, dan hebben we het over <strong> </strong>. Ik ben een kaas met SEO dus daar kan ik je niet zoveel over uitleggen, Maar doe al je style's in de CSS

De table tag is gemaakt om tabellen te maken, tabellen zijn geen templates. Gebruikt dus alleen <table> als je ook daadwerkelijk een tabel wil maken.

Origineel gepost door Stefan Visser

Probeer in je slice nooit meer dan 5 ID's te gebruiken, zelf gebruik ik altijd:

- container ( De mainframe )
- header
- menu
- content
- footer

In deze ID's maak ik gebruik van classes.

Waar slaat dit op? Je mag gerust meer dan 5 ID's gebruiken.

Een vuistregel is: kan een element meer dan 1 keer voorkomen, gebruik dan een class. (Bijvoorbeeld een afbeelding met caption en zonder caption, zodus heb je img.caption en img.no-caption om margin en zo te regelen). Komt een element heel zeker weten maar één keer voor, gebruik dan een ID: #container, #footer, ...

Verder, Tom, als je van jezelf weet dat je geen goeie code schrijft (want dat weet je, veronderstel ik), neem dan gewoon geen opdrachten aan en ga nog wat oefenen met gratis PSD's en zo.

Ik wil altijd helpen, ben er ook op m'n twaalf mee begonnen en heb alleen mijn slag geslaan. Nu kan ik een aardig stukje coden. Vragen mogen dus altijd hierheen.

Over je vragen:

• Incorrect gebruik van tabellen: een tabel gebruik je NIET voor layout, maar voor tabelgegevens (dingen die je in Excel zou doen). Voor een layout gebruik je div's.
• De rest is al beantwoord denk ik.

- Ook niet vergeten een hoogte en breedte mee te geven aan je images.
- Je spatie gebruik (&nbsp;) kan voor problemen zorgen als iemand een korte naam heeft als "Jan Pet" dan valt de ene lees verder naar links en de ander naar rechts dit zou je misschien ook op kunnen lossen door middel van een div o.i.d.
- Ik mis een meta description (meta keyword wordt niet meer gebruikt maar description is wel belangrijk)

De rest is ook al genoemd, een handige tip maak een cheatsheet en hang deze langs je pc, hier heb je bijvoorbeeld een SEO cheatsheet:
http://static.seomoz.org/user_files/...heat_Sheet.pdf

Hopelijk kun je hier wat mee.

@tom:
Tom, ik herken een stuk van jou in mijzelf, ik ben ook 13 maar ben al veel eerder met html etcetera begonnen. Hoe ik het onder de knie heb gekregen, is dingen van anderen bekijken, natypen als je iets niet snapt en dan kijken wat datgene precies doet. Ook heb ik als ik iets niet wist, gewoon op w3schools.com gekeken, dat maakt helemaal niks uit als je dat doet.
Bestudeer anders gewoon eens de broncode van een site waarvan je zeker weet dat die html klopt, op die manier kan je heel veel leren.

Verder moet je je inderdaad niet verschuilen achter leeftijd of dyslectie, daarmee beperk je jezelf alleen nog maar meer. Doe gewoon je best, dat is het enige dat iemand kan doen.

Verder moet je nog veel ervaring opbouwen, probeer gewoon voor de grap eens een site te maken met zoveel mogelijk html tags, hoe vaker je iets typt, hoe beter het in je hoofd zit.

Veel succes tom ;)

@topic:

Ik heb alleen naar het stukje code gekeken dat je geplaatst hebt, en daar heb ik wel een aantal dingen gezien die beter kunnen:

-gebruik tabs, dat is veel overzichtelijker
-blijf constant hetzelfde doen, dus niet zoals:

Code:

<td>tekst</td>
<td>
anderetekst
</td>

doe dan:

Code:

<td>
tekst
</td>
<td>
andere tekst
</td>

of:

Code:

<td>tekst</td>
<td>andere tekst</td>

Verder zijn er nog wat dingetjes die niet helemaal goed zijn, die zou ik gewoon door een validator halen, zoals:
http://validator.w3.org

Edit:

http://validator.w3.org/check?uri=ht..._Validator/1.1

iedereen heel erg bedankt!

dat spatie van $nbsp; heb ik eruit gehaald

hoogte en breedte zit aan de images
meta tag en description (waarom moet ik dat doen ik weet maar een klein deel waar de site over gaat)

maar iedereen super bedankt voor de tips ik zal er wat mee doen!

Graag gedaan, en voor vragen kun je altijd wel dingen aan me vragen, en ik denk dat je ook wel bij anderen terecht kan.