Besoin de vos conseils pour un site

Version imprimable

17/04/2012, 20h49
thrix

Besoin de vos conseils pour un site
Bonjour,

Comme le titre l'indique j'aurais besoin de vos conseils pour le développement de mon site internet.
Mon but est de faire un site de présentation très simple composé de trois éléments :
1. Une bannière contenant la navigation
2. le contenu du site à proprement parler qui changera en fonction des liens de navigation
3. le pied de page contenant diverse informations de contact
La seule technique que je connaisse pour faire cela est l'utilisation de <frameset>. D'après ce que j'ai lu dans divers tutoriels cette technique est obsolète et déconseillée.

Je suis parti sur cette approche de trois frames pour que le visiteur ai constamment la bannière avec les boutons de navigation accessible mais je suis ouvert à tous conseils pour développer cette page !

Merci d'avance :zoubi:
17/04/2012, 22h50
miss_socrates

Site

Oui les frames sont obsolètes et d'ailleurs mal référencées par les moteurs.
Il vaut donc mieux utiliser une div conteneur dans laquelle il y aura une div bannière, une div contenu et une div footer (pied de page).
18/04/2012, 02h12
Muchos
Tout à fait ! Soit vous faites des conteneurs en HTML, soit vous faites des include PHP : c'est très simple et ça vous évite de modifier toutes les pages si vous changez de header et/ou de footer.

Voici le résumé (à peine ^^ ) de ce petit tuto :
1. Vous créez un fichier "header.php" qui contient le code html de votre header.
2. Dans votre page, vous placez
  
  Code:
  
  <?php include 'header.php'; ?>
  
  à la place du header, puis le reste du code html.
3. Votre page finale doit avoir l'extension .php. C'est fini !
Nota: Vous pouvez utiliser du CSS sur toute la page, même sur le code des include php.
18/04/2012, 11h32
ouldfella
tu crée un fichier index.php qui va contenir le code html de la page d'accueil
le fichier il va juste contenir le code html c juste l'extension du fichier qui sera .php au lieu de .html
Code:

1 2 3 4 5 6 <html> <title></title> <body> </body> </html>
ensuite
tu crée un autre fichier footer.php qui va contenir le pied de page, ce fichier va contenir le code html de la partie pied de page, ne met pas les balises <body>, <HTML>,..etc dans ce fichier, voici un exemple :
Code:

1 2 3 4 5 <div> <a>lien 1</a> <a>lien 2</a> </div>
ensuite tu va inclure cette pertie dans le fichier index.php

Code:

<?php include 'footer.php'; ?>

on a juste divisé notre page index et on a mis les différentes parties dans des fichiers différents
si ta ton code html prêt tu fait pour chaque partie couper-coller vers d'autres fichiers puis tu inclus ces parties, et cela pour éviter la redondance.
18/04/2012, 13h03
thrix

Merci pour tous ces conseils, je vais faire quelques test et je posterais si j'ai des question :ccool:
18/04/2012, 19h46
thrix
Re, ce tutoriel est très bien fait mais je n'arrive pas à saisir un truc. si j'ai un site index.php avec le code suivant, comment faire pour que le lien "Main 2" ne change que le main1.php en main2.php sans recharer header.php ?

index.php
Code:

1 2 3 <?php include 'header.php'; ?> <?php include 'main1.php'; ?>
header.php
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <html> <head><title>HEADER</title></head> <body> <h2>My Header</h2><p> <a ...>Main 1</a><a ...>Main 2</a> <hr>
main1.php
Code:

1 2 3 4 5 6 7 8 <hr> MAIN 1 </body> </html>
18/04/2012, 20h20
Muchos

Je ne m'y connais pas en PHP et peut-être existe-t-il un moyen.
Mais je pense que c'est toute la page qui doit recharger… sauf en utilisant des frames ! xD

Bonjour,
recharger toute la page (header,... compris) est le fonctionnement "normal" de 99.9% des sites.
Donc : pas de souci.
Sans rechargement, il faudrait passer par de l'ajax. Mais pas forcément utile à ton niveau, non ?

Voici quelques tutos :
-> Div et CSS : une mise en page rapide et facile
Exemple de page :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <?php // ici, du traitement php (éventuel) ?> <head> <title>Titre de la page</title> </head> <body> <div id="header"><?php include('header.php'); ?></div> <div id="menu"><?php include('menu.php'); ?></div> <div id="content">Contenu html/php pour chaque page</div> <div id="footer"><?php include('footer.php'); ?></div> </body> </html>
Mettre les différents éléments (header, menu, footer) dans des fichiers séparés et appelés en "include" évite de recopier les codes d'une page à l'autre et simplifie la maintenance.
-> Exemple de conception d'un site dynamique

18/04/2012, 21h11
thrix

Merci je vais lire tout ça avec beaucoup d'attention :ccool:
18/04/2012, 21h22
Invité

Petite précision :
dans les fichiers en include (header.php, ...) :
ne PAS mettre de <html><head><body>...
puisque ces balises sont DEJA dans le fichier d'appel (dans lequel ces fichiers sont inclus)