avis sur un template de site web

**laurentSc** · 23/10/2016, 16h55

Bonjour,

je travaille actuellement sur un site web dont les versions précédentes ne sont pas de moi (je sais ; je l'ai déjà dit 36 fois

) et comme je tombe sur un problème que je n'arrive pas à résoudre, je mets en doute la conception et j'ai décidé de tout refaire from scratch.
La première étape est de faire un template pour créer les pages. J'en ai créé un qui fonctionne et en partant au départ de http://pbnaigeon.developpez.com/tuto...-page-CSS/#LIV, mais avant de l'utiliser, je voudrais avoir l'avis de spécialistes. Merci d'avance de votre retour.

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<?php
$page =(isset($_GET['page'])) ? $_GET['page']:"";?>
	<div id="bandeau">Ceci est le bandeau</div>
	<div id="menu"><a href="index.php?page=page1">page 1</a> <a href="index.php?page=page2">page 2</a></div>
	<div id="contenu"><?php include "page/".$page.".php";?></div>
	<div id="pied_page">Ceci est le pied de page</div>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
div {
	text-align:center;
	}
div#bandeau {
	width:600px;
	height:50px;
	background-color:#00CCFF;
	}
div#menu {
	width:600px;
	height:100px;
	background-color:#FF6699;
	}
div#contenu {
	width:600px;
	height:400px;
	background-color:#FFCC00;
	}
div#pied_page {
	width:600px;
	height:50px;
	background-color:#33FF99;
	}

page1.php

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<?php
echo "page 1<br/>";
?>

page2.php

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<?php
echo "page 2<br/>";
?>

Pour le menu, je ferai mieux (un tableau ul horizontal), mais ce n'est qu'une ébauche et l'avis recherché porte surtout sur la navigation pour changer le contenu affiché.

Invité · 23/10/2016, 18h39

Bonjour Laurent,

1/ TEMPLATE
Au lieu d'utiliser un tuto vieux de 10 ans, cherche du coté de "template css responsive gratuit"

Ca te fournira une base CSS solide.

"Bootstrap CSS" (très utilisé) répond bien à ta problématique.

2/ PAGE DYNAMIQUE
C'est un autre sujet.
SOIT :

solution 1 : tu as juste une page index.php, et tu gères le contenu avec index.php?page=page1, index.php?page=page2,.... (comme tu as commencé à le faire)
solution 2 : tu as des pages différentes, et dans le menu page1.php, page2.php,...

solution 1 : c'est OK comme tu le fait.
Comme le nom de la page est en $_GET, on peut aussi tester via un array des pages autorisées :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<?php
$pages_autorisees = array( 'accueil.php', 'page1.php', 'page2.php', '..........................' );
$page =( !empty($_GET['page']) && in_array( $_GET['page'], $pages_autorisees ) ) ? $_GET['page'] : 'accueil.php' ;
?>

solution 2 : on met dans chaque page, en include, les header, footer,... (tous les éléments COMMUNS à toutes les pages)

**laurentSc** · 23/10/2016, 23h04

Merci Jérôme pour ta réponse.
Tu m'avais déjà indiqué Bootstrap mais à l'époque j'intégrais le code dans un outil et le code généré par Bootstrap était ignoré donc j'avais abandonné, mais là, c'est différent. Je préfère lire du français que de l'anglais donc je vais plutôt me tourner vers http://guikprod.developpez.com/tutor...olio/partie-1/ pour l'étudier. OK ?

Pour le point 2, l'exposé des 2 solutions m'a rappelé que j'ai déjà utilisé la 2e solution pour un autre site :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
<!DOCTYPE html>
<html lang="fr">
<head>
<title>titre du site</title>
<link href="../css/style-menu2.css" rel="stylesheet"/>
<meta charset="UTF-8"/>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<header>
<?php include("../entete.php"); ?>
</header>
<nav>
<?php include("../menu3.php"); ?>
</nav>
 
<section id="id_section">
<article id="article0">
squelette
</article>
 
</section>
<footer>
<?php include("../footer.php"); ?>
</footer>
 
 
</body>
</html>

et je suis plus à l'aise avec cette façon de faire. Je vais donc plutôt prendre cette solution.

**laurentSc** · 24/10/2016, 19h21

Tous comptes faits, j'apprend rien avec ce tuto. Y en a plein sur le web, donc peux-tu m'en indiquer un qui soit bien et en français ?

Invité · 25/10/2016, 09h25

Bon.

Il faudrait déjà commencer par SAVOIR ce que tu veux = QUEL est ton projet ?

Tu avais ouvert une discussion : "Mise en page compliquée à réaliser".
Je t'avais écrit un code fonctionnel : http://codepen.io/jreaux62/pen/bwbEQr

Que veux-tu d'autre ??

Conseil : commence par METTRE EN PRATIQUE des exercices SIMPLES

pour comprendre la structure d'une page HTML
pour faire des includes PHP
...

**Seb33300** · 25/10/2016, 10h00

Pour bootstrap, tu peux peut être tenter un tuto.

Mais bootstrap reste un framework CSS, c'est uniquement destiné à faire de la mise en page.
Ce n’est pas fait pour créer un site de A à Z

avis sur un template de site web

Langage PHP

Vue hybride

Discussions similaires

Partager

Partager