Page PHP - Garder la structure du site + CSS

Page PHP - Garder la structure du site + CSS - PHP - Programmation

Marsh Posté le 16-10-2008 à 22:17:18    

Voilà la question d'un débutant. Comme je ne veux pas me tromper, je préfère demander ici et être certain que j'ai une réponse de pros.
 
1. Peut-on utiliser les CSS avec le langage PHP (PS : ne me tapez pas)
 
2. Je souhaiterais garder pour tout mon site la même structure, regardons ci dessous par exemple :
 
http://www.jusdeframboise.com/NewsA.jpg
 
 
Imaginons que je veuille changer Menu 1 par une image (c'est un exemple), je souhaiterais le faire sur une page uniquement et pas sur 50 pages comme on est obligé de le faire avec le langage HTML.
 
Voilà pour ma question.
 
Merci de ne pas trop vous moquer, je débute.

Reply

Marsh Posté le 16-10-2008 à 22:17:18   

Reply

Marsh Posté le 16-10-2008 à 22:36:49    

evrything is possibeul, u have to believe in PHP, j aime beaucoup ton croquis je pense que tu pourrais vraiment t en servir comme template,
sinon oui css et php ca marche ensemble (faut tjs du html entre les 2 qd meme) et oui grace a la merveilleuse possibilite du "if" en php tu pourrais faire des choses conditionelles...
De la lecture est a prevoir mais bon c normal

Reply

Marsh Posté le 17-10-2008 à 08:14:56    

Oui, on te conseil le siteduzero.com !
Je te conseille de prendre la patience de lire tout ce qu'il faut (XHTML/CSS/PHP/SQL)
Mais en gros, le principe même du PHP est justement de généré une page HTML


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Reply

Marsh Posté le 18-10-2008 à 10:49:20    

De manière très basique...
 
menu.php :

Code :
  1. <?php
  2.  
  3. echo '<a class=\'menu\' href=\'page_1.php\' title=\'Page 1\'>Page 1</a>'."\n";
  4. echo '<a class=\'menu\' href=\'page_2.php\' title=\'Page 2\'>Page 2</a>'."\n";
  5.  
  6. ?>


 
page_1.php :

Code :
  1. <?php
  2.  
  3. require_once('./menu.php');
  4.  
  5. echo 'Ceci est ma page 1 !';
  6.  
  7. ?>


 
page_2.php :

Code :
  1. <?php
  2.  
  3. require_once('./menu.php');
  4.  
  5. echo 'Ceci est ma page 2 !';
  6.  
  7. ?>


 
 
Et puis ensuite tu styles ton lien en css, du genre :
 
super_style.css :

Code :
  1. a.menu {
  2.  width:150px;
  3.  height:40px;
  4.  color:#000000;
  5.  background:transparent url('./mon_image.png');
  6. }


 
J'ai volontairement oublié d'importantes balises html, à toi de voir lesquelles sont nécessaires (html, body, ...etc.).
Je te conseille également d'utiliser le doctype XHTML 1.0 strict pour te forcer à coder proprement.


Message édité par CyberDenix le 18-10-2008 à 10:58:40

---------------
Directeur Technique (CTO)
Reply

Marsh Posté le 18-10-2008 à 12:39:47    

pour ta question
 
"Imaginons que je veuille changer Menu 1 par une image (c'est un exemple), je souhaiterais le faire sur une page uniquement et pas sur 50 pages comme on est obligé de le faire avec le langage HTML. "
 
regarde sur le siteduzero la partie qui conserne les include, c'est tout a fait ce que tu cherche

Reply

Marsh Posté le 18-10-2008 à 13:18:48    

Merci à tout le monde, j'ai commencé sur le siteduzero.com et c'est terriblement bien expliqué !
 
Enfin je trouve, merci pour tout !

Reply

Marsh Posté le 18-10-2008 à 14:31:41    

Developpeur_Sensei a écrit :

pour ta question
 
"Imaginons que je veuille changer Menu 1 par une image (c'est un exemple), je souhaiterais le faire sur une page uniquement et pas sur 50 pages comme on est obligé de le faire avec le langage HTML. "
 
regarde sur le siteduzero la partie qui conserne les include, c'est tout a fait ce que tu cherche


Où il peut direct cach utiliser du vrai MVC avec un moteur de layout...
 
Par exemple Zend Framework.
 
Après c'est sur que si c'est pas son metier la prog il est un peu dans la mouisse au début, mais l'avantage du MVC c'est que c'est tellement formalisé qu'on fini toujours par s'y retrouver.


---------------
| AMD Ryzen 7 7700X 8C/16T @ 4.5-5.4GHz - 64GB DDR5-6000 30-40-40 1T - AMD Radeon RX 7900 XTX 24GB @ 2680MHz/20Gbps |
Reply

Marsh Posté le 18-10-2008 à 20:54:57    

Est-ce que la technique ci-dessous pourrait fonctionner ?
 
Je fais un fichier "top.php" (incluant une barre où mettre mon logo en haut de page, une barre de navigation horizontal et une barre de menu déroulant horizontal) puis un fichier "bottom.php" (avec par exemple les copyrights, conditions générales de vente en lien, etc.)
 
Pour chaque page de mon site ensuite, imaginons une page de news : news.php, je n'aurais qu'à mettre ce code pour appeler top et bottom :
 

Citation :


<? include("top.php" );
?>
 
Ici je mettrai le contenu de ma page news.php
 
<?
include("bottom.php" );
?>


 
Jusque là est-ce que mon raisonnement est bon ?
 
Le problème c'est que je veux inclure du code css pour faire apparaître des blocs dans ma page (pour la structurer) mais comment faire puisque top.php et bottom.php seront sur deux pages séparées. Je m'explique : j'avais ce code (pour entre autre un menu déroulant vertical) :
 

Citation :


#container{width:780px; margin:0 auto;}
#topbar{width:auto; display:block; height:80px;}
#homebar{width:auto; display:block;height:24px; background-color:blue;}
#navbar{margin-top:5px; width:auto; display:block; height:24px; background-color:red;}
 
#main{width:auto; display:block;}
#column_left{width:200px; float:left; border-color: pink; border-style: dotted;}
#column_right{width:580px; margin-left:200px; display:block}
 
/*
div.spacer, permet de faire deux colonne dans #container
*/
 
div.spacer{clear:both; height:10px; display:block;}
#footer{width:auto; display:block; height:24px;}


 
Ca me fait une page avec une ligne pour le logo, une pour mes icones home page  du style accueil, contact, lien vers livre d'or, etc.
 
Et puis en dessous un bloc pour un menu a gauche et un bloc à droite pour mes pages courantes.
 
Mais comment diviser ce code css pour avoir la structure du haut dans top (bloc horizontal pour le logo, la homebar et la navbar) et le code pour bottom.php ?
 
Merci de vos réponses précieuses.
 
A bientôt

Reply

Marsh Posté le 19-10-2008 à 18:12:11    

Tu n'as pas besoin de diviser ce code css si tu fais un appel à la feuille de style avant la première inclusion.  
 
N'oublies pas que l'inclusion ne fait que remplacer la ligne d'inclusion par le fichier inclus.


---------------
Directeur Technique (CTO)
Reply

Marsh Posté le 25-10-2008 à 21:17:44    

Si tu ne connais pas le php, ou très peu, je t'invite à lire le tuto du siteduzero. Il est vraiment bien fait, et j'ai appris (et j'apprends toujours d'ailleurs ^^) avec :-)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed