SIILILLE a écrit :
J'ai travaillé une page plus ou moins dans l'idée de celle présente sur le site ( 
http://css.alsacreations.com/xmedia/exemples/design_css/etape5.html[/url], le code est donc sensiblement le même.
Pourriez vous me montrer ce à quoi ressemblerait le code de cette page si on utilisait la fonction include?
Bonjour,
En reprenant l'intégralité de la page que tu pointes, voici en gros comment ça se présenterait à la base (
"avant", donc) :
[#black][b]fichier index.php[/b][/#]
<!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" xml:lang="fr" lang="fr">
<head>
<title>Création d'un design étape par étape - Etape n°4 : Le titre et le menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Language" content="fr" />
<style type="text/css">
body
{
margin: 10px 0 ;
padding: 0 ;
text-align: center ;
font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
background: #dea ;
}
div#conteneur
{
width: 770px ;
margin: 0 auto ;
text-align: left ;
border: 2px solid #ab4 ;
background: #fff ;
}
h1#header
{
height: 258px ;
margin: 0 ;
background: url(apple.jpg) no-repeat left top ;
}
h1#header a
{
width: 400px ;
height: 70px ;
display: block ;
background: url(title.gif) no-repeat ;
position: relative ;
left: 350px ;
top: 15px ;
}
h1#header a span
{
display: none ;
}
ul#menu
{
height: 35px ;
margin: 0 ;
padding: 0 ;
background: url(bg_menu.gif) repeat-x 0 -25px ;
list-style-type: none ;
}
ul#menu li
{
float: left ;
text-align: center ;
}
ul#menu li a
{
width: 130px ;
line-height: 25px ;
font-size: 1.2em ;
font-weight: bold ;
letter-spacing: 2px ;
color: #fff ;
display: block ;
text-decoration: none ;
border-right: 2px solid #dea ;
}
ul#menu li a:hover
{
background: url(bg_menu.gif) repeat-x 0 0 ;
}
div#contenu
{
padding: 0 25px 0 100px ;
background: url(bg_page.gif) no-repeat 15px 15px ;
}
div#contenu h2
{
padding-left: 25px ;
line-height: 25px ;
font-size: 1.4em ;
background: url(little_apple.gif) no-repeat left bottom ;
color: #9b2 ;
border-bottom: 1px solid #9b2 ;
}
div#contenu h3
{
margin-left: 15px ;
padding-left: 5px ;
border-bottom: 1px solid #9b2 ;
border-left: 3px solid #9b2 ;
color: #9b2 ;
}
div#contenu p
{
text-align: justify ;
text-indent: 2em ;
line-height: 1.7em ;
}
div#contenu a
{
color: #8a0 ;
}
div#contenu a:hover
{
color: #9b2 ;
}
p#footer
{
margin: 0 ;
padding-right: 10px ;
line-height: 30px ;
text-align: right ;
color: #8a0 ;
}
pre
{
overflow: auto ;
background: #dea ;
border: 2px solid #9b2 ;
padding: 5px 0 0 5px ;
font-size: 1.2em ;
}
* html pre
{
width: 636px ;
}
pre span
{
color: #560 ;
}
pre span.comment
{
color: #b30000 ;
}
</style>
</head>
<body>
<div id="conteneur">
[#violet]<?php
/* Insertion du header
==============================*/
require ('header.php');
/* Insertion du contenu de la page d'accueil
==============================*/
require ('contenuAccueil.php');
/* Insertion du pied de page
==============================*/
require ('footer.php');
?>[/#]
</div>
</body>
</html>
[#black][b]fichier header.php[/b][/#]
<h1 id="header"><a href="etape5.html" title="Colored Design - Accueil"><span>Colored Design</span></a></h1>
<ul id="menu">
<li><a href="etape1.html">Etape n°1</a></li>
<li><a href="etape2.html">Etape n°2</a></li>
<li><a href="etape3.html">Etape n°3</a></li>
<li><a href="etape4.html">Etape n°4</a></li>
<li><a href="etape5.html">Etape n°5</a></li>
</ul>
[#black][b]fichier contenuAccueil.php[/b][/#]
<div id="contenu">
<h2>Titre de page, d'article...</h2>
<p>Elitr fabulas mel ex. Sed admodum detracto an. In vel diam quas exerci, at velit aliquip denique cum. His ex altera definitionem, in sumo eloquentiam pro, nec ut posse reformidans. Nonumy aliquando vim at, in alterum torquatos consetetur vel. Viris habemus dolores nam ea, utinam option eu per, cu duo vidit modus deterruisset. Cum te diam persecuti. Iudico partiendo concludaturque pro ex, no quas natum volumus est, vis et dicunt scripta. Te ius feugiat euripidis reprehendunt, vocent aliquip nonummy per ea, te duis graeci conceptam nam. No nullam habemus vel, te est autem verterem detraxit, eu minimum propriae ius. Mel diam quidam te, at cum stet convenire expetenda, cum senserit democritum te. Ad elit ancillae neglegentur his, et eam placerat conceptam, justo quaerendum sed te. Vel tamquam nominavi torquatos ad, te option phaedrum pro, elit aliquip corrumpit in ius. Eum volumus pericula cu. Per lorem saepe timeam te, cum ludus inciderint ut. Mucius rationibus eloquentiam nec eu, virtute accusata assueverit an pri, ei mea tempor bonorum equidem. Qui idque molestiae mnesarchum ex.</p>
<h2>Autre titre de page ou d'article, c'est selon !</h2>
<p>Sit voluptaria consequuntur interpretaris ea, salutatus comprehensam usu ea. Qui te summo electram iracundia, ex mel scripta tritani. Eos eius minim laoreet ne, labitur pertinax est ne. Nam et tamquam appellantur, enim mediocrem cu cum. Everti verear cu has, ad quo facete fastidii. Te est alia ubique. Mea in populo utamur assueverit, delenit oportere explicari in sit, possim abhorreant deterruisset ea ius. Eam ei augue possit minimum. Eam cu facete mollis, debitis patrioque quaerendum duo eu. Pri probo error id. Tation volumus cu sea, id enim agam meis vim. Cu mucius intellegebat delicatissimi eum, illum movet labore usu ei. At ferri ubique vix, has eu omnesque evertitur, commodo nusquam deleniti in sed. Euismod intellegat per cu. Cum et eros quaestio, enim populo cum in.</p>
<h3>Sous titre a cet article</h3>
<p>Lorem ipsum no sit altera forensibus, vix ea veniam fierent molestie. Duo iriure veritus ei, est no regione dolores. Vel et labore nemore referrentur, aeterno convenire eu sed, cum porro zzril te. Et ius labitur explicari, has no quis sententiae moderatius. Aliquip scaevola apeirian vel eu, aliquip mentitum ut pri, rebum nihil te his. Eam malis euismod ad. Aeterno corrumpit eu quo. Solet vocent voluptatibus at cum, animal constituto definitiones sit ei. Qui et tale recteque, habeo persecuti dissentias in his. Id eum mollis insolens maiestatis. Minim noster corrumpit cu usu, eu ferri oportere consequuntur vel. Porro salutandi assentior vis ad, no has assum sonet sapientem, usu doctus euismod te. Sed vitae noster ei, no duo sumo facer. Ne sed imperdiet voluptatum disputationi. Wisi aliquid in pro, ex ridens tritani docendi nam, ius ut ocurreret persecuti. Ne quo eius falli eruditi, ius alia oblique antiopam ut, ne nec impedit corpora eligendi. His puto menandri ad, idque similique abhorreant et pri. Ad sint inermis eligendi mea, te sit possit offendit. Ex clita fierent eum, an qui debitis nonummy facilisis, in per moderatius definitiones. Nonummy repudiare eos ea. Ius modo putant expetenda ad, ius nostrud eligendi te, vis partem minimum cu.</p>
<h3>Autre sous-titre</h3>
<p>Mel etiam oportere ex. At sea copiosae recteque. Mel ut alii dicit, ei usu perpetua periculis contentiones, probo semper pri id. Usu no magna omittm appellantur, ei vel ponderum facilisi. His alia natum facilis te, vis hinc oratio probatus cu. In sed sint eruditi voluptatum. Mutat habemus no qui, vis facer labitur labores an, hinc albucius consulatu ius ea. Nec at dicunt ancillae. Tritani invenire te sea, ea vix quod suas vidisse. Usu deleniti quaerendum in, mea et minim eruditi percipit. Has ad interesset accommodare, quo dicit nihil intellegebat ei, has epicuri gloriatur instructior ea. Qui no persius bonorum dissentiunt, qui et molestiae cotidieque consectetuer, his cetero viderer consulatu te. Oportere disputando philosophia id usu. Assum comprehensam in mea, nam ex vituperatoribus sanctus iudico. Elitr fabulas mel ex. Sed admodum detracto an. In vel diam quas exerci, at velit aliquip denique cum. His ex altera definitionem, in sumo eloquentiam pro, nec ut posse reformidans. Nonumy aliquando vim at, in alterum torquatos consetetur vel. Viris habemus dolores nam ea, utinam option eu per, cu duo vidit modus deterruisset. Cum te diam persecuti. Iudico partiendo concludaturque pro ex, no quas natum volumus est, vis et dicunt scripta. Te ius feugiat euripidis reprehendunt, vocent aliquip nonummy per ea, te duis graeci conceptam nam. No nullam habemus vel, te est autem verterem detraxit, eu minimum propriae ius. Mel diam quidam te, at cum stet convenire expetenda, cum senserit democritum te. Ad elit ancillae neglegentur his, et eam placerat conceptam, justo quaerendum sed te. Vel tamquam nominavi torquatos ad, te option phaedrum pro, elit aliquip corrumpit in ius. Eum volumus pericula cu. Per lorem saepe timeam te, cum ludus inciderint ut. Mucius rationibus eloquentiam nec eu, virtute accusata assueverit an pri, ei mea tempor bonorum equidem. Qui idque molestiae mnesarchum ex. Sit voluptaria consequuntur interpretaris ea, salutatus comprehensam usu ea. Qui te summo electram iracundia, ex mel scripta tritani. Eos eius minim laoreet ne, labitur pertinax est ne. Nam et tamquam appellantur, enim mediocrem cu cum. Everti verear cu has, ad quo facete fastidii. Te est alia ubique. Mea in populo utamur assueverit, delenit oportere explicari in sit, possim abhorreant deterruisset ea ius. Eam ei augue possit minimum. Eam cu facete mollis, debitis patrioque quaerendum duo eu. Pri probo error id. Tation volumus cu sea, id enim agam meis vim. Cu mucius intellegebat delicatissimi eum, illum movet labore usu ei. At ferri ubique vix, has eu omnesque evertitur, commodo nusquam deleniti in sed. Euismod intellegat per cu. Cum et eros quaestio, enim populo cum in.</p>
<p><a href="http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/design_css">Retour à la page de présentation du tutoriel</a></p>
</div>
[#black][b]fichier footer.php[/b][/#]
<p id="footer">Réalisation des codes xhtml & css, du tutoriel et du design par Olivier Patry</p>
Voilà, tu peux donc comprendre que le fichier
index.php va inclure le contenu des fichiers demandé par la fonction
require (idem que
include) pour avoir au final le même résultat que la page html de base dont tu parlais.
Modifié par Benjamin D.C. (13 Apr 2007 - 15:47)
