|
Posté le 12/02/2010 @ 13:41 |
Petite astucienne
| bonjour
j'ai fait des recherches et testes sans succès je suis une vrai bille là
quel script a utiliser pour que juste ce morceau de page change comme pour les frames mais en css
une photo vaut mieux qu'un grand dicourt des fois ...
http://img694.imageshack.us/img694/5715/essair.jpg
désoler je n'arrive pas a placer l'image en direct ici ??
Modifié par sylvie73100 le 12/02/2010 13:51
|
|
|
|
|
|
Posté le 12/02/2010 à 14:15 |
Grande Maîtresse astucienne | |
|
Posté le 12/02/2010 à 15:11 |
Petite astucienne
| merci Elle
j'ai tester et du mal là
refait page en suivant modèle et je comprends pas comment l'include fonctionne vraiment
virer les tag de alsa pour un rendu et euh .. page vierge ...
mais pas grave aller je retourne à ma lecture pour essayer de tout comprendre Modifié par sylvie73100 le 12/02/2010 15:11 |
|
Posté le 15/02/2010 à 21:41 |
Petite astucienne
| bonsoir
bah malgré diverses tentatives j'en suis tjrs au même point , je n'arrive pas a ouvrir ma page. j'ai fait des pages en php et d'autre htlm
la en htlm sa s'ouvre mais dans une page libre en php celà me met enrengistré la page sous donc usprimer ces pages d'ou venait l'erreur ?
la mes codes doivent être dans un état lamentable
donc je fais rapelle à vous pour un ti peu d'aide
merci d'avance
<!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> <style type="text/css" title="mes_styles" media="all"> <!--
--> </style> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title> Alexandre Fabre le site officiel </title> <link rel="stylesheet" href="monstyle.css"> <link rel="stylesheet" type="text/css" href="styles/base.css" media="all" /> <link rel="stylesheet" type="text/css" href="styles/modele03.css" media="screen" /> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <link rel="stylesheet" type="text/css" href="styles/base.css" media="all" /> <link rel="stylesheet" type="text/css" href="styles/index.css" media="screen" /> </head> <body style="background-color:#EEEEEE" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<div id="entete"> <div align="center"> <table cellpadding="0" cellspacing="0" width="579" height="127"> <!-- MSTableType="layout" --> <tr> <td valign="top" height="127" width="579"> <p align="center"> <img border="0" src="index/Sanstitre.jpg" width="536" height="100"></td> </tr> </table> </div> <h1 align="center"> <font color="#FF9933"> <font size="4">Bienvenue sur le site Officiel d'Alexandre</font> </font> </h1> <!-- Fin du paragraphe à supprimer. --> </div><!-- #entete --> <div id="navigation"> <ul> <li> <li><a target="_self" href="index/preface.htm"><font color="#000000">Accueil</font></a></li> <li><a target="_self" href="index/filmographie.htm"><font color="#000000">Filmographie</font></a></li> <li><a href="utiliser.html"><font color="#000000">Biographie</font></a></li> <li><a href=""><font color="#000000">Interview / presses</font></a></li> <li><li><a href=""><font color="#000000">Photos</font></a></li> <li><a href=""><font color="#000000">Entre fans</font></a></li> <li><a href=""><font color="#000000">Marketing</font></a></li> <li><a href=""><font color="#000000">Vidéos</font></a></li> <li><a href=""><font color="#000000">Livre d'or</font></a></li> <li><a href=""><font color="#000000">Contact</font></a><font color="#000000"></li> </font></li> </ul> </li> </div> <tr> <td> </td> </tr> <td> <div id="navigation"> <ul> <li> <table cellpadding="0" cellspacing="0" width="709" height="450"> <!-- MSTableType="layout" --> <tr> <td valign="top" height="450" width="709"> <table cellpadding="0" cellspacing="0" width="709" height="450" id="table1"> <!-- MSTableType="layout" --> <tr> <td valign="top" height="450" width="709"> <div align="center"> <table cellpadding="0" cellspacing="0" width="673" height="437"> <!-- MSCellFormattingTableID="1" --> <tr> <td height="437" width="673"> <!-- MSCellFormattingType="content" --> <p align="center"><font color="#000000"> page ouverte ici </font></td> </tr> </table> </div> </td> </tr> </table> </td> </tr> </table> </li> </ul> </div> <p align="center"> </p> <p align="center"> <font size="1" color="#000000" face="Comic Sans MS"> Copyright © <span lang="fr">2006</span>-2010</font><font color="#ffffff" face="Comic Sans MS"><strong style="FONT-WEIGHT: 400"><font size="1" color="#000000"> .Toute reproduction même partielle est interdite.<span lang="fr"> S</span>ite officiel </font></strong></font> <font size="1" face="Comic Sans MS" color="#000000">. Tout droits réservés | sylvie-webmastrice@hotmail.fr</font></div> <tr> <td> </td>
</tr>
</table>
</p>
</body> </html>
Modifié par sylvie73100 le 15/02/2010 21:50 |
|
Posté le 15/02/2010 à 22:23 |
Grande Maîtresse astucienne | Tu les visualises comment, tes pages en PHP? |
|
Posté le 15/02/2010 à 23:34 |
Maître astucien | Il y a quelques erreurs dans le script :
- 2 fois le charset
- Dans la ligne du <body> , il y a le lien vers le w3c de trop !!
- Tu peux m'expliquer ?
<style type="text/css" title="mes_styles" media="all"> <!--
--> </style>
- Tu as deux fois styles/bases.css !!
<p align="center"> <img border="0" src="index/Sanstitre.jpg" width="536" height="100"></td>
- Tu n'aurais pas oublié le </p>
- Peux-tu m'expliquer pourquoi tu utilises plsieurs <font> alors que tu as 4 fichiers css ..
Bon, j'arrête là pour le moment !!! |
|
Posté le 16/02/2010 à 11:51 |
Petite astucienne
| Elle je les visualise en htlm
j'ai des fichier aussi en php que je visualise |
|
Posté le 16/02/2010 à 11:56 |
Petite astucienne
| Dreamer a écrit :
Il y a quelques erreurs dans le script :
- 2 fois le charset
- Dans la ligne du , il y a le lien vers le w3c de trop !!
- Tu peux m'expliquer ?
-->
- Tu as deux fois styles/bases.css !!
- Tu n'aurais pas oublié le
- Peux-tu m'expliquer pourquoi tu utilises plsieurs
alors que tu as 4 fichiers css ..
Bon, j'arrête là pour le moment !!!
Bon, j'arrête là pour le moment !!!
Dreamer
continu y'a pas de souci je sais très bien que gros bordel essaye de corriger et bon la myro car je ne voit pas tout euh mais la il me faudrai triple verre
je vais corriger tout sa du moin essayer de faire un max
bah en faite j'ai essayer plusieurs modifications et ménage jamais été fait comme il faut
je mi remet et je reposte un code on va essayer plus propre
merci à vous 2 encore |
|
Posté le 16/02/2010 à 14:26 |
Petite astucienne
| voici le code modifier , j'espère que sa sera un peu plus propre sinon dreamer va encore prendre peur
<!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> </style> <title> Alexandre Fabre le site officiel </title> <link rel="stylesheet" href="monstyle.css"> <link rel="stylesheet" type="text/css" href="styles/base.css" media="all" /> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <link rel="stylesheet" type="text/css" href="styles/index.css" media="screen" /> </head> <body style="background-color:#EEEEEE" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<div id="entete"> <div align="center"> <table cellpadding="0" cellspacing="0" width="579" height="127"> <!-- MSTableType="layout" --> <tr> <td valign="top" height="127" width="579"> <p align="center"> <img border="0" src="index/Sanstitre.jpg" width="536" height="100"></td></p> </tr> </table> </div> <h1 align="center"> <font color="#FF9933"> <font size="4">Bienvenue sur le site Officiel d'Alexandre</font> </font> </h1> </div> <div id="navigation"> <ul> <li> <li><a target="_self" href="index/preface.htm"><font color="#000000">Accueil</font></a></li> <li><a target="_self" href="index/filmographie.htm"><font color="#000000">Filmographie</font></a></li> <li><a href="index/biographie.htm"><font color="#000000">Biographie</font></a></li> <li><a href=""><font color="#000000">Interview / presses</font></a></li> <li><a href=""><font color="#000000">Photos</font></a></li> <li><a href=""><font color="#000000">Entre fans</font></a></li> <li><a href=""><font color="#000000">Marketing</font></a></li> <li><a href=""><font color="#000000">Vidéos</font></a></li> <li><a href=""><font color="#000000">Livre d'or</font></a></li> <li><a href=""><font color="#000000">Contact</font></a></li> <li><a href=""><font color="#000000">lien</font></a></li> </ul> </li> </div> <tr> <td> </td> </tr> <td> <div id="navigation"> <ul> <li> <table cellpadding="0" cellspacing="0" width="709" height="450"> <!-- MSTableType="layout" --> <tr> <td valign="top" height="450" width="709"> <table cellpadding="0" cellspacing="0" width="709" height="450" id="table1"> <!-- MSTableType="layout" --> <tr> <td valign="top" height="450" width="709"> <div align="center"> <table cellpadding="0" cellspacing="0" width="673" height="437"> <!-- MSCellFormattingTableID="1" --> <tr> <td height="437" width="673"> <!-- MSCellFormattingType="content" --> <p align="center"><font color="#000000"> page ouverte ici </font></td><p/> </tr> </table> </div> </td> </tr> </table> </td> </tr> </table> </li> </ul> </div> <p align="center"> <font size="1" color="#000000" face="Comic Sans MS">Copyright © 2006-2010.Toute reproduction même partielle est interdite. Site officiel .Tout droits réservés. <a href="mailto:sylvie-webmastrice@hotmail.fr">sylvie-webmastrice@hotmail.fr</a> .Plan du site.</font></p>
</body> </html>
Modifié par sylvie73100 le 16/02/2010 14:27 |
|
Posté le 16/02/2010 à 15:52 |
Grande Maîtresse astucienne | Dreamer sera pas content : tu utilises encore des balises dépréciées comme font, color, valign... ;-) Tout ça va dans la feuille de style dont la fonction est de contenir l'ensemble des règles de présentation s'appliquant aux différents blocs d'une page Web. |
|
Posté le 16/02/2010 à 16:36 |
Petite astucienne
| désoler Elle je ne voulais pas mettre encore en colère Dreamer
bon je vais recommencé et essayé de suprimer ces balises et les mettres dans la feuille de style
on va faire une copie avant doué comme je suis c préférable |
|
Posté le 16/02/2010 à 16:56 |
Petite astucienne
| j'ai fait encore du nettoyage mais voilà arrive pas à plus sinon design tout démonter ??
<!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> </style> <title> Alexandre Fabre le site officiel </title> <link rel="stylesheet" href="monstyle.css"> <link rel="stylesheet" type="text/css" href="styles/base.css" media="all" /> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <link rel="stylesheet" type="text/css" href="styles/index.css" media="screen" /> </head> <body style="background-color:#EEEEEE" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<div id="entete"> <div align="center"> <img border="0" src="index/Sanstitre.jpg" width="536" height="100"></div> <h1 align="center"> <font color="#FF9933"> <font size="4">Bienvenue sur le site Officiel d'Alexandre</font> </font> </h1> </div> <div id="navigation"> <ul> <li> <li><a target="_self" href="index/preface.htm"><font color="#000000">Accueil</font></a></li> <li><a target="_self" href="index/filmographie.htm"><font color="#000000">Filmographie</font></a></li> <li><a href="index/biographie.htm"><font color="#000000">Biographie</font></a></li> <li><a href=""><font color="#000000">Interview / presses</font></a></li> <li><a href=""><font color="#000000">Photos</font></a></li> <li><a href=""><font color="#000000">Entre fans</font></a></li> <li><a href=""><font color="#000000">Marketing</font></a></li> <li><a href=""><font color="#000000">Vidéos</font></a></li> <li><a href=""><font color="#000000">Livre d'or</font></a></li> <li><a href=""><font color="#000000">Contact</font></a></li> <li><a href=""><font color="#000000">lien</font></a></li> </ul> </li> </div> <tr> <td> </td> </tr> <td> <div id="navigation"> </li> </ul> </div> <p align="center"> <font size="1" color="#000000" face="Comic Sans MS">Copyright © 2006-2010.Toute reproduction même partielle est interdite. Site officiel .Tout droits réservés. <a href="mailto:sylvie-webmastrice@hotmail.fr">sylvie-webmastrice@hotmail.fr</a> .Plan du site.</font></p>
</body> </html>
|
|
Posté le 16/02/2010 à 19:41 |
Maître astucien | Bon, je ne vais pas crier, mais.............
<!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> </style> N'a rien a faire ici <title> Alexandre Fabre le site officiel </title> <link rel="stylesheet" href="monstyle.css"> <link rel="stylesheet" type="text/css" href="styles/base.css" media="all" /> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <link rel="stylesheet" type="text/css" href="styles/index.css" media="screen" /> Pourquoi 3 feuilles de style ?? </head> <body style="background-color:#EEEEEE"> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> A virer !!
<div id="entete"> <div align="center"> <img border="0" src="index/Sanstitre.jpg" width="536" height="100"></div> le border devrait être déclaré dans la feuille de style, Pas de majuscule dans les noms <h1 align="center"> <font color="#FF9933"> Balise dépréciée , a déclarer dans une feuille de style <font size="4">Bienvenue sur le site Officiel d'Alexandre</font> Pareil que dessus !! </font> </h1> </div> <div id="navigation"> <ul> <li> Rien à faire là et balises dépréciées en dessous <li><a target="_self" href="index/preface.htm"><font color="#000000">Accueil</font></a></li> <li><a target="_self" href="index/filmographie.htm"><font color="#000000">Filmographie</font></a></li> <li><a href="index/biographie.htm"><font color="#000000">Biographie</font></a></li> <li><a href=""><font color="#000000">Interview / presses</font></a></li> <li><a href=""><font color="#000000">Photos</font></a></li> <li><a href=""><font color="#000000">Entre fans</font></a></li> <li><a href=""><font color="#000000">Marketing</font></a></li> <li><a href=""><font color="#000000">Vidéos</font></a></li> <li><a href=""><font color="#000000">Livre d'or</font></a></li> <li><a href=""><font color="#000000">Contact</font></a></li> <li><a href=""><font color="#000000">lien</font></a></li> </ul> </li> Quid ?? </div> <tr> Tiens mais où est <table> et quel est l'intérêt ?? <td> </td> </tr> <td> <div id="navigation"> ??????????
</li> </ul> </div> <p align="center"> <font size="1" color="#000000" face="Comic Sans MS">Copyright © 2006-2010.Toute reproduction même partielle est interdite. Site officiel .Tout droits réservés. <a href="mailto:sylvie-webmastrice@hotmail.fr">sylvie-webmastrice@hotmail.fr</a> .Plan du site.</font></p>
</body> </html>
A mon avis , il y a encore du nettoyage !! |
|
Posté le 16/02/2010 à 19:50 |
Grande Maîtresse astucienne | Ouais, pis t'en as même oubliés!
Mais là, je ne vois pas le rapport avec l'include php... |
|
Posté le 16/02/2010 à 20:06 |
Petite astucienne
| ouf échaper à la colère de dreamer Bon le ménage est fait mais j'ai 2 ti soucis
je veux bien déplacé ce fichier et le mettre dans une feuille de style , mais à quel endroit dans la même page que j'ai crée où une autre et je dois l'apeller comment ou insere quel script?
car la collé tel quel et sa a disparu , tu m'etonnes du encore faire connerie
<link rel="stylesheet" href="monstyle.css"> <link rel="stylesheet" type="text/css" href="styles/base.css" media="all" /> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <link rel="stylesheet" type="text/css" href="styles/index.css" media="screen" />
quand j'enlève plus même design celà fait page uni
pour ce lien il me sert de page pour écrire dessus pour mon millieux de page ?
si rien oublié code propre je l'espère .....
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
Bienvenue sur le site Officiel d'Alexandre
Modifié par sylvie73100 le 16/02/2010 20:09 |
|
Posté le 16/02/2010 à 20:08 |
Maître astucien | Je vais poser une question bête, mais que veux-tu faire ??? |
| Soutenez PC Astuces |
. Nos conseils et astuces vous ont aidé ? Vous avez résolu un problème sur votre ordinateur ? Vous avez profité de nos bons plans ? Aidez-nous en retour avec un abonnement de soutien mensuel.
5 € par mois
10 € par mois
20 € par mois
|
|
Posté le 16/02/2010 à 20:13 |
Petite astucienne
| elle a écrit :
Ouais, pis t'en as même oubliés!
Mais là, je ne vois pas le rapport avec l'include php...
bah un peu normal avec tout le bordel que j'ai foutu
je patauge là
j'essaye mais bon je vois que je n'arrive pas à grand chose ....
je veux simplement pouvoir ouvrir une page au millieux sans rien changer du design comme pour les frames ? que se soit juste le millieuxx qui change pas l'ossature |
|
Posté le 16/02/2010 à 20:14 |
Petite astucienne
| Dreamer a écrit :
Je vais poser une question bête, mais que veux-tu faire ???
il n'y a jamais de question bête
garder ossature du site et faire comme avec une frame juste changer la page du millieux |
|
Posté le 16/02/2010 à 20:21 |
Maître astucien | sylvie73100 a écrit :
Dreamer a écrit :
Je vais poser une question bête, mais que veux-tu faire ???
il n'y a jamais de question bête
garder ossature du site et faire comme avec une frame juste changer la page du millieux
Celui qui est dans ta signature ........ |
|
Posté le 16/02/2010 à 20:24 |
Petite astucienne
| oui ce site là que je refais
celui là le pire de tous des beugues etc ...
donc voulais refaire un truc tout neuf et surtout PROPRE |
|
Posté le 16/02/2010 à 20:28 |
Maître astucien | sylvie73100 a écrit :
oui ce site là que je refais
celui là le pire de tous des beugues etc ...
donc voulais refaire un truc tout neuf et surtout PROPRE
Tu as une idée sur ce que tu veux faire , rester dans les tons gris ou autre chose ?? |
|
Posté le 16/02/2010 à 20:35 |
Petite astucienne
| bah la j'aime assez c simple sobre , je veux pas de truc trop flashi and co ,pour pas agresser et ne pas m'agresser |
|
Posté le 16/02/2010 à 20:40 |
Petite astucienne
| |
|
Posté le 17/02/2010 à 05:22 |
Astucienne | je crois comprendre ton probleme en fait quand on utilise les includes en php ce n'est pas le contenu du site qu'on include mais les élements qu'il y a autour . en gros chaque page a un contenu propre et on inclus les élements fixes du site (header,footer,menu) .
voila un exemple basique de site (premiere partie) et la version include (seconde partie).
imaginons qu'avec le premier code que tu fasse une include du "contenucentral", tu devrais donc créer un fichier externe qui sera appellé dans cette page probleme si tu as 50 "contenucentral différents" tu devras créer ces 50 pages externes mais aussi les 50 pages qui chacune contient un include soit au total 100 pages et si un jour tu dois modifier le menu ( ajout d'un lien par exemple) tu devras modifier les 50 pages a la main.
Au contraire avec ma version includée () seul le "contenucentral" change, tu dois donc toujours créer tes 50 pages de contenucentrale mais seulement 4 pages pour les includes soit au total 54 pages ( gain de place) mais ce n'est pas tout grace a l'include si tu désires modifier ton menu par exemple il te suffira alors d'ouvrir le fichier menu.html et d'operer la modification ( gain de temps ) et pareil si tu veux modifier le contenu d'une page il te suffira d'ouvrir la page correspondante
<body>
<div id="header"> ici le code de l'image et le menu horizontal </div>
<div id="menu">
<ul>
<li>monlien01</>
<li>monlien02</>
<li>monlien03</>
<li>monlien04</>
</ul>
</div>
<div id="contenucentral"> tralalala ici je mets mon contenu et mes photos d'alexandre fabre
</div>
<div id="footer">ici le code de mon footer </div>
</body>
************************
code avec include
***************************
<body>
<div id="header">
<?php include("header.html") ?>
</div>
<div id="menu">
<?php include("menu.html") ?>
</div>
<div id="contenucentral"> tralalala ici je mets mon contenu et mes photos
</div>
<div id="footer">
<?php include("footer.html") ?>
</div>
</body> |
|
Posté le 17/02/2010 à 10:38 |
Petite astucienne
| merci Kalinka
donc si je n'ai pas fait d'erreur mon fichier doit se présenter comme ça ? j'ai pris ton code avec include
donc je devrais ensuite faire 4 fichiers en php ? mais qui se nommeront comment un sur sa sera include mais je dois noter quel script ou j'ai encore fait une mauvaise compréhension ? ou c'est l'inverse et ce code je dois le mettre dans la feuille de site renomer include ??
<!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> Alexandre Fabre le site officiel </title> <link rel="stylesheet" href="monstyle.css"> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <link rel="stylesheet" type="text/css" href="styles/index.css" media="screen" /> </head> <body>
<div id="header">
<?php include("header.html") ?> <body style="background-color:#EEEEEE"
<div id="entete"> <div align="center"> <img border="0" src="index/banaccueil.jpg" width="536" height="100"><br> </div> <h1 align="center"> <span style="font-weight: 400"> <font size="4" color="#FF9933" face="Rockwell Condensed">Bienvenue sur le site Officiel d'Alexandre</font></span><font size="4" color="#FF9933" face="GungsuhChe"> </font> </h1> </div> <div id="navigation"> <ul> <div id="menu">
<?php include("menu.html") ?> </div>
<li><a target="_self" href="index/preface.htm"><font color="#000000">Accueil</font></a></li> <li><a target="_self" href="index/filmographie.htm"><font color="#000000">Filmographie</font></a></li> <li><a href="index/biographie.htm"><font color="#000000">Biographie</font></a></li> <li><a href=""><font color="#000000">Interview / presses</font></a></li> <li><a href=""><font color="#000000">Photos</font></a></li> <li><a href=""><font color="#000000">Entre fans</font></a></li> <li><a href=""><font color="#000000">Marketing</font></a></li> <li><a href=""><font color="#000000">Vidéos</font></a></li> <li><a href=""><font color="#000000">Livre d'or</font></a></li> <li><a href=""><font color="#000000">Contact</font></a></li> <li><a href=""><font color="#000000">lien</font></a></li> </ul> </div> <tr> <td> </td> </tr> <td> <div id="navigation"> <div id="contenucentral"> <font color="#000000">tralalala ici je mets mon contenu et mes photos </font>
</div>
</body> </div> <p align="center"> <font size="1" color="#000000" face="Comic Sans MS">Copyright © 2006-2010.Toute reproduction même partielle est interdite. Site officiel .Tout droits réservés. <a href="mailto:sylvie-webmastrice@hotmail.fr"><font color="#000000">sylvie-webmastrice@hotmail.fr</font></a> .Plan du site.</font></p>
</body> </html>
Modifié par sylvie73100 le 17/02/2010 10:41 |
|
Posté le 17/02/2010 à 14:35 |
Astucienne | tu dois copier le code de chaque élément fixe ( ce qui est a l'interieur des balises generales telles que div header) c'est a dire le header, le footer, le ou les menus et les coller dans un fichier texte (que tu devras enregistrer au format html) que tu appelleras respectivemnt header,footer,menugauche.menudroit ( bref des noms faciles a reperer) ensuite dans le code de ta page tu mets a la place de ces lignes de codes les fameuses lignes d'include. tu enregistre la page sous le nom index.php et tu l'envoie ainsi que les fichiers include sur ton serveur ftp.
si tu n'a pas fait d'erreur ta page doit etre normalement reconstitué .
ensuite c'est simple tu reprends la page index.php qui va te servir de base pour toutes les autres, tu y insere ton contenu et tu l'enregistre sous un nom différent a chaque fois (par exemple toto.php, tutu.php etc. ), il ne reste plus qu'a ouvrir le fichier menu.html pour y modifier les liens vers les pages et voila .
pour ton code tu dois prendre tout le contenu de la div par exmple pour ton menu tu as mis un fichier include mais tu as laisser le code des liens dessous , pour le header c'est pareil |
|
Posté le 17/02/2010 à 15:26 |
Astucienne | une démonstration vaut mieux qu'un long discours donc demonstration :
va sur cette page ou tu trouveras un site en pur html et css découpée en zone de couleur, chaque couleur representant un élément fixe tu peux voir qu'il est découpé en 5 zones bref c'est ce que tu as actuellement sur ton site plus ou moins
sur cette page tu trouveras la méme page en version php avec les includes
et maintenant voila les 2 code source , les couleurs correspondent a ce que tu vois avec ton navigateur, comme tu peux le voir je copie le code contenu dans la div header par un include contenant ce meme code ainsi je pourrais modifier le titre, la phrase de description ( div logo) et le menu horizontal (div menu) grace a l'include, pour les menus c'est pareil j'ai copié le code apres la balise div menu ainsi je pourrais rajouter ce que je veux soit une autre lien en inserant une balise <li> supplémentaire soit carrement un autre bloc de menu en dupliquant a la suite le contenu avec le fond marron et enfin pour le footer je copie le code contenu dans div footer et le remplace par son include
avec la page en php tu as ta page 0 ou tu n'auras plus qu'a changer le contenu (dans div content) et a l'enregistrer sous le nom de ton choix avec l'extension php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!-- Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License
Name : Ignition Description: A three-column, fixed-width blog design. Version : 1.0 Released : 20091018
--> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Ignition by Free CSS Templates</title> <meta name="keywords" content="" /> <meta name="Ignition" content="" /> <link href="default.css" rel="stylesheet" type="text/css" media="screen" /> </head> <body> <div id="wrapper"> <!-- start header --> <div id="header-wrapper"> <div id="header"> <div id="logo"> <h1><a href="#"><span>Ignition</span></a></h1> <p>Designed By Free CSS Templates</p> </div> </div> </div> <div id="menu-wrapper"> <div id="menu"> <ul id="main"> <li class="current_page_item"><a href="#">Homepage</a></li> <li><a href="#">Services</a></li> <li><a href="#">About Us</a></li> <li><a href="#">Contact Us</a></li> </ul> </div> </div> <!-- end header --> <!-- start page --> <div id="page"> <div id="page-bgtop"> <div id="page-bgbtm"> <div id="sidebar1" class="sidebar"> <ul> <li> <h2>Recent Posts</h2> <ul> <li><a href="#">Aliquam libero</a></li> <li><a href="#">Consectetuer adipiscing elit</a></li> <li><a href="#">Metus aliquam pellentesque</a></li> <li><a href="#">Suspendisse iaculis mauris</a></li> <li><a href="#">Proin gravida orci porttitor</a></li> <li><a href="#">Aliquam libero</a></li> <li><a href="#">Consectetuer adipiscing elit</a></li> <li><a href="#">Metus aliquam pellentesque</a></li> <li><a href="#">Suspendisse iaculis mauris</a></li> <li><a href="#">Proin gravida orci porttitor</a></li> </ul> </li> <li> <h2>Archives</h2> <ul> <li><a href="#">September</a> (23)</li> <li><a href="#">August</a> (31)</li> <li><a href="#">July</a> (31)</li> <li><a href="#">June</a> (30)</li> <li><a href="#">May</a> (31)</li> </ul> </li> </ul> </div> <!-- start content --> <div id="content"> <div class="post"> <h1 class="title"><a href="#">Welcome to Our Website!</a></h1> <p class="byline"><em>Posted on October 1st, 2009 by <a href="#">Free CSS Templates</a></em></p> <div class="entry"> <p><strong>Ignition</strong> is a free, fully standards-compliant CSS template designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>. This free template is released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attributions 2.5</a> license, so you're pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Have fun with it :)</p> <p>Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl. Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Duis pretium velit ac mauris. </p> <p class="links"><a href="#" class="more">Read More</a></p> </div> </div> <div class="post"> <h2 class="title"><a href="#">Lorem Ipsum Dolor </a></h2> <p class="byline"><em>Posted on October 1st, 2009 by <a href="#">Free CSS Templates</a></em></p> <div class="entry"> <p>Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl. Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Duis pretium velit ac mauris. Proin eu wisi suscipit nulla suscipit interdum. Aenean lectus lorem, imperdiet at, ultrices eget, ornare et, wisi. </p> <p class="links"><a href="#" class="more">Read More</a></p> </div> </div> </div> <!-- end content --> <!-- start sidebars --> <div id="sidebar2" class="sidebar"> <ul> <li> <form id="searchform" method="get" action="#"> <div> <h2>Site Search</h2> <input type="text" name="s" id="s" size="15" value="" /> </div> </form> </li> <li> <h2>Categories</h2> <ul> <li><a href="#">Aliquam libero</a></li> <li><a href="#">Consectetuer adipiscing elit</a></li> <li><a href="#">Metus aliquam pellentesque</a></li> <li><a href="#">Suspendisse iaculis mauris</a></li> <li><a href="#">Urnanet non molestie semper</a></li> <li><a href="#">Proin gravida orci porttitor</a></li> <li><a href="#">Aliquam libero</a></li> <li><a href="#">Consectetuer adipiscing elit</a></li> <li><a href="#">Metus aliquam pellentesque</a></li> <li><a href="#">Urnanet non molestie semper</a></li> <li><a href="#">Proin gravida orci porttitor</a></li> <li><a href="#">Aliquam libero</a></li> <li><a href="#">Consectetuer adipiscing elit</a></li> <li><a href="#">Metus aliquam pellentesque</a></li> </ul> </li> </ul> </div> <!-- end sidebars --> <div style="clear: both;"> </div> </div> <!-- end page --> </div> </div> </div> <div id="footer-wrapper"> <div id="footer"> <p class="copyright">© 2009 All Rights Reserved • Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p> </div> </div> </body> </html>
*****************************
code de la page avec include
*********************************
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!-- Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License
Name : Ignition Description: A three-column, fixed-width blog design. Version : 1.0 Released : 20091018
--> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Ignition by Free CSS Templates</title> <meta name="keywords" content="" /> <meta name="Ignition" content="" /> <link href="default.css" rel="stylesheet" type="text/css" media="screen" /> </head> <body> <div id="wrapper"> <!-- start header --> <div id="header-wrapper"> <div id="header"> <?php include("include/header.html")?> </div> <!-- end header --> <!-- start page --> <div id="page"> <div id="page-bgtop"> <div id="page-bgbtm"> <div id="sidebar1" class="sidebar"> <?php include("include/menugauche.html")?> </div> <!-- start content --> <div id="content"> <div class="post"> <h1 class="title"><a href="#">Welcome to Our Website!</a></h1> <p class="byline"><em>Posted on October 1st, 2009 by <a href="#">Free CSS Templates</a></em></p> <div class="entry"> <p><strong>Ignition</strong> is a free, fully standards-compliant CSS template designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>. This free template is released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attributions 2.5</a> license, so you're pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Have fun with it :)</p> <p>Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl. Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Duis pretium velit ac mauris. </p> <p class="links"><a href="#" class="more">Read More</a></p> </div> </div> <div class="post"> <h2 class="title"><a href="#">Lorem Ipsum Dolor </a></h2> <p class="byline"><em>Posted on October 1st, 2009 by <a href="#">Free CSS Templates</a></em></p> <div class="entry"> <p>Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl. Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Duis pretium velit ac mauris. Proin eu wisi suscipit nulla suscipit interdum. Aenean lectus lorem, imperdiet at, ultrices eget, ornare et, wisi. </p> <p class="links"><a href="#" class="more">Read More</a></p> </div> </div> </div> <!-- end content --> <!-- start sidebars --> <div id="sidebar2" class="sidebar"> <?php include("include/menudroite.html")?> </div> <!-- end sidebars --> <div style="clear: both;"> </div> </div> <!-- end page --> </div> </div> </div> <div id="footer-wrapper"> <div id="footer"> <?php include("include/footer.html")?> </div> </div> </body> </html>
|
|
Posté le 17/02/2010 à 18:40 |
Petite astucienne
| merci Kalinka
je vais essayer de comprendre tout sa et essayer de mettre en place
cerveau assez embrumer en ce moment .... |
|
Posté le 17/02/2010 à 20:06 |
Astucienne | tu verras ce n'est pas compliqué, le plus dur c'est de trouver les balises qui entourent le code a mettre en include mais une fois que tu a compris cela, c'est juste du copier/coller a chaque fois.
Au pire si tu n'y arrive pas, je te donnerais les sources et les css de ces pages et tu pourras recommencer ton site directement avec des includes toutes pretes |
|
Posté le 17/02/2010 à 20:57 |
Petite astucienne
| encore merci , je vais voir à si j't arrive à copier coller au bon endroit
en ce moment ti souci de compréhension même quand c'est simple ^^ |
|
Posté le 17/02/2010 à 21:48 |
Petite astucienne
| bah voilà ? mais bon encore du faire un couac quelques part ? la page affiche internet explorer quand je fait un essai ? la juste traiter la page accueil du menu
<!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"> <head> <title> Alexandre Fabre le site officiel </title> <link rel="stylesheet" href="monstyle.css"> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <link rel="stylesheet" type="text/css" href="styles/index.css" media="screen" /> </head> <body>
<div id="header">
<?php include("header.html") ?> <body style="background-color:#EEEEEE"
<div id="entete"> <div align="center"> <img src="index/banaccueil.jpg" width="536" height="100" /></div> <h1 align="center"> <span style="font-weight: 400"> <font size="4" color="#FF9933" face="Rockwell Condensed">Bienvenue sur le site Officiel d'Alexandre</font></span><font size="4" color="#FF9933" face="GungsuhChe"> </font> </h1> </div> <div id="navigation"> <ul> <div id="menu"> <div id="menu-wrapper"> <div id="menu"> <ul id="main"> <?php include("menu.html") ?> </font> </div>
<li><a target="_self" href="index/preface.htm"><font color="#000000">Accueil</font></a></li> <li><a target="_self" href="index/filmographie.htm"><font color="#000000">Filmographie</font></a></li> <li><a href="index/biographie.htm"><font color="#000000">Biographie</font></a></li> <li><a href=""><font color="#000000">Interview / presses</font></a></li> <li><a href=""><font color="#000000">Photos</font></a></li> <li><a href=""><font color="#000000">Entre fans</font></a></li> <li><a href=""><font color="#000000">Marketing</font></a></li> <li><a href=""><font color="#000000">Vidéos</font></a></li> <li><a href=""><font color="#000000">Livre d'or</font></a></li> <li><a href=""><font color="#000000">Contact</font></a></li> <li><a href=""><font color="#000000">lien</font></a></li> </ul> </div> <tr> <td> </td> </tr> <td> <div id="navigation"> <div id="contenucentral"> <font color="#000000">tralalala ici je mets mon contenu et mes photos </font>
</div>
</body> </div> <p align="center"> <font size="1" color="#000000" face="Comic Sans MS">Copyright © 2006-2010.Toute reproduction même partielle est interdite. Site officiel .Tout droits réservés. <a href="mailto:sylvie-webmastrice@hotmail.fr"><font color="#000000">sylvie-webmastrice@hotmail.fr</font></a> .Plan du site.</font></p>
</body> </html>
|
|
Posté le 18/02/2010 à 00:23 |
Astucienne | ouh la c'est l'anarchie tu as toujours le meme probleme de mettre tes includes et de laisser ce qui devrait etre inclus dans ta page du coup ta parge s'affiche n'importe comment en plus ton code est tres mal écrit (2 balises <body> a la suite ?), ton menu horizontal est placé dans div mail alors que logiquement il devrait etre dans div header sans compter les erreurs de placement par exemple ton include header devrait englober ceci
<div align="center"> <img src="index/banaccueil.jpg" width="536" height="100" /></div> <h1 align="center"> <span style="font-weight: 400"> <font size="4" color="#FF9933" face="Rockwell Condensed">Bienvenue sur le site Officiel d'Alexandre</font></span><font size="4" color="#FF9933" face="GungsuhChe"> </font> </h1>
je pense que le mieux c'est que tu recommence ton site de 0 en utilisant mes codes sources , tu y trouveras les fichiers index.html et index.php ainsi que les fichiers css, comme ca tu n'auras qu'a modifier les css pour y mettre tes images et tes couleurs, ajouter ton contenu et modifier les différentes includes sans devoir te soucier de leur placement |
|
Posté le 18/02/2010 à 06:26 |
Maître astucien | sylvie73100 a écrit :
bah voilà ? mais bon encore du faire un couac quelques part ? la page affiche internet explorer quand je fait un essai ? la juste traiter la page accueil du menu
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
http://www.w3.org/1999/xhtml" xml:lang ="fr">
<br /> Alexandre Fabre le site officiel<br />
Tu n'as pas écouté ce qu'on t'a dit .
Il y a encore des <font> , deux feuilles de style, deux <body>, les <span> devraient être dans LA feuille de style, etc .... |
|
Posté le 18/02/2010 à 20:55 |
Petite astucienne
| merci kalinka oui c'est préférable là
bon aller reprend tout en esperant cette fois ci faire aucun beugue alors là c'est pas encore gagner
dreamer je sais que des font encore mais quand j'enlevais un script changeait disign ?
encore en aprentissage donc voilà des erreurs je pense encore en commètre quelques même plus c'est sur
aller au boulot |
|
Posté le 18/02/2010 à 21:10 |
Maître astucien | sylvie73100 a écrit :
merci kalinka oui c'est préférable là
bon aller reprend tout en esperant cette fois ci faire aucun beugue alors là c'est pas encore gagner
dreamer je sais que des font encore mais quand j'enlevais un script changeait disign ?
encore en aprentissage donc voilà des erreurs je pense encore en commètre quelques même plus c'est sur
aller au boulot
Tes <font> sont remplacés dans ta feuille de style .....Exemple
li {
font-weight: bold;
font-family:arial, comic sans MS;
color:#123456;
}
Comme j'ai un peu de temps, je te montrerais une page simple en css et valide en utilisant le site que tu as déjà , mais avec d'autres couleurs ......
|
|
Posté le 18/02/2010 à 21:21 |
Petite astucienne
| merci dreamer
la je suis en train d'étudier et essayer de modifier le code de kalinka
mais du mal encore a bosser avec dreamwer et notepad jusqu'à présent je ne travaillais que avec front page
non ne hurle pas stp ^^ |
|
Posté le 18/02/2010 à 21:44 |
Maître astucien | Si tu veux apprendre, c'est Notepad++ et un peu ( beaucoup ) de reflexion .....Mais après que du bonheur !! |
|
Posté le 18/02/2010 à 21:58 |
Petite astucienne
| c notepad++ que j'ai oublié le +
euh plutôt beaucoup là ^^ oui bah le bonheur sa ne se sera pas pour desuite là et si j'y arrive ....
bon pour l'instant juste réinstaler mon menu sans les fonts et modifier les couleurs de fond de page du moin j'essaye car une couleur récalcitrante et je pense que c'est plutôt une image de fond donc pour l'instant on ne touche pas ^^ |
|
Posté le 18/02/2010 à 23:04 |
Maître astucien | C'est comme ça qu'on progresse, commences par des couleurs simples pour te rendre compte du fonctonnement ..... |
|
Posté le 19/02/2010 à 13:17 |
Petite astucienne
| dreamer je progresse mais très très très lentement ....
celà commence a prendre forme mais quelques questions encore ???
pour mon menu quel script a inserer ou corriger pour qu'il soit sur la même ligne la il se trouve en décalé sur 2 lignes?
j'ai une ligne noir en dessous du menu qui cache la moitier de mon titre ? quel parti je doit corrigé essayer mais tjrs gros bide rien trouvé je pense que c'est dans le script mais quel code ?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!-- Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License
Name : Ignition Description: A three-column, fixed-width blog design. Version : 1.0 Released : 20091018
--> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Alexandre fabre</title> <meta name="keywords" content="" /> <meta name="Ignition" content="" /> <link href="default.css" rel="stylesheet" type="text/css" media="screen" /> </head> <body> <div id="wrapper"> <!-- start header --> <div id="header-wrapper"> <div id="header"> <div id="logo"> <h1><a href="#"><span>Ignition</span></a></h1> <p>Alexandre FABRE SITE OFFICIEL</p> </div> </div> </div> <div id="menu-wrapper"> <div id="menu" style="width: 800px; height: 127px"> <ul id="main"> <li class="current_page_item"><a href="#">Préface</a></li> <li><a href="index/preface.htm">Accueil</a></li> <li><a href="index/filmographie.htm">Filmographie</a></li> <li><a href="">Biographie</a></li> <li><a href="">Interview / presses></a></li> <li><a href="">Photos</a></li> <li><a href="">Entre fans</a></li> <li><a href="">Marketing</a></li> <li><a href="">Vidéos</a></li> <li><a href="">Livre d'or</a></li> <li><a href="">Contact</a></li> <li><a href="">lien</a></li>
</ul> </div> </div> <div id="page"> <div id="page-bgtop"> <div id="page-bgbtm"> <!-- start content --> <div id="content"> <div class="post"> <div class="entry"> <p> </p> </div> </div> <div class="post"> <p class="byline"><em><a href="#">s</a></em></p> <div class="entry"> <p>Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl. Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Duis pretium velit ac mauris. Proin eu wisi suscipit nulla suscipit interdum. Aenean lectus lorem, imperdiet at, ultrices eget, ornare et, wisi. </p> <p class="links"><a href="#" class="more">Read More</a></p> </div> </div> <!-- end content --> <!-- start sidebars --> </div> </form> </li> </ul> </div> <!-- end sidebars --> <div style="clear: both;"> </div> </div> <!-- end page --> </div> </div> <div id="footer-wrapper"> <div id="footer" style="width: 960px; height: 104px"> <p class="">Copyright © 2006-2010.Toute reproduction même partielle est interdite. Site officiel .Tout droits réservés. .Plan du site.</p> </div> </div> </body> </html>
|
|
Posté le 19/02/2010 à 14:05 |
Astucienne | c'est difficile a dire sans rien voir du probleme, tu devrais mettre la page en ligne pour qu'on puisse voir le code et les css
oups j'ai dit une connerie, si tu parles de l'espace qu'il y a entre le menu et le contenu de la page il faut aller dans tes css et rechercher dans la div page, tu verras qu'il y a un margin ( ligne 176) qui comme son nom l'indique créer une marge entre deux élements, il suffit donc de mettre le premier nombre a 0 pour que le contenu central colle au menu, de la meme façon si tu veux que le contenu colle au footer il faut aussi mettre 0 au troisieme nombre.
si tu parle de la fine bande noire qu'il y a entre l'image du header et me menu c'est dans la div menu wrapper qu'il faut enlever ou modifier la ligne commencant pat border-top (ligne 121)
#page { width: 960px; margin:0px auto 30px auto; padding: 0px; background: url(images/img06.gif) repeat-y left top; color: #E75982; }
**********************
#menu-wrapper { width: 960px; height: 50px; background: #120dc9; margin: 0 auto; border-top: 2px solid #000; }
Modifié par kalinka le 19/02/2010 14:31 |
|