http://www.pcmaniacs.fr Logo www.pcmaniacs.fr
         
                     
Forum   |   Login   |   Déconnexion   |   Inscription           
 
Quelques scripts HTML - PHP
 

 

Je vous présente le modèle de la page index.php que vous êtes en train de consulter ,à quelques détails près ! Des tableaux gèrent l'affichage des différentes pages;il faut savoir que les sites récents sont écrits en CSS qui est compatible avec les derniers naviguateurs ,comme Internet explorer 9.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Les 2 lignes précédentes permettent aux navigateurs très récents d'afficher correctement les pages de votre site (comprenant des tableaux comme ci-après) sans espace en dessous des images par exemple .Consulter le site suivant pour plus d'info : https://developer.mozilla.org/fr/Images,_tableaux_et_d%C3%A9calages_myst%C3%A9rieux

 

<html>
<head>
Insérer ici les paramètres HTLM (title ,meta name) et CSS (Cascading Style Sheets) ; préférer des balises <title> et <meta name ='description' content=' votre commentaire' /> dynamiques pour un meilleur référencement chez GOOGLE : pour la balise <title> ,vous pouvez créer un tableau $titleOK= array('lien correspondant','title de votre page') et reprendre le code ci-dessous concernant le test d'URL autorisé;faites de même pour la balise <meta name>
</head>
<body>
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0" id="Page Web">

<tr>
<td height="20" colspan="3">&nbsp;</td>
</tr>

<tr>
<td width="1000" height="155" colspan="3" align="center" valign="middle">

<?php
include('haut.html'); // entete du site
?>


</td>
</tr>

<tr>
<td height="20" colspan="3">&nbsp;</td>
</tr>

<tr>
<td width="207" rowspan="3" align="left" valign="top">

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

</td>

<td width="275" height="220" >
<?php
include('anim.html'); // animation
?>

</td>

<td>

<table border="1" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF"> <tr>
<td width="519" height="220" bgcolor="#000000"><img src="image.php" /></td>
</tr>
</table>
</td>

</tr>

<tr>
<td height="500" colspan="2" align="left" valign="top" >


<?php
// On definit le tableau contenant les pages autorisees

$pageOK = array('accueil_site>' => '>bonjour.php');

Définissez ici toutes vos pages dans le tableau (dans les parenthèses!) comme ceci 'nom du fichier passé en paramètre' => 'réél nom du fichier correspondant'

// On teste que le parametre d'url existe et qu'il est bien autorisé;

if ( (isset($_GET['page'])) && (isset($pageOK[$_GET['page']])) ) {
include($pageOK[$_GET['page']]); // Nous appelons le contenu central de la page
}
else
{
include('bonjour.php'); // Page par defaut quant elle n'existe pas dans le tableau
}
?>

</td>
</tr>
<tr>
<td height="99" colspan="2" align="left" valign="middle">

<?php
include('bas_page.html'); // pied de page

?>
</td></tr>
</table>


Exemples de différents fichiers annexes:

1.Fichierhaut.html ( cadre non apparent pour insérer une image avec des bords arrondis par exemple)

<style type="text/css">
vos différents styles CSS (taille caractère , couleur , police , gras , italique etc... )
</style>

<table width="1011" height="158" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="158" background="MonImage.jpg">&nbsp;</td>
</tr>
</table>

 

2.Fichier menu_general.html (cadre non apparent)

<style type="text/css">
vos différents styles CSS (taille caractère , couleur , police , gras , italique etc... )
</style>

<table width="206" height="1164" border="0">
<tr>

<td width="200" height="153" background="Votre image menu .png"><h3 align="left"><a href="index.php?page=accueil_site">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Accueil</a></h3></td>

etc ...

</tr>
<tr>
<td height="60">&nbsp;</td>

</tr>

etc ...
</table>

 

3.Fichier anim.html en JAVASCRIPT (Script pour faire défiler des images entrelacées (ici 10): attention ! ne fonctionne qu'avec le navigateur INTERNET EXPLORER : un autre script qui accepte tous les navigateurs vous est proposé dans le Forum de ce site)

<SCRIPT LANGUAGE="JavaScript">
var slideShowSpeed = 4000;
var crossFadeDuration = 3;
var nombre_image = 10 ; // nombre d'images a faire bouger
var prefix_image = 'defil/'; // chemin + prefix du nom des images
var suffix_image = '.jpg' ; // suffix + '.extension' du nom des images
var t;
var j = 0;
var preLoad = new Array(nombre_image);

for (i = 0; i <=nombre_image -1; i++){
preLoad[i] = new Image();
preLoad[i].src = prefix_image+(i+1)+suffix_image;
}

function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}

j = j + 1;
if (j > (nombre_image-1)) {
j=0;
}
t = setTimeout('runSlideShow()', slideShowSpeed);
}

</script>
<body onLoad="runSlideShow()">

<table width="275" height="220" border="1" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" >
<tr>
<td width="275" height="220">

<img src="Votre première image .jpg" name="SlideShow" width="275" height="220" alt="Ca défile ! "></td>
</tr>
</table>

 

 

4.Fichier bonjour.ph

<style type="text/css">
vos différents styles CSS (taille caractère , couleur , police , gras , italique etc... )
</style>

<table width="800" height="1150" border="1" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" id="Bonjour">
<tr>
<td width="800" height="1150" align="left" valign="middle" background="Votre image de fond.jpg">

<?PHP
setlocale(LC_TIME,"fr_BE.ISO8859-1");
$date=strftime("%A %d %B %Y - %Hh%M");
echo"<font color='yellow'>";
echo"<b class='Style25'>".$date."</b>"; // affichage de la date et de l'heure EN FRANCAIS
?>

Insérer ici votre page d'accueil

</td></tr>
</table>

 

5.Fichier bas_page.html (Affichage du logo UBISOFT par exemple )

<style type="text/css">
vos différents styles CSS (taille caractère , couleur , police , gras , italique etc... )
</style>

<table width="796" height="100" border="0" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" >
<tr>
<td width="796" background="VotreImage de fond.jpg"><div align="left"><a href="http://www.ubi.com/FR"><img src="logo_ubisoft.gif" alt="UbiSoft" name="Ubisoft" width="61" height="52" border="0" id="Ubisoft" /></a>&nbsp;</td>
</tr>
</table>

 

6.Fichier image.php

<?PHP
/ / affichage de l'image
$fich="1.jpg"; // premier fichier image
header('Content-Type: image/jpeg');
$fichier="defil/".$fich; //
$img = @imagecreatefromjpeg($fichier);
imagejpeg($img);
imagedestroy($img);

?>

 

Vous pouvez améliorer le script en affichant une image différente quand l'utilisateur change de page web
ou alors ,tout alors à la place du fichier image.php , insérer directement un fichier en .gif comme sur ce site .
En outre , il est fondamental de commencer le fichier image.php par <?PHP et de le finir par ?> , aucun espaces ou caractères avant ou après SINON aucune image apparaîtra malgré un code correct ; ça vous évitera ,comme moi d'ailleurs , de vous faire avoir !

 

   

 

Contact

Liste des IP interdites