Hoi RikXP,
O.k., daar gaat ie met mogelijkheid 2.
Puntje 1: een goede pagina
Maak eerst één html-pagina goed werkend met alles erop en eraan (ook de inhoud-cel gevuld). Test deze pagina met de
html-validator en de
css-validator. Als alles in orde is, kun je verder. Maar maak éérst even een backup (kopie) van deze goede pagina!
Punt 2: mapje aanmaken
Net zoals je een mapje "images" hebt, moet je een mapje maken waar keurig alle "includes" (ingesloten brokjes) in komen te staan. Mapje kan je bv. "includes" noemen.
Punt 3: knippen van de kop
Het kop-gedeelte, dat onveranderd kan blijven, loopt van jou van vlak na de <body>:
HTML:
<table width="900" align="center" border="0" cellpadding="0" cellspacing="0" height="1000">
<tbody>
<tr>
... tot en met ... (na de Google-codes)
</script></p> </td>
</tr>
</table></td>
<td width="20" rowspan="2" bgcolor="#FFFFFF"> </td>
</tr>
Dit kop-gedeelte knip je uit de pagina, en plak je (als enige code, dus zonder <head>,<body> en andere dingen) in een nieuwe pagina; kan ook in Kladblok. In plaats van een .htm uitgang krijgt dit bestand een
.php uitgang > bv.
kop.php. Opslaan in het nieuwe mapje "includes".
Punt 4: de verwijzing
Nu je kop weggeknipt is (dat is wel erg kaal), moet je op de oorspronkelijke pagina precies op de opengevallen plaats een verwijzing zetten. Die ziet er als volgt uit:
HTML:
<?php include("http://www.rikbrugman.nl/includes/kop.php"); ?>
Daarna gaat de html-code verder waar ie gebleven was. Op de pagina wordt het dus:
HTML:
...
<body>
<?php include("http://www.rikbrugman.nl/includes/kop.php"); ?>
<tr>
<td width="200" valign="top" bgcolor="#FFFFFF" style="border-right:dotted; border-right-width:1px">
... enz.
Zo wordt in de pagina de kop aangehaakt. Maar
let op! De oorspronkelijke pagina moet nu zelf ook de uitgang
.php krijgen, anders werkt het niet. Sla hem dus op als (bv.)
index.php in plaats van index.html.
Punt 5: de test
Om resultaat te kunnen zien, moet alles nu éérst naar de server worden geupload. D.w.z. het mapje "includes" met kop.php erin, en de nieuwe index.php. De oude index.html kan je daar verwijderen (of een andere naam geven, als je 'm wilt bewaren).
Nu kan je je browser(s) openen en op de site gaan kijken. Als het goed is, verschijnt nu de pagina met kop en al op je scherm.
Het aardige is, dat als je in de broncode kijkt van je internetpagina, er van de hele php-toestand niets te zien is: de codes lopen gewoon door alsof die van kop.php gewoon in de pagina stonden. En dat klopt, want de zaak is via php "server-side" weer in elkaar getimmerd, en als gewone bezoeker kan je daar niets van zien.
Punt 6: de rest
Op dezelfde manier kan je nu ook het brokje met de codes van de linker kolom in een apart php-bestand zetten, laten we zeggen: menu.php. En dat haak je in de pagina weer met een php-regeltje aan: op de plaats van de weggeknipte kolom.
Voor de andere pagina's van je site hoef je alleen op de goede plaats dezelfde php-regeltjes te zetten > klaar!
Blijft over: mooie cleane code maken met div's en zonder tabellen. But that's an other story!
Succes!
CSS-Hunter
