header en footer maken

Status
Niet open voor verdere reacties.
P

petmarretje

Nieuwe gebruiker
Lid geworden
22 dec 2006
Berichten
2
Hoi hoi
hu ff fijne kerstdagen alvast..

Graag zou ik een goede uitleg willen over het maken van een header en footer.
Ik ben hier al lang mee aan het knoeien en het lukt me niet om de index er goed in te krijgen.
Steeds als ik het bovenste plaatje erop zet gaat het goed nu wil ik aan de linkerkant een plaatje eronder hebben en dan gaat het fout.

Hoe bouw ik zoiets op een bassis zou al heel leuk zijn..
 
je kan tabellen gebuiken voor de goede opmaak:

HTML: 
<table width="totale breedte">
  <tr>
     <td width="xx">hier de header (tekst/plaatjes)</td>
  </tr>
  <tr>
     <td width="xx">hier het menu</td>
     <td width="xx">hier de tekst voor de pagina zelf</td>
  </tr>
  <tr>
     <td width="xx">hier de footer (tekst/plaatjes)</td>
  </tr>
<table>

bij width="xx" moet je xx vervangen door een breedte in pixels.
 
header en footer los van elkaar.

Ik heb dus een header en footer in php
die twee lukken me wel een beetje maar nu komt het als ik de index ertussen wil hebben dan heb ik een probleem.

mischien is dit duidelijker.

Header.php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<TABLE>
<table width="80%">
<tr>
<td width="80%"><IMG SRC="index.files/top_01.gif" WIDTH="341" HEIGHT="84" BORDER="0"><IMG SRC="index.files/top_02.gif" WIDTH="409" HEIGHT="84" BORDER="0" ALT=""><BR><IMG SRC="index.files/top_03.gif" WIDTH="149" HEIGHT="21" BORDER="0" ALT=""><A
onmouseover="MM_swapImage('Image4','','images/btn_home_over.gif',1)"
onmouseout=MM_swapImgRestore()
href="http://www.xx.nl"><IMG
height=21 src="index.files/btn_home.gif" width=80 border=0
name=Image4></A><A
onmouseover="MM_swapImage('Image5','','images/btn_flights_over.gif',1)"
onmouseout=MM_swapImgRestore()
href="http://www.xx.nl"><IMG
height=21 src="index.files/btn_flights.gif" width=80 border=0
name=Image5></A><A
onmouseover="MM_swapImage('Image6','','images/btn_hotels_over.gif',1)"
onmouseout=MM_swapImgRestore()
href="http://www.xx.nl"><IMG
height=21 src="index.files/btn_hotels.gif" width=80 border=0
name=Image6></A><A
onmouseover="MM_swapImage('Image7','','images/btn_cars_over.gif',1)"
onmouseout=MM_swapImgRestore()
href="http://www.xx.nl"><IMG
height=21 src="index.files/btn_cars.gif" width=80 border=0
name=Image7></A><A
onmouseover="MM_swapImage('Image7','','images/btn_cars_over.gif',1)"
onmouseout=MM_swapImgRestore()
href="http://www.xx.nl"><IMG
height=21 src="index.files/btn_cars.gif" width=80 border=0
name=Image7></A><A
onmouseover="MM_swapImage('Image7','','images/btn_cars_over.gif',1)"
onmouseout=MM_swapImgRestore()
href="http://www.xx.nl"><IMG
height=21 src="index.files/btn_cars.gif" width=80 border=0
name=Image7></A><A
onmouseover="MM_swapImage('Image7','','images/btn_cars_over.gif',1)"
onmouseout=MM_swapImgRestore()
href="http://www.xx.nl"><IMG
height=21 src="index.files/btn_cars.gif" width=80 border=0
name=Image7></A><A
onmouseover="MM_swapImage('Image7','','images/btn_cars_over.gif',1)"
onmouseout=MM_swapImgRestore()
href="http://www.xx.nl"><IMG
height=21 src="index.files/btn_cars.gif" width=40 border=0
name=Image7></A><BR><IMG SRC="index.files/top_05.gif" WIDTH="750" HEIGHT="8" BORDER="0" ALT=""><BR><IMG SRC="index.files/left_01.gif" WIDTH="162" HEIGHT="243" BORDER="0" ALT=""></td>
</TR>
</TABLE>
</HEAD>

<BODY>

</BODY>
</HTML>
 
Als dit je header.php is, is het niet goed.

Header en footer:
Maak je ontwerp gewoon in html.
Spits het in twee delen:
header.php en footer.php

Je index.php zier er dan zo uit:

include header.php (waar ook je menu inzit)
include home.php
include footer php

De
home.php
is dus de content welke moet verschijnen.
Als het is geupload, en je bekijkt de index.php moet in als je de bron bekijkt gewoon alles netjes in html zien staan.
Gooi je het in een html tester of validator, dan mag je geen foutmeldingen krijgen.

Overige pagina's gewoon je content aanmaken als txt file of php file.

"over ons" link:
ons.php bestaat dan uit
include header.php
include ons_c.php
include footer php

waarbij ons_c.php de c van content heeft.

formulier.php wordt dan:
include header.php
include form_c.php
include footer php

Dus je hebt nog al wat pagina's te maken, doch indien je het logich opzet
en steeds herkenbare namen er aan geeft is het niet moeilijk.

Met een CMS content managment system werkt het op gelijke wijze, doch dan hoef je zelf minder na te denken.
Een cms heeft nl een admin deel waar je pagina's kunt aanmaken en aanpassen.

Een kleine site welke niet vaak updates nodig heeft is op de beschreven wijze vlot op te zetten.

Makkelijk cms systeem: phpupdate van http://www.php-update.co.uk/

Gewoon downloaden en installeren.
Bekijk gewoon de files voor de opbouw.
Is wel complexer als de beschreven basis verdeling wat structuur betreft.

PHP info in het nederlands:
http://www.essetee.be/

:cool:
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan