mcc3_rgb_70.gif
-> Accueil -> Présentation et principes -> Structure du Site
mercredi 8 septembre 2010, semaine 36
Votre adresse IP

38.107.191.91

Plus...

Webmaster

logo xname

logo Apache

logo PHP

TinyMCE image

Structure du site

Mise à part la page d'accueil du site, le Contenu du site est réparti dans 9 Rubriques et Sous-Rubriques. Chaque Rubrique est composée d'une page d'accueil et peut contenir jusqu'à 99 pages dans sa racine. De plus il est possible de diviser chaque Rubrique en 9 Sous-Rubriques avec chacune une page d'accueil est 99 pages.

En résumé cette structure permet d'avoir:

  • 1 Page d'accueil
  • 9'000 pages divisées en Rubriques et Sous-Rubriques, pour le contenu.

Il est possible d'ajouter des pages spéciales ne présentant pas de contenu mais plutôt des services, voici celles de base:

  • 1 page Contact , formulaire pour l'envoi d'e-mail à l'Administrateur du site ou(et) au Webmaster
  • 1 page Plan du Site présentant l'arbre complet des pages, (sans les pages Administrations)
  • 1 page Login pour l'accès à la zone d'administration

Plus de 9'000 fichiers dans le répertoire du site ?!

Sur un site statique, chaque page est un fichier séparé..., ça devient vite impossible à gérer. Gros sites, s'abstenir !
Avec un système CMS , le fichier choisi comme gabarit construit la page en intégrant le Contenu stockées dans la Base de Données. Plusieurs gabarits permettent des constructions de page différentes, sans toucher au contenu ni au style.

 

Structure d'une page

Mise à part la page Login, qui n'a qu'un paragraphe, une page standard est composé comme suit:

  • Un bandeau, optionnel, pouvant contenir un ou deux Logos.
  • Une colonne gauche, prévue pour le menu et les liens externes.
  • Une colonne centre divisée en trois paragraphes comprenant:
    • une zone 'Image', centrée sur la largeur du Corps de page, prévu pour une grande image illustrant le texte.
    • une zone 'Texte', 100% de la largeur du Corps de page et pouvant inclure une petite image, un tableau, des listes à puces, etc...
    • une zone à 2 colonnes 'Texte', 50% de la largeur du Corps de page, pour avoir 2 Textes côte-à-côte.
  • Une colonne droite, optionnelle, pour des contenus dynamiques, dernières annonces ou messages, etc...
  • un pied-de-page divisé en 3 Zones, gauche, centre et droite pouvant accueillir divers infos, dont les dates de création et de mise à jour de la page, le Copyright du Site, l'e-mail du webmaster, etc...

 

Les pages spéciales

La conception des pages permet d'y inclure un ou plusieurs scripts JavaScript, (code exécuté par les navigateur du client), dans l'entête HTML.
La page Contact charge un script côté client pour contrôler les données saisies avant de les envoyer au serveur. Dans ce cas, faire l'analyse de la saisie chez le client évite le trafic lié au contrôle entre le client et le serveur.

Il est aussi possible de charger un module PHP, (code compilé par le serveur), entre le premier et le deuxième Paragraphe pour réaliser une page Spéciale, les pages Plan du Site et Contact sont réalisées de cet manière.

 

Pages modulaires

Chaque zone de paragraphe étant optionnel, celle-ci ne s'affichera que si elle contient des données, ceci offre plusieurs possibilités pour moduler la présentation du contenu des pages.

Sur cette page, les Paragraphes 2 et 3 sont vides, donc cachés.

 

Petite page ou grande page ?

La tendance actuelle est de faire des pages longues avec un défilement vertical uniquement, contrairement à l'ancienne navigation qui voulait que l'on change de page au bas de l'écran, enfin presque...

Dans les années nonante avec des modems 28K les longues pages ça n'existait pas, en plus c'était le temps des "frameset" avec la fenêtre du navigateur remplie de cadres et d'ascenseurs. Cette "mise-en-page" permettait de rafraîchir un cadre sans recharger toute la page.

Aujourd'hui la longueur des pages est toujours proportionnelle à la vitesse de connections, alors pourquoi faire des petites pages...

 

M-à-j le jeudi 14 février 2008