Joomla – Visite guidée du site d’exemple

Votre site est installé et paramétré. Nous pouvons maintenant aller voir ce qu’il permet d’envisager.
Au premier coup d’oeil, la page peut sembler assez chargée. Il s’agit de la page publique (Frontend).
Il existe aussi une page d’accueil pour l’administration (Backend). Seule la partie publique est accessible aux visiteurs, comme une boutique. La partie arrière, l’atelier, n’est connue que des administrateurs, auteurs et rédacteurs de contenus.

• Partie publique Frontend
• Administration (Backend)

Partie publique Frontend

L’art de la conception Web a comme objectif de permettre au visiteur de repérer le plus vite possible
les éléments essentiels, en ignorant dans un premier temps ce qui l’est moins, en somme d’organiser
le placement des informations de façon logique, agréable et facile à appréhender. Le résultat est
toujours un compromis entre richesse fonctionnelle et esthétique.

L’architecture d’une page Web peut faire penser à un journal ou à un portail comme celui de Yahoo!
ou de Wanadoo. Des colonnes à gauche et à droite proposent des encadrés (modules) aux contenus
prédéterminés. La partie centrale (Main Body) reçoit les informations.

La mise en page est définie par un template (modèle). Vous pouvez changer de modèle sans changer
de contenu ou bien modifier le template courant, souplesse que la presse quotidienne envie au Web.

Découvrons la maquette d’exemple. Elle contient cinq catégories de sections :

• des menus ;
• des contenus ;
• des publicités ;
• des fonctions complémentaires ;
• des éléments décoratifs.

Les menus

Les menus doivent permettre au visiteur de naviguer sur le site le plus aisément possible. Il existe
des menus différents selon les besoins. Joomla! propose dans l’exemple six menus prédéfinis, et
vous pouvez en ajouter d’autres ou en masquer certains. À vrai dire, un des menus n’est pas visible
dans l’exemple. Il s’agit du type usermenu, qui n’est visible que par les utilisateurs enregistrés une
fois qu’ils ont ouvert une session.

Le menu supérieur (topmenu)

Joomla! propose tout en haut de page un menu horizontal dont le nom technique est topmenu . Il doit permettre au visiteur d’accéder depuis n’importe quelle page aux contenus essentiels : retour à la page d’accueil, actualités, contact et liens.

Le menu principal (mainmenu)

Le menu principal (nom technique mainmenu) est le moyen de navigation principal de toute page. Ce menu doit toujours proposer un lien pour revenir à la page d’accueil (Home) et se trouver au même endroit sur toutes les pages. Il participe au confort de la visite en évitant à
l’utilisateur de se perdre dans le dédale de pages. Vous disposez aussi de la technique des miettes de
pain. (breadcrumbs) Elle consiste en liens déposés sur les pages pour revenir en arrière dans la navigation ou se diriger vers des sections apparentées à la page actuelle.

Les menus complémentaires (othermenu)

Vous pouvez ajouter un menu complémentaire (nom technique othermenu) en différents points
prédéfinis (des positions de modules). L’ajout de tels menus dépend des particularités des pages. Un
site de e-commerce aura par exemple souvent besoin de menus complémentaires.

Pages: 1 2 3 4