Check- Site Design

**Spoorzoeker** · 8 February 2008, 15:27

Het zal voor vanavond zijn, want ik ben nu in huis aan het klussen
(kheb nu koffiepauze

)

**Spoorzoeker** · 8 February 2008, 17:52

Ik vraag me trouwens af hoe ver je bent momenteel.

Snap je het al een beetje, heb je het licht al gezien,
of is het nog steeds allemaal spaghetti voor je ?

Okee, de <body> tag.
De body is in feite alles wat je op het scherm ziet.
Wil je je scherm een achtergrond kleur geven, bv blauw, gebruik dan
<body bgcolor="blue">
Wil je een plaatje op de achtergrond, gebruik dan
<body background="plaatje.jpg">

Alle parameters van body kun je in één tag zetten:
<body background="plaatje.jpg" bgcolor="blue">

Er zijn er nog veel meer, maar voorlopig hou ik het even bij deze 2.

**compuchrisje** · 8 February 2008, 18:47

Mooi bezig Spoor en duidelijk ook nog. Ik ben dus ietsje verder dan toen je ooit je latijn in mij probeerde te stoppen. We volgen mee...

**Spoorzoeker** · 8 February 2008, 20:07

Hoe meer zielen hoe meer vreugd.

Als iets niet duidelijk is dan kan met dat gewoon aangeven, dan leg ik het
nog een keer uit, of op een andere manier.

Ik pretendeer niet dat ik volledig ben, maar als je mijn uitleg volgt dan ben ik er van overtuigd dat het volgen/overstappen op een veel uitgebreidere online
uitleg een stuk makkelijker is.

Zijn jullie al toe aan tabellen ?, vast wel.

Tabellen, sommigen gruwen er van als je tabellen gebruikt voor uitlijning, maar who cares, ik doe toch lekker wat ik zelf wil op mijn website zolang
ik er van overtuigd ben dat het mijn site ten goede komt.

Maar goed, tabellen, op zich niet moeilijk, het is even aanwennen waar een tabel uit bestaat.

Allereerst de open en sluittag: <table></table>
Nu gaan we aangeven dat we een regel willen: <tr></tr>
En tenslotte geven we aan dat we toch ook eigenlijk wel een kolom willen:
<td></td>

Samengevat: <table<tr><td> hier je tekst</td></tr></table>

Wil je meerdere kolommen, dan kan dat:
<table<tr><td> hier je tekst</td><td> hier je tekst</td></tr></table>

Meerdere regels kan ook:

<table>
<tr><td> hier je tekst</td><td> hier je tekst</td></tr>
<tr><td> hier je tekst</td><td> hier je tekst</td></tr>
<tr><td> hier je tekst</td><td> hier je tekst</td></tr>
</table>

Bekijk dit goed en probeer het maar eens uit.

**Ducktape** · 9 February 2008, 10:41

Alles zeer duidelijk tot nu toe spoorzoeker

Zeer duidelijke uitleg over die tabellen (niet rond de pot gedraaid

)

Maar wat me opvalt is dat als je een afbeelding als achtergrond zet, deze steeds gekopieerd wordt. Soms wel handig bij een afbeelding met een patroon, maar wat als je maar 1 keer die afbeelding wil zien?

bv afbeelding die je maar 1 keer wilt zien:

achtergrond (patroon):

**Spoorzoeker** · 9 February 2008, 19:15

Om een plaatje maar 1 keer voor te laten komen als achtergrond gebruik je
<body background="pix/003.jpg" style="background-repeat: no-repeat;">

Het is eigenlijk een CSS element, maar het is gewoon toepasbaar, dus waarom niet gebruiken ?

**Spoorzoeker** · 9 February 2008, 19:21

Okee, wat kunnen we met tabellen ?

Je kunt het heel goed gebruiken als uitlijningstool:

Zie bv dit:

<table><tr>
<td>Inkoop</td>
<td>25 euro</td>
</tr>
<tr>
<td>Verkoop</td>
<td>30 euro</td>
</tr>
</table>

Niet mooi he ?.

Dit gaan we aanpassen naar:

<table><tr>
<td>Inkoop</td><td></td>
<td>25 euro</td>
</tr>
<tr>
<td>Verkoop</td><td></td>
<td>30 euro</td>
</tr>
</table>

Nog steeds niet geweldig he, tijd voor een nieuwe parameter:
width

<table><tr>
<td>Inkoop</td><td width=50></td>
<td>25 euro</td>
</tr>
<tr>
<td>Verkoop</td><td width=50></td>
<td>30 euro</td>
</tr>
</table>

Kijk, dat ziet er al een stuk beter uit he.

Wil je een voorbeeld zien van het gebruik van tabellen, kijk dan hier:
http://www.derikketik.nl/obeurs.html

**Spoorzoeker** · 9 February 2008, 19:22

Als je randen wilt, dan kun je dat aangeven bij <table> met de parameter: border=

<table border=0> niks dus

<table border=1> een rand

Hoe hoger het getal, hoe dikker de rand.

**Spoorzoeker** · 11 February 2008, 11:36

Wil je een plaatje toevoegen ?.

Ook geen probleem.
Hoe de beschrijving luidt ?, geen idee.

Maar dat is ook niet belangrijk, want hier komt nu het nut van een html-editor om de hoek kijken. Elke html-editor heeft namelijk een menu-item waarmee je een plaatje kunt toevoegen, dus waarom zelf verzonnen als het programma het voor jou doet ?.

Acehtml:
<img src="emugroot.jpg" border="0" width="534" height="304" alt="" />

Max'html beauty++:
<IMG SRC="emuklein.jpg" WIDTH="468" HEIGHT="297" BORDER="0" ALT="emuklein.jpg (60024 bytes)">