Structure du site

Le site est composé de plusieurs zones, représentées sur l’image ci-dessous et détaillées un peu plus loin dans cette page :

  1. Logo
  2. Menu principal avec bouton de recherche
  3. Titre du contenu
  4. Contenu
  5. Barre latérale
  6. Zone de pied de page
  7. Menu supérieur
  8. Menu de pied de page
  9. Lien de retour en haut
  10. Copyright



1. Logo

Le logo de votre école est affiché dans l’entête du site, sur la totalité des pages et des articles publiés.
Il personnalise votre site internet et permet ainsi une identification rapide de votre établissement scolaire pour les visiteurs.

Ce logo, qui devra être fourni lors de la commande du site, doit répondre aux exigences suivantes :

  • Format .png
  • Si possible avec un fond transparent
  • Hauteur maximale de 150px (il sera automatiquement redimensionné)

2. Menu principal avec bouton de recherche

Comme son nom l’indique, il s’agit du menu principal du site. Celui-ci contiendra l’accès au contenu important, qui doit être accessible rapidement et facilement.
Il est possible d’y intégrer des sous-menus en cascade, mais il n’est pas recommandé de dépasser deux, voire trois niveaux d’imbrication.
A sa gauche, un bouton permet d’effectuer une recherche sur le site.

Sur un périphérique mobile, ce menu doit être affiché manuellement, en cliquant sur l’icône « menu », dans le coin supérieur droite de l’écran.


3. Titre du contenu

Le titre de la page ou de l’article en cours de lecture s’affiche dans cette zone.


4. Contenu

Affiche le contenu de la page sélectionnée dans le menu.


5. Barre latérale

Cette barre permet l’affichage d’un nombre illimité de widgets. Ceux-ci restent constamment affichés, même lors du défilement de la page. Attention toutefois à ne pas en afficher une trop grande quantité, afin d’éviter que la barre latérale soit plus longue que le contenu affiché dans la partie gauche de l’écran.


6. Zone de pied de page

Cet espace situé en dessous du contenu du site permet d’afficher un maximum de 4 widgets.


7. Menu supérieur

Le menu supérieur permet d’ajouter des liens supplémentaires, de moindre importance que ceux affichés dans le menu principal. Si aucun élément n’est affecté à ce menu, la barre sera automatiquement masquée.
Sur un site bilingue, cet emplacement peut être utilisée pour le sélecteur de langue du site.

Attention, ce menu ne s’affiche pas lors de la navigation sur périphérique mobile !


8. Menu de pied de page

Tout comme le menu supérieur, le menu de pied de page est optionnel et n’apparaîtra pas si aucun élément n’y est configuré. La différence réside dans le fait que ce menu est affichable sur un périphérique mobile.
Dans le cas d’un site bilingue, il peut être judicieux d’y placer un sélecteur de langue secondaire si le principal a été placé sur la barre supérieure. Ainsi, qu’il sera également possible de choisir la langue d’affichage sur un smartphone.


9. Lien de retour en haut

Ce raccourci permet, lorsqu’on arrive au bas d’une page, de revenir au sommet du site et pouvoir ainsi accéder au menu principal.


10. Copyright

Affiche le copyright du site. Celui-ci ne peut pas être modifié.