In je index script zie je dat nu de complete content erbij in is gebouwd. Deze gaan we er uit halen en plaatsen in een extern script.
<div class="post">
<h2 class="title"><a href="#">Welkom / welcome </a></h2>
<p class="meta">Sunday, Oktober 2, 2011 6:27 AM Posted by <a href="#">Webmaster</a></p>
<div class="entry">
<p><strong>Van harte welkom op deze website</strong>, <a href="http://http://www.alcoholinfo.nl/">informatie over alcohol</a>, Hier kun je een overzicht zien van alle dranken vanaf de letter a t/m w.<a href="http://http://eten-en-drinken.infonu.nl/dranken-overig/38742-alles-over-sterke-dranken-en-likeuren.html/">Alles over sterke dranken en likeuren</a>. Deze website is online voor diegene die informatie nodig heeft over sterke drank en of mixdranken.</p>
<p>Deze website zal zo snel mogelijk online komen. Echter zijn we nu bezig om de website uittebreiden. Er zal ook een forum komen, zodat er over het onderwerk alcohol en drank rustig besproken kan worden! </p>
<p><script type="text/javascript"><!--
google_ad_client = "ca-pub-6394031457536434";/* dena */ google_ad_slot = "9589481006"; google_ad_width = 300; google_ad_height = 250;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script></p>
</div>
</div>
<div class="post">
<h2 class="title"><a href="#">Bacardi Lemon</a></h2>
<p class="meta">Sunday, Oktober 2, 2011 6:27 AM Posted by <a href="#">Webmaster</a></p>
<div class="entry">
<p>Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum vel, tempor at, varius non, purus. Mauris vitae nisl nec consectetuer. Donec ipsum. Proin imperdiet est. Phasellus <a href="#">dapibus semper urna</a>. Pellentesque ornare, orci in consectetuer hendrerit, urna elit eleifend nunc, ut consectetuer nisl felis ac diam. Etiam non felis. Donec ut ante. In id eros.</p>
</div>
</div>
<div class="post">
<h2 class="title"><a href="#">Blue Label Taz</a></h2>
<p class="meta">Sunday, Oktober 2, 2011 6:27 AM Posted by <a href="#">Webmaster</a></p>
<div class="entry">
<p>Mauris vitae nisl nec metus placerat consectetuer. Donec ipsum. Proin imperdiet est. Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum vel, tempor at, varius non, purus. Mauris vitae nisl nec metus placerat consectetuer. Donec ipsum. Proin imperdiet est. Phasellus <a href="#">dapibus semper urna</a>. Pellentesque ornare, orci in consectetuer hendrerit, urna elit eleifend nunc, ut consectetuer nisl felis ac diam. </p>
</div>
</div>
Toon Meer
Het bovenstaande stukje codering heb ik uit je index geknipt en dat plak je nu in een nieuw tekst document dat je voorpagina.php gaat noemen.
Natuurlijk moet je nu op het lege stuk een functie maken waardoor hij andere links gaat includen. Ik zelf vind voor een beginnend scripter dit de mooiste manier.
<?php
$aPaginas = array('voorpagina.php','contact.php');
// een gewone willekeurige array met de pagina's daarin die wel vertoont mogen worden.
if(isset($_GET['p'])) {
// Hier kies je de naam die de pagina's krijgt dus nu krijgt die index.php?p=voorpagina
if(in_array($_GET['p'],$aPaginas))
{
if(file_exists($_GET['p'].'.php'))
{ include $_GET['p'].'.php'; }
else
{ include_once "website/verkeerd.php"; }
// Hier boven kies je de pagina die de leden te zien krijgen wanneer ze een niet bestaande of geldige link hebben ingevuld.
}
else
{ include_once "website/verkeerd.php"; }
// Hier boven kies je de pagina die de leden te zien krijgen wanneer ze een niet bestaande of geldige link hebben ingevuld.
}
else {
include_once "website/overige/voorpagina.php";
// Hier boven kies je de pagina die de leden als eerst zien wanneer ze de pagina openen, in dit geval de voorpagina.
}
?>
Toon Meer
In bovenstaande script staat een klein beetje informatie over wat het is en doet, zal er dit keer niet te diep op in gaan, maar de bedoeling van het stukje script is dat je dit vervangt voor het content die nu op de index staat (Script die boven dit script staat)
Wat krijg je dan in het compleet?
een index.php:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Alcohol & Drank </title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<div id="logo">
<h1><a href="#">Alcohol & mix dranken </a></h1>
</div>
<hr />
<!-- end #logo -->
<div id="header">
<div id="menu">
<ul>
<li><a href="#" class="first">Nieuws</a></li>
<li class="current_page_item"><a href="#">Drank</a></li>
<li><a href="#">Cocktails</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<!-- end #menu -->
<div id="search">
<form method="get" action="">
<fieldset>
<input type="text" name="s" id="search-text" size="15" />
<input type="submit" id="search-submit" value="GO" />
</fieldset>
</form>
</div>
<!-- end #search -->
</div>
<!-- end #header -->
<!-- end #header-wrapper -->
<div id="page">
<div id="page-bgtop">
<div id="content">
<?php
$aPaginas = array('voorpagina.php','contact.php');
// een gewone willekeurige array met de pagina's daarin die wel vertoont mogen worden.
if(isset($_GET['p'])) {
// Hier kies je de naam die de pagina's krijgt dus nu krijgt die index.php?p=voorpagina
if(in_array($_GET['p'],$aPaginas))
{
if(file_exists($_GET['p'].'.php'))
{ include $_GET['p'].'.php'; }
else
{ include_once "website/verkeerd.php"; }
// Hier boven kies je de pagina die de leden te zien krijgen wanneer ze een niet bestaande of geldige link hebben ingevuld.
}
else
{ include_once "website/verkeerd.php"; }
// Hier boven kies je de pagina die de leden te zien krijgen wanneer ze een niet bestaande of geldige link hebben ingevuld.
}
else {
include_once "website/overige/voorpagina.php";
// Hier boven kies je de pagina die de leden als eerst zien wanneer ze de pagina openen, in dit geval de voorpagina.
}
?>
</div>
<!-- end #content -->
<div id="sidebar">
<ul>
<li>
<h2>Cocktails zelf maken</h2>
<p>Heeft u een feestje? of wil je gewoon met wat vrienden of vriendinnen even wat nieuws proberen. Onder het kopje cocktails kun je ze lekker zelf maken!</p>
</li>
<li>
<h2>Hot hot hot! </h2>
<ul>
<li><a href="#"></a><a href="#">BACARDI</a></li>
<li><a href="#">JACK DANIELS </a></li>
<li><a href="#">BAILEYS</a></li>
<li><a href="#">RED LABEL</a></li>
<li><a href="#">BLUE LABEL</a></li>
</ul>
</li>
<li>
<h2>Info over Alcohol</h2>
<ul>
<li><a href="#"></a><a href="#">link naar 1</a></li>
<li><a href="#">link naar 2</a></li>
<li><a href="#">link naar 3</a></li>
<li><a href="#">link naar 4</a></li>
<li><a href="#">link naar 5c</a></li>
<li><a href="#"></a><a href="#">link naar 6</a></li>
<li><a href="#">link naar 7</a></li>
<li><a href="#">link naar 8</a></li>
</ul>
</li>
</ul>
</div>
<!-- end #sidebar -->
<div style="clear: both;"> </div>
</div>
</div>
<!-- end #page -->
<div id="footer-bgcontent">
<div id="footer">
<p>Copyright (c) 2011 AlcoholenDrank.nl All rights reserved.</a>.</p>
</div>
</div>
<!-- end #footer -->
</div>
</body>
</html>
Toon Meer
een voorpagina.php:
<div class="post">
<h2 class="title"><a href="#">Welkom / welcome </a></h2>
<p class="meta">Sunday, Oktober 2, 2011 6:27 AM Posted by <a href="#">Webmaster</a></p>
<div class="entry">
<p><strong>Van harte welkom op deze website</strong>, <a href="http://http://www.alcoholinfo.nl/">informatie over alcohol</a>, Hier kun je een overzicht zien van alle dranken vanaf de letter a t/m w.<a href="http://http://eten-en-drinken.infonu.nl/dranken-overig/38742-alles-over-sterke-dranken-en-likeuren.html/">Alles over sterke dranken en likeuren</a>. Deze website is online voor diegene die informatie nodig heeft over sterke drank en of mixdranken.</p>
<p>Deze website zal zo snel mogelijk online komen. Echter zijn we nu bezig om de website uittebreiden. Er zal ook een forum komen, zodat er over het onderwerk alcohol en drank rustig besproken kan worden! </p>
<p><script type="text/javascript"><!--
google_ad_client = "ca-pub-6394031457536434";/* dena */ google_ad_slot = "9589481006"; google_ad_width = 300; google_ad_height = 250;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script></p>
</div>
</div>
<div class="post">
<h2 class="title"><a href="#">Bacardi Lemon</a></h2>
<p class="meta">Sunday, Oktober 2, 2011 6:27 AM Posted by <a href="#">Webmaster</a></p>
<div class="entry">
<p>Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum vel, tempor at, varius non, purus. Mauris vitae nisl nec consectetuer. Donec ipsum. Proin imperdiet est. Phasellus <a href="#">dapibus semper urna</a>. Pellentesque ornare, orci in consectetuer hendrerit, urna elit eleifend nunc, ut consectetuer nisl felis ac diam. Etiam non felis. Donec ut ante. In id eros.</p>
</div>
</div>
<div class="post">
<h2 class="title"><a href="#">Blue Label Taz</a></h2>
<p class="meta">Sunday, Oktober 2, 2011 6:27 AM Posted by <a href="#">Webmaster</a></p>
<div class="entry">
<p>Mauris vitae nisl nec metus placerat consectetuer. Donec ipsum. Proin imperdiet est. Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum vel, tempor at, varius non, purus. Mauris vitae nisl nec metus placerat consectetuer. Donec ipsum. Proin imperdiet est. Phasellus <a href="#">dapibus semper urna</a>. Pellentesque ornare, orci in consectetuer hendrerit, urna elit eleifend nunc, ut consectetuer nisl felis ac diam. </p>
</div>
</div>
Toon Meer
(Niet zoon duidelijke uitleg, moet er zo vandoor zal het later op de avond duidelijker uitleggen, probeer er nu eerst zelf maar is mee te spelen:))