Étape 3 - Plan

Un site Web peut être défini comme un ensemble structuré de pages. Définir correctement cette structure est très important car elle détermine comment les pages seront associées entre elles et elle définit les chemins de navigation disponibles portant aux informations.

Une bonne structure permettra à l'utilisateur de ne pas se perdre pendant la navigation, de savoir toujours où il se trouve et de réussir à atteindre, en quelques passages, les informations qu'il recherche. En revanche, une mauvaise structure provoquera une désorientation et de la frustration qui, dans le pire des cas, pousseront l'utilisateur à abandonner le site.

La fenêtre Création du plan permet de définir la structure du site en insérant toutes les pages nécessaires et en les organisant en niveaux et sous-niveaux. Après avoir dessiné le Plan comme une structure vide sans contenus, vous pouvez passer à la création de chaque page. En cliquant plusieurs fois sur le bouton Suivant, vous ouvrez les pages dans le même ordre dans lequel elles ont été insérées dans le Plan. Sinon, il est possible d'utiliser le Plan pour passer directement à la fenêtre du programme qui permet de travailler sur une page: pour ceci, il suffit de double cliquer sur l'élément correspondant ou de sélectionner et cliquer sur le bouton Modifie.

Dans la fenêtre Création du plan, la plus grande partie de l'espace est occupée par la représentation schématique du Plan à construire.

Par défaut, le programme propose une structure composée d'un dossier Menu contenant une Page d'accueil et 3 pages. En ajoutant niveaux, pages et Séparateurs à l'aide des commandes appropriées, ces éléments sont insérés dans le dossier Menu du Plan qui prend forme au fur et à mesure.

Si le site est complété par l'introduction du Moteur de Recherche interne (voir, Objet Recherche), d'une Page d'Accès, d'un Blog, d'une Zone Réservée (il suffit qu'une seule page ait été définie comme Page protégée) ou d'un Panier e-commerce, le programme ajoute à la structure du Plan le dossier Pages spéciales avec les éléments correspondants: Recherche, Page d'Accès, Blog: Page Principale, Blog: Page Article, Page de connexion, Paniel e-commerce: Panier et caisse, Panier e-commerce: Page Recherche et Panier e-commerce: Page Fiche Produit. Finalement, si vous avez activé la Liste de souhaits quand vous étiez en train de définir les Fiches Produits (dans le Objet Catalogue des produits, sur Panier e-commerce : Page de recherche et/ou sur Panier e-commerce : Fiche Produit), la page Panier e-commerce : Liste de souhaits sera affiché avec les autres Pages Spéciales.

Les Pages et les Niveaux insérés dans la section Menu deviennent automatiquement éléments du Menu de Navigation du Site web, sauf s'ils sont "Cachées" avec l'option appropriée. Au contraire, les Pages Spéciales ne sont pas éléments du Menu de Navigation du Site web. Si vous souhaitez qu'une Page Spécial soit disponible dans le Menu de Navigation, il faut la sélectionner et la glisser en haut dans la section Menu. Ici, un Alias de la page originale sera créé et dans le Menu de Navigation on aura un élément connecté à la page en question.

Pas toutes les Pages Spéciales peuvent être glissées et déposées dans le Menu : par exemple, ça n'est pas possible pour les pages Blog : Pagina Article ou Panier e-commerce: Fiche Produit, parce qu'un lien direct vers ces pages dans le menu ne serait.

En plus d'afficher la structure arborescente du Plan, certaines informations supplémentaires sont décrites pour les Pages insérées comme le Titre de la page et la Tag 'Description'. Naturellement, afin que ces informations soient affichées, il est nécessaire qu'elles soient définies précédemment dans la fenêtre Propriétés de la page.

Immédiatement au-dessus de la représentation schématique du Plan, vous disposez d'une Barre d'Outils avec les commandes suivantes :

	Couper [CTRL+X] - Copier [CTRL+C] - Coller [CTRL+V] Elles permettent respectivement de couper, copier et coller les pages sélectionnées à l'intérieur du même Projet ou dans différents Projets. Ces commandes sont aussi disponibles dans le menu Popup rappelé à l'aide d'un clic droit de la souris en pointant le Plan.
	Etendre - Réduire Étend ou réduit le Niveau sélectionné de manière à afficher ou ne pas afficher les Pages qu'il contient.
	Cachée Si vous sélectionnez cette option, la Page ou le Niveau sélectionné n'est pas affiché dans le Menu de Navigation. Lorsqu'un Niveau est invisible, toutes les Pages qu'il contient deviennent automatiquement invisibles. Les Pages invisibles sur le Menu peuvent être utilisées comme pages d'approfondissement et être rappelées par des liens internes. Il est nécessaire de créer au moins un lien vers les pages invisibles, autrement elles ne sont pas visibles par les Utilisateurs.
	Protégée Permet d'ouvrir la fenêtre Page protégée permettant de définir une Page comme Protégée en cochant simplement l'option Définir cette page comme page protégée. Après cela, vous devez indiquer quels Groupes et/ou Utilisateurs peuvent accéder à cette Page Protégée, en cliquant dans la liste proposée. Activer un Groupe ou activer tous les Utilisateurs appartenant à un Groupe, ce n'est pas la même chose: dans le premier cas seulement, si de nouveaux Utilisateurs sont ajoutés au Groupe par la suite, ils pourront automatiquement accéder à la page protégée. Pour créer de nouveaux Groupes/Utilisateurs, il suffit d'accéder à la fenêtre Gestion de l'accès de l'étape 1 - Paramètres du Site.
	En construction Définit l'état des Pages sélectionnées comme "en construction". Les Pages en construction, représentées dans le Plan avec une icône différente, seront affichées pendant le test dans le navigateur interne mais elles ne seront pas publiées en phase d'exportation. Aucune Page indiquée dans le Projet comme Page en construction ni aucun élément du Menu de navigation associé à ces pages ne figurera dans le Site publié en ligne.
	Page 404 Fait en sorte que la Page sélectionnée soit utilisée comme Page 404. À l’intérieur d’un Projet, il est possible de spécifier une seule page 404, en la choisissant parmi les Pages qui ne sont pas configurées comme Spéciales, Protégées ou En construction.

L’erreur 404 (ou Not Found) est un code d’état standard pour le protocole HTTP : il indique que la ressource recherchée n’a pas été trouvée à l'adresse URL indiquée. Dans ces cas, pour éviter que le Navigateur affiche une page standard, il convient de prédisposer une page d’erreur 404 personnalisée, qui :

▪	soit en ligne avec le thème et le style du Site ;

▪	Contienne une explication du motif de l’erreur ;

▪	invite l’utilisateur à poursuivre sa navigation à l’intérieur du Site.

Pour configurer une Page 404 personnalisée, WebSite X5 crée un fichier .htaccess contenant les instructions nécessaires.

La fonction est disponible uniquement pour le serveur Web Apache.

Propriétés

Définit les propriétés de la Page (fenêtre Propriétés de la page) ou du Niveau (fenêtre Propriétés du niveau) sélectionné.

Modifie

Permet d’effectuer la construction à proprement parler de la Page sélectionnée sur le Plan. Cette Option est disponible aussi pour les Pages Spéciales, mais pas pour la Page de Recherche liée au Objet Recherche.

L'accès au Blog et/ou au Panier e-commerce peut être réservé uniquement à certains Utilisateurs qui, suite à leur inscription, possèdent les informations d'identification nécessaires (nom d'utilisateur et mot de passe). Pour ce faire, il suffit de procéder comme pour toute autre Page : sélectionner les Pages spéciales Blog et/ou Panier e-commerce figurant dans le Plan et utiliser la commande pour les configurer comme pages protégées.

Pour plus d'informations sur la configuration d'une Zone Réservée et la gestion de l'accès à cette zone par la création de Groupes d'Utilisateurs, voir Comment gérer les accès et créer une Zone Réservée.

▪	La Page d'accueil peut aussi disparaître du Menu : il est conseillé d'utiliser cette possibilité seulement si vous avez l'intention de mettre un lien vers cette page à d'autres endroits du Site, par exemple dans l'en-tête du Modèle.

▪	Si vous voulez créer votre propre Menu de navigation, vous pouvez rendre invisibles toutes les Pages e les Niveaux du Plan : dans ce cas, au lieu de sélectionner une Page à la fois, il suffit de sélectionner directement le répertoire Menu et de cliquer sur le bouton Cachée.

Voici les commandes permettant de définir le Plan du Site :

▪	Nouveau niveau [CTRL+L] : permet d'insérer un nouveau Niveau de menu. Il n'y a pas de limite au nombre de Niveaux et sous-niveaux pouvant être insérés.

▪	Nouvelle page [CTRL+P] : permet de créer une nouvelle Page qui sera automatiquement placée au Niveau sélectionné.

▪	Séparateur : permet d'insérer un Séparateur pour organiser visuellement les éléments du menu. Le séparateur peut être un espace ou un titre ; il est particulièrement utile pour créer des menus sur plusieurs colonnes.

▪	Supprimer [CANC] : permet de supprimer la Page, le Niveau ou le Séparateur sélectionné.

▪

Renommer [F2] : permet de modifier le nom de la Page d'Accueil, de la Page, du Niveau ou du Séparateur sélectionné. Il est conseillé de bien choisir les noms des Pages, des Niveaux et des Séparateurs puisqu'ils seront repris dans le Menu de navigation, comme titres des Pages et noms des fichiers HTML associés aux Pages, à moins qu'il ne soit spécifié différemment dans la fenêtre Propriétés de la page.

▪	En haut [CTRL+U] / En bas [CTRL+D] : permettent de modifier l'ordre des Pages, des Niveaux et Séparateurs, en déplaçant l'objet sélectionné respectivement en haut ou en bas.

Pour modifier l'ordre des Niveaux, des Pages et Séparateurs, vous pouvez agir directement sur le Plan: sélectionnez l'élément, faites-le glisser et relâchez-le à l'endroit voulu (Drag&Drop). Vous pouvez sélectionner plusieurs Niveaux, Pages et/ou Séparateurs à l'aide des touches CTRL et SHIFT.

Bonnes pratiques :

-	Comment créer et travailler sur le Plan du Site