Beste leden,
Ik ben bezig om mijn html/php skills weer op niveau te krijgen.
Ben bezig om deze website; http://moozelo56.fiftysix.axc.nl op te knappen en uittebreiden.
Mijn vraag is nu, ik heb allemaal kopjes en links in me website, moet ik nu nieuwe pagina's erbij maken en hoe link ik ze dan door vanaf de hoofdpagina?
Alvast bedankt!!
De kopjes pas je aan in de index.php file, hier voeg je nieuwe kopjes toe en pas je de links aan naar de juiste scripts
Natuurlijk ben je nog wel een pagina systeem nodig.
Als je een stukje code van de index.php stuurt kunnen we een voorbeeldje maken.
Hey jipping,
bedankt voor je antwoord en top dat je een voorbeeld wilt geven, aangezien mensen die het ook nog niet snappen weten hoe het zou moeten!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Name : Condition
Description: A two-column, fixed-width design for 1024x768 screen resolutions.
Version : 1.0
Released : 20100103
-->
<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">
<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>
</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>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>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.
}
?>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>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>(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:))
Juist heel erg bedankt.. zoveel hoef je niet uitteleggen.
Ik kan nu alsnog niet naar een nieuw "pagina" gaan
Je moet de links in het menu natuurlijk ook aan passen en een link in de array toevoegen.
Menu? Index bedoel je..?
Nouja, het is maar hoe je me uitleg bekijkt inderdaad. Je menu zit in je index. Daar moet je natuurlijk wel links toevoegen en de links die je hebt aangemaakt in de array toevoegen zodat ze toegankelijk zijn.
je hebt het ineens over links toevoegen die je hebt aangemaakt:p
jij hebt ht aangemaakt weet je nog, kun je aub wat specifieker zijn thnx!!
[offtopic]Moet ik alle webpagina's voor je maken dan, ik heb alleen een pagina systeem er in gemaakt en uitleg gegeven.[/offtopic]
Kijk, je hebt in je index een menu zitten waarin jij links zal willen toevoegen neem ik aan? De links, linken nu nog naar #.
Je maakt dus een scriptje en die sla je op als bijvoorbeeld:
script.php
Vervolgens verander je een van de links: # in index.php?p=script (let op hoeft geen .php achter)
Dan heb je in het pagina systeem nog een array zitten voor de veiligheid, je moet ook hier de naam van het script toevoegen dus in dit geval script.
Hoop dat het zo wat duidelijker is.
kijk jij bent gewoon de prof der profs ik ga het nu gelijk proberen want ik heb alles gevonden ...
Nieuwe reactie samengevoegd met originele reactie op 02.10.11 21:41:28:
thnx is gelukt, ik moet alleen nu "script.php" een goede pagina van maken thnxxx man!
mooi dat het is gelukt, topic gesloten indien nog vragen over het zelfde onderwerp stuur even een pb zodat ik het topic zal kunnen heropenen.
(maar lijkt me dat dit helemaal gaat goed komen:))
Goodluck:cheer::slotje:
Heb je nog geen account? Registreer je nu en word deel van onze community!