Premiers pas avec SCENARIbuilderHiérarchie de section : HelloUniverse > Pages de la publication > HTML : menu et hiérarchie de pagesHTML : menu et hiérarchie de pages
Nous partons d'un document composé uniquement d'une seule page. Tout le contenu est à l'intérieur de cette page. Nous allons chercher à faire un document en plusieurs pages HTML : une page par planète, avec un menu pour naviguer entre les planètes.
Création de la page au niveau des planètes
Pour tenir notre cahier des charges, nous devons modifier l'emplacement de la création de page : passer de une page pour la composition universe.model à une page par part de cette composition.
Dans votre espace web, ouvrez l'item universe.transf et modifiez les données suivantes :
Solution alternative : nous aurions pu juste faire un <for codes="*"><callSubModel> dans universe.transf pour décharger ce transformer de la création des pages, puis la reporter dans astrobj.transf, qui dans ce cas doit être en mode navigation et non content.
Création du menu
Nous avons défini les pages, mais il n'y a aucun moyen d'accès pour les choisir. Nous allons donc déclarer un menu (ou outline) dans 
huWeb.uiTemplate.
On crée une div menu qui sera positionnée sur la page lors de l'étape de stylage.
Cette div contient un widget de type 
outlineUiWidget. (utilisez l’astérisque pour créer la balise Widget et créez un item de type OutlineUiWidget)
Nous allons modifier 2 paramètres de ce widget : le scope : all
le scope : Les éléments visibles ou non dans le menu. Un scope "all" dévoilera tous les éléments du menu (Séléctionnez le et consultez les différentes possibilités dans la partie droite de la fenêtre : liste de toutes les pages parentes, liste des fils...).
Les classes
Permettent de choisir des styles CSS à appliquer dans les éléments du menu, en fonction de conditions précises (position dans l'arbre par rapport à la page courante, profondeur, type d'éléments...).
Transformer
Dans une publication HTML, la première page est toujours affichée, si vous voulez insérer une page d'accueil fixe, au lieu d'afficher la première planète, vous devez déclarer une nouvelle page dans universe.transf avant le for.
Notre contenu n'ayant pas une structure extra-ordinaire, vous devriez simplement voir apparaître une liste des pages en début de votre publication HTML, et le contenu de la première sera affichée par défaut.
Pour créer une hiérarchie de page plus complexe, avec des sous-niveaux, on déclare des Folders et on y crée les pages à l'intérieur. L'option folderPreview est la page qui s'affiche lorsque l'utilisateur clique sur le dossier dans le menu, sans folderPreview c'est la première page de contenu du folder qui est utilisée.
