Nu gaan we een tabel opzetten.
Huh? Een tabel?
Ja, want een tabel is niks anders dan een verdeling in vakken van je pagina.
Vergelijk het met ruitjespapier. In ieder vakje kun je tekst of een plaatje zetten.
Je hoeft niet veel vakjes op een pagina te hebben. Vier vakjes naast elkaar en twee onder elkaar is gebruikelijk.
Hiertoe gebruik je de Tables Wizard, of klikt op Tables.
Klik voor plaatje
Deze wizard is uitgebreid. Niet alleen een tabel, maar ook een Koptekst en een tabeltekst kun je hier instellen.
Kies het aantal kolommen, normaal 4, en het aantal rijen, normaal 1 of 2. Kies de breedte van de cellen, en zorg dat je totaal niet boven de 700 uitkomt. (Maximaal 800 voor een scherm van 800 x 640)
Anders wordt je pagina te breed.
Je border zet je ALTIJD op 1, straks als je pagina naar je zin is en in feite af, dan zet je deze op 0, dan zijn de randen niet te zien en is je pagina mooier.
Celspacing is de ruimte TUSSEN de cellen. Zet het op 0.
Celpadding is de ruimte van de tekst naar de rand van de cel, zet deze op 5. Aanpassen uiteraard naar eigen goeddunken.
Vink Caption aan voor een KOP tekst, en deze tekst kun je ook invoeren.
Een Header kan net boven de tabel als extra info over de tabel gezet worden.
Deze Caption en Header zijn prettig voor overzichten en prijslijsten.
Vink je ze niet aan, dan heb je een normale tabel.
Je kunt de html code van de tabel ook zien, door Source te kiezen.
Je kunt in het middendeel van de wizard ook de cellen zien. Hier kun je ook tekst in zetten. Doe dit ook. Gewoon cijfertjes, dan kun je straks beter zien waar je je info neer moet zetten.
Is het naar je zin, klik OK.
Nu heb je je tabel.
Voorbeeld ===POP 2====
Cellen naast elkaar heet een rij, in html TR, dus Table Row.
Cellen boven elkaar noemen we een kolom.
Deze tabel is nog niet goed.
Alle cellen zijn even breed.
Pas deze breedte aan.
Haal bij de tweede rij cellen de width= weg, omdat de cellen onder de eerste rij de breedte van de cel in de bovenste rij overnemen.
Je krijgt dan zoiets:
<TABLE BORDER="1" CELLSPACING="1" CELLPADDING="1">
<TR>
<TD WIDTH="80">1</TD>
<TD WIDTH="130">2</TD>
<TD WIDTH="470">3</TD>
<TD WIDTH="60">4</TD>
</TR>
<TR>
<TD >21</TD>
<TD >22</TD>
<TD >23</TD>
<TD >24</TD>
</TR>
</TABLE>
Deze 4 kolommen met ieder hun eigen breedte hebben een speciale bedoeling.
De eerste is om afstand te houden vanaf de linker zijde. Omdat de achtergrondplaat een rand heeft is deze nu vrij breed. Normaal mag het smaller.
De tweede dient als plaats voor een menu.
De derde is voor tekst.
De vierde kan kleine plaatjes bevatten, of linken naar andere sites.
voorbeeld ====
POP3 ====
Ieder type site heeft een eigen layout. Maar hierboven heb je het basis principe.
De basis opzet is af.
Toelichting:
BORDER="1" CELLSPACING="1" CELLPADDING="1"
Border is de breedte van de omranding.
CELLSPACING="1" is de ruimte TUSSEN de cellen
CELLPADDING="1" is de ruimte tussen de celwand en de informatie die er tussen staat.
Heb je tekst in een cel, zet dan de celpadding op "4"
Verder met: 5 - tekst