PDA

Volledige versie bekijken : HTML Site .


Fck_
17 February 2010, 18:10
Hallo !

Ik ben bezig met een kleine HTML site , maar echt veel kan ik daar dus niet van omdat ik het nooit echt diep bekeken heb .
Gewoon een simpele HTML code dus , met CSS . Maar nu heb ik dus een klein , en wsl heel erg dom vraagje =D .

Klik even om te zien wat ik bedoel. (http://www.jhdestyx.com/new)

Zoals je ziet heb ik een klein menu gemaakt , met CSS . Die code daarvan nu , staat allemaal in index.html :


<!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" />
<link rel='stylesheet' type='text/css' media='all' href='http://www.jhdestyx.com/CSS/layout.css' />
<link rel='stylesheet' type='text/css' media='all' href='http://www.jhdestyx.com/CSS/menu.css' />
<!-- Venstertitel -->
<title>JH De Styx</title>
</head>

<!-- Hoofdtitel -->
<h1><a href="http://www.jhdestyx.com" title="JH De Styx">JH De Styx</a></h1>
<div id="adres">
Venkelstraat 10, 3990 Peer.
</div>

<!-- Menu -->
<div class="menu">
<ul>
<li><a href="http://www.jhdestyx.com/index.html" target="_self" >HOME</a>
</li>
<li><a href="http://www.jhdestyx.com/activiteiten.html" target="_self" >INFO</a>
</li>
<li><a href="http://www.jhdestyx.com/index.html" target="_self" >AGENDA</a>
</li>
<li><a href="http://www.jhdestyx.com/index.html" target="_self" >CREW</a>
</li>
<li><a href="http://www.jhdestyx.com/index.html" target="_self" >FOTO'S</a>
</li>
<li><a href="http://www.jhdestyx.com/index.html" target="_self" >TAPPERS</a>
</li>
<li><a href="http://www.jhdestyx.com/index.html" target="_self" >LINKS</a>
</li>
</ul>
</div>

<!-- Footer -->
<div id="footer">&copy; 2010 JH De Styx.com | <a href="http://www.facebook.com/group.php?v=wall&ref=search&gid=64336882906" title="Facebook"><img src="http://www.jhdestyx.com/images/facebook.png" width="16" height="16" alt="Facebook" title="Facebook" /></a> </div>

Maar dus , als ik nu bijvoorbeeld op activiteiten klik , dan moeten dus de activiteiten weergeven word. Ik kan dit simpel doen door gewoon onder die knop 'activiteiten' gewoon de link naar activiteiten.html gelaad word, maar dan moet dus ook in die html al de code van het menu staan enzo, en dat lijkt me toch niet echt de bedoeling.

Hoe pak ik dit het beste aan? Frames fzo?
Fck_
17 February 2010, 18:23
ow , linkje was fout ! Is aangepast !
ultddave
17 February 2010, 18:25
Neen, zeker geen frames. :P Krijg je geen punten voor. Eerder punten af, denk ik zelfs. :)
(Bij ons toch)

Heb je de mogelijkheid om PHP code te gebruiken? Dan kan je gewoon in elke html file dit plaatsen:


<?php
include('menu.html');
?>

Als je dan het menu gaat aanpassen, moet je enkel die menu.html aanpassen, en wordt dat dus toegepast op elke pagina. Je moet dan wel je index.html hernoemen naar index.php (anders wordt de PHP code niet uitgevoerd) en je moet uiteraard support hebben voor PHP.

PS: Die menu.html moet dus enkel de tags van het menu bevatten, en dus niet opnieuw een <html>, <head>, .... tag en dergelijke. ;)

Later kan je dan ook gewoon 1 index.php pagina gebruiken en de inhoud specifieren dmv parameters. Zoals op het forum.

Bijvoorbeeld:


$value=$_GET['page']; // GET parameter opvragen

// Als index.php?page=administrator wordt aangeroepen, dan is
// $value == "administrator"

if ($value=="technieken")
include('technieken.php');
else if ($value=="foto")
include('pictures.php');
else if ($value=="administrator")
include('admin.php');
else
include('home.php');

Maar alé, nja, das nu niet echt de bedoeling in dit geval. :D

Andere methodes:
http://webdesign.about.com/od/ssi/a/aa052002a.htm
(JavaScript, ASP.NET, ...)

Op google vindt je wel wat ivm "file includes". ;)

Mvg,
Dave
Fck_
17 February 2010, 18:26
Dankje Dave , mr dat is dus ook een probleem:

Wij mogen geen PHP gebruiken. Het moet helemaal statisch zijn met HTML en CSS enzo.

EDIT: maar zooo er weinig PHP mag mss nog wel .. Eens een mailtje sturen naar de leerkracht.
Maar dmv HTML is zoiets niet mogelijk?
ultddave
17 February 2010, 18:36
Wij mochten/moesten altijd php gebruiken, dus ik heb het nooit anders gedaan.

Maar volgens verschillende sites gaat een server include ook:
(in de html code zetten)
<!--#include virtual="include.html" -->

Maar bij mijn server wordt niets geinclude met die code :p. Dus ik weet niet of dat echt goed werkt.

Mvg,
Dave
Fck_
17 February 2010, 18:37
Bedankt ^^ , zal het eens allemaal gaan proberen.
butskristof
17 February 2010, 19:07
Als het echt alleen HTML mag zijn, waarom zou je dan geen frames gebruiken? Oke, deze worden niet geïndexeerd door zoekmachines, maar je kan toch bepaalde info in <noframes> plaatsen?
Mvg,
Kristof.
Fck_
18 February 2010, 17:43
Jha kweet niet , ik ben eigenlijk ook niet echt goed in Frames =P !
Fck_
18 February 2010, 17:55
Ultdave , ik snap het precies nog niet helemaal ;$ :p .

mijn index.php , ik wil daar dus die hoofdtitel in met het menu , moet ik dus daar dan alleen maar :



<!-- Venstertitel -->
<title>JH De Styx</title>
</head>

<!-- Hoofdtitel -->
<h1><a href="http://www.jhdestyx.com" title="JH De Styx">JH De Styx</a></h1>
<div id="adres">
Venkelstraat 10, 3990 Peer.
</div>

<!-- Menu -->
<div class="menu">
<ul>
<li><a href="http://www.jhdestyx.com/index.html" target="_self" >HOME</a>
</li>
<li><a href="http://www.jhdestyx.com/activiteiten.html" target="_self" >INFO</a>
</li>
<li><a href="http://www.jhdestyx.com/index.html" target="_self" >AGENDA</a>
</li>
<li><a href="http://www.jhdestyx.com/index.html" target="_self" >CREW</a>
</li>
<li><a href="http://www.jhdestyx.com/index.html" target="_self" >FOTO'S</a>
</li>
<li><a href="http://www.jhdestyx.com/index.html" target="_self" >TAPPERS</a>
</li>
<li><a href="http://www.jhdestyx.com/index.html" target="_self" >LINKS</a>
</li>
</ul>
</div>

<!-- Footer -->
<div id="footer">&copy; 2010 JH De Styx.com | <a href="http://www.facebook.com/group.php?v=wall&ref=search&gid=64336882906" title="Facebook"><img src="http://www.jhdestyx.com/images/facebook.png" width="16" height="16" alt="Facebook" title="Facebook" /></a> </div>

In hebben staan ? En hoe weet mijn pagina agenda.html dan bijvoorbeeld dat zijn inhoud tussen het menu en de footer enzo komt ? Want ben er niet zo goed in =P !
butskristof
18 February 2010, 18:36
Je moet een bestand maken bv menu.html en daar zet je in;


<!-- Menu -->
<div class="menu">
<ul>
<li><a href="http://www.jhdestyx.com/index.html" target="_self" >HOME</a>
</li>
<li><a href="http://www.jhdestyx.com/activiteiten.html" target="_self" >INFO</a>
</li>
<li><a href="http://www.jhdestyx.com/index.html" target="_self" >AGENDA</a>
</li>
<li><a href="http://www.jhdestyx.com/index.html" target="_self" >CREW</a>
</li>
<li><a href="http://www.jhdestyx.com/index.html" target="_self" >FOTO'S</a>
</li>
<li><a href="http://www.jhdestyx.com/index.html" target="_self" >TAPPERS</a>
</li>
<li><a href="http://www.jhdestyx.com/index.html" target="_self" >LINKS</a>
</li>
</ul>
</div> Dan zet je in het bestand bv. index.php de volgende code:

<?php
include('menu.html');
?>Dit zet je ook in de andere pagina's waarop je het menu moet zetten.

Ik ben ook geen expert dus verbeter me waar ik fout ben aub ;s.

Mvg,
Kristof.
Fck_
18 February 2010, 19:14
mr mijn footer enzo , die kan ik toch ook telkens includen hé ? en hoe weet dan de pagina waar mijn menu op geinclude word enzo , dat mijn menu vanboven moet, en mijn footer vanonder =P ?
Dexter
18 February 2010, 19:38
omdat je de verwijzing op de juiste plaats moet zetten.

bevoorbeeld als je dus header.html, menu.html, pagina1.html, footer.html hebt dan wordt je eerste pagina:



<?php
include('header.html');
include('menu.html');
include('pagina1.html');
include('footer.html');
?>

Dus eerst zal dit script de header downloaden (dus vanaf de eerste lijn code tot en met de #adres. Menu.html bevat de menu code, pagina 1 de eigenlijke content en de footer omvat de rest (dus tot </html>). PHP zet dus gewoon de stukjes bij elkaar. Dit is zeer handig als je bevoorbeeld een naam in het menu wijzigt want dan moet je dat maar 1 keer doen en niet op elke html pagina. :)

PS: best de border rond het facebookicoon wegdoen. :p


Adri
Fck_
18 February 2010, 19:45
Thx ! Zal het eens gaan proberen ^^ !