5.2. Éditeur de pages

L”éditeur de page est un outil important dans Mahara car il permet de composer les pages de votre portfolio. Il est divisé en plusieurs parties :

  1. Onglets de l’éditeur de pages
  2. Boîte à outils
  3. Zone de mise en page

5.2.1. Onglets de l’éditeur de pages

Page editor navigation

Barre de navigation dans l’éditeur de pages

  1. Afficher la page : Affiche un aperçu de la page, telle qu’elle sera présentée aux autres utilisateurs qui auront le droit d’y accéder. Vous pouvez aussi utiliser le bouton Afficher la page situé en bas de la page.
  2. Partager la page : Décidez avec qui vous désirez partager votre page. Consultez la rubrique « Partagées par moi » pour plus détails.
  3. Boîte à outils : Permet de placer sur la page des productions contenues dans votre portfolio. Pour plus d’information sur l’utilisation de la boîte à outils, référez-vous à Boîte à outils, à l’aide pour chacun des blocs de contenu, et à l’aide sur la zone de mise en page de votre portfolio.
  4. Modifier présentation : Modifier la présentation générale de la page.
  5. Choisir un habillage : Si vous l’on vous a donné les droits pour le faire, sélectionnez un habillage de page parmi ceux que vous avez créés ou ajoutés à votre collection d’habillage.
  6. Modifier titre et description : Ajouter et modifier les titres de vos pages, leur description et leurs mots-clés.

5.2.2. Modifier titre et description

Voir aussi

Veuillez vous référer aux sections « Créer une nouvelle page » et « Modifier une page existante » pour plus d’information sur la manière de travailler avec les pages.

5.2.3. Modifier présentation

L’éditeur de mise en page est très flexible et vous permet de paramétrer non seulement la présentation des colonnes, mais aussi celle des lignes. Vous pouvez décider du nombre de colonnes pour chaque ligne et avoir donc un nombre de colonnes différent d’une ligne à l’autre.

Note

Faites attention lorsque vous choisissez une mise en page en 4 colonnes ou plus. La page de votre portfolio pourra sembler très aérée sur un écran de 21 », mais un utilisateur sur une tablette ou un ordinateur portable pourrait ne pas avoir la même expérience. Dans la plupart des cas, un maximum de 3 colonnes est suffisant.

Overall page layout editor

Modifiez la présentation généralement de la page en choisissant le nombre de colonne et de lignes qu’elle doit contenir.

  1. Allez à l’onglet Modifier la mise en page.

    Note

    Lorsque vous travaillez sur un écran de petite taille, le texte dans les onglets disparaît et seule l’icône subsiste.

  2. Option de base : Cliquez sur le bouton radio en face de la mise en page qui vous intéresse et que vous voulez appliquer à votre page. Vous pouvez modifier ce choix en tout temps par la suite. Si vous diminuez le nombre de colonnes par la suite, les blocs qui devraient disparaître sont simplement placés dans la première colonne à gauche. Vous pouvez ensuite le déplacer là où vous voulez les voir s’afficher (cf. zone de mise en page).

    Note

    Lorsque vous passez le curseur sur les options d’affichages, la taille en pour-cent de chaque colonne est affichée.

  3. Options avancées : Si vous le désirez, vous pouvez créer des mises en pages plus compliquées parmi celles qui figurent ici.

  4. Créer une mise en page personnalisée : Si vous n’êtes pas satisfait avec les mises en page proposées par défaut, vous pouvez créer la vôtre dans cette section.

  5. Cliquez sur le bouton Enregistrer pour appliquer votre choix de mise en page.

Note

Vous pouvez ajouter ou supprimer des colonnes directement dans la page, si vous avez activé l’option Afficher des boutons d’ajout/suppression de colonnes lors de la modification des pages dans la page Préférences du compte.

Add and remove buttons in the page layout area

Vous pouvez utiliser les boutons Ajouter et Supprimer pour effectuer rapidement des modifications de présentation, pour autant que vous les ayez activés dans vos préférences.

Si vous voulez bénéficier de plus d’options de mise en page, rendez-vous dans les Options avancées.

Advanced layout options

Options avancées d’affichage

  1. Cliquez sur le panneau Options avancées
  2. Cliquez sur le bouton radio en dessous de la mise en page que vous souhaitez appliquer à votre page.
  3. Cliquez sur le bouton Enregistrer pour retourner au contenu de l’éditeur de contenu.

Vous pouvez aussi créer votre propre mise en page en vous rendant dans la zone Créer une mise en page personnalisée, où vous pouvez être plus précis sur le nombre de lignes et sur la taille des colonnes qu’elles contiennent.

Custom layout options

Créer une mise en page personnalisée

  1. Cliquez sur le panneau Créer une mise en page personnalisée
  2. Nombre de colonnes : Choisissez le nombre de colonnes que vous désirez afficher dans une ligne en question. Vous pouvez avoir jusqu’à 5 colonnes maximum.
  3. Répartition des colonnes : Choisissez les pourcentages de répartition de l’espace pour chaque colonne dans la ligne sélectionnée.
  4. Cliquez sur le bouton Ajouter une ligne pour ajouter une nouvelle ligne votre mise en page qui aura une présentation des colonnes différente de la précédente. Vos pouvez créer jusqu’à 6 lignes.
  5. Cliquez sur le bouton Supprimer pour supprimer une ligne de votre modèle.
  6. Prévisualisation : Cet espace affiche un aperçu de votre modèle.
  7. Cliquez sur le bouton Créer une nouvelle mise en page pour générer celle-ci et la placer dans le sélecteur des mises en page. Vous retrouvez la mise en page créée dans la section Options avancées, et vous pouvez alors l’utiliser pour toutes vos pages de votre portfolio.
  8. Cliquez sur le bouton Enregistrer pour retourner au contenu de l’éditeur de contenu.

Note

Vous pouvez ensuite ajouter plus d’un bloc à chaque ligne. Les blocs seront placés les uns en dessous des autres dans la colonne que vous aurez sélectionnée. Si vous désirez modifier la présentation des blocs sur votre page, vous pouvez toujours ajouter une nouvelle ligne qui aura la même présentation des colonnes ou une présentation différente.

5.2.4. Boîte à outils

Tous les différents blocs de contenu, ainsi que les blocs contenant des ressources externes au portfolio, sont accessibles via le sélecteur de contenu.

Le sélecteur de contenu est accessible sur la partie gauche de la page lorsque vous êtes entré dans le mode d’édition. Il est fixe et ne défile pas avec la fenêtre. Il est donc facile d’ajouter du contenu même lorsque l’on se trouve en bas d’une très longue page.

Content chooser

Les différents types de contenus sont accessibles depuis le sélecteur de contenu

  1. Les blocs Texte ou Image étant ceux qui sont le plus souvent utilisés, vous pouvez les sélectionner directement, sans devoir choisir une catégorie d’outil, depuis le sélecteur.

    Note

    Il est possible que vous ayez à disposition d’autres blocs que ceux présentés ici, ou dans un ordre différent. L’ordre et la disponibilité des blocs est gérée par l’administrateur du site. Il existe une API à disposition des programmeurs pour faciliter l’ajout des différents items.

  2. Vous pouvez accéder aux autres blocs de contenu par leur panneau propre :

    • Média : contient les blocs permettant d’inclure des liens vers des fichiers à télécharger, des dossiers, ou dans le cas d’images ou de vidéos, d’être affichés directement sur la page.
    • Journaux : différents types de bloc permettant d’afficher sur la page des journaux entiers, un seul article ou un ensemble d’articles.
    • Général : contient différents blocs dont le contenu est de nature générale
    • Informations personnelles : sélectionnez les informations contenues dans votre profil ou dans votre CV afin de les afficher dans un bloc
    • Externes : contient des blocs permettant d’afficher sur la page le résultat de flux RSS, des médias stockés sur d’autres serveurs ou des documents GoogleDocs, etc.

    Voir aussi

    Les possibilités offertes par chaque bloc, que vous pouvez utiliser dans les pages de vos portfolios et dans les pages des groupes, sont décrites dans la section concernant les blocs des différentes productions.

  3. Thème : Vous devriez pouvoir choisir un thème à appliquer à votre page de portfolio. Si c’est le cas, vous avez à disposition un menu déroulant Thème que vous pouvez utiliser. Depuis ce menu, vous pouvez choisir un des thèmes à disposition pour modifier la présentation graphique dans laquelle sera affichée votre page de portfolio aux personnes qui y auront accès.

    Voir aussi

    L’administrateur du site doit avoir autorisé l’utilisation des thèmes, dans les préférences des utilisateurs au niveau du site, pour que celles-ci soient disponibles.

  4. Cliquez sur la flèche vers la gauche pour réduire la taille du sélecteur de contenu. Seules les icônes seront alors affichées, sans la légende, vous donnant plus d’espace pour la page.

  5. Cliquez sur la flèche vers la droite pour afficher la légende de chaque icône du sélecteur de contenu.

    Note

    Le sélecteur de contenu est affiché par défaut en mode icônes seules sur les petits formats d’écran afin de maximiser l’espace dévolu au travail sur la page.

5.2.5. Zone de mise en page

La zone de mise en page est l’espace dans lequel vous pouvez arranger et afficher le contenu de votre portfolio. Les points suivants sont importants à connaître pour maximiser l’usage de cette zone :

  • Chaque contenu y est placé en glissant et déposant les blocs dans cet espace.

    Note

    Si vous n’utilisez que le clavier pour vous déplacer dans Mahara, vous pouvez aussi l’utiliser pour placer des blocs sur une page.

  • Les contenus sont arrangés comme une succession d’information placée de manière continue dans une colonne. Vous pouvez aussi aligner ceux-ci verticalement par ligne si vous le désirez.

  • Vous pouvez modifier l’arrangement des blocs en cliquant sur leur en-tête, puis en les glissant et déposant à un nouvel endroit.

  • Vous pouvez modifier les paramètres d’un bloc en cliquant sur le bouton Configurer .

  • Les modifications de la présentation de la page et de l’arrangement des blocs sont enregistrées automatiquement. Au moment où vous enregistrez une modification dans un bloc, celle-ci est directement visible aux autres utilisateurs qui consulteraient votre page.

Drag a block into the page layout area

Glisser un bloc sur votre page et configurer ses options

  1. Cliquez sur le bloc dont vous aimeriez afficher le contenu, puis glissez-le dans la zone de travail de la page.
  2. Une zone traitillée apparaît vous montrant où le bloc va être placé. Lâchez-le à l’endroit que vous désirez.
  3. Suivez les instructions à l’écran pour décider quel bloc et quel contenu vous voulez placer sur la page. Veuillez vous référer à la section sur la sélection des blocs pour plus d’information sur chaque bloc et chaque paramètre que vous pouvez lui configurer.

Voir aussi

Consultez la section modifier la présentation pour apprendre comment modifier le nombre de lignes et de colonnes d’une page, et comment modifier la largeur de chaque colonne.