GUIDE D UTILISATION DU BACKOFFICE 1. Modifier les pages du site : - Aller dans l onglet «PAGE HTML», puis «Liste des pages HTML» - Pour visualiser votre page, cliquer sur le nom écrit en vert, dans la colonne «fichier HTML» - Pour modifier une page : cliquer sur le carré vert complètement à gauche, qui se trouve dans la colonne «Modifier», de la page désirée o Changer le texte dans les cases correspondantes, comme dans un document Word : il y a tous les outils nécessaires pour créer ou modifier les textes et images o Cliquer sur Modifier, tout en bas, pour enregistrer les modifications. 2. Modifier une box : Certains textes mis dans des cadres de couleur se trouvent dans une «box» : - Page d accueil : le bandeau violet Actualité & le post-it, - Page Parent : le rectangle bleu dans & le cadre «Mon enfant est» - Page partenaire / lycées : Le rectangle vert en haut & le cadre vert «ateliers au lycée» - Page partenaire / Enseignement supérieur : Le rectangle vert en haut Vous pouvez en modifier le contenu avec le même principe : - Aller dans l onglet «BOX», puis «Liste des Box» - Pour visualiser votre page, cliquer sur le nom écrit en vert, dans la colonne «fichier HTML» - Pour modifier une page : cliquer sur le carré vert complètement à gauche, qui se trouve dans la colonne «Modifier», de la box désirée o Modifier le texte, comme dans un document Word : il y a tous les outils nécessaires pour créer ou modifier le texte o Cliquer sur Modifier, tout en bas, pour enregistrer les modifications. INFORMATION IMPORTANTE Attention aux copier-coller
Comme dans tous les systèmes de gestion de contenu, faire un copier-coller depuis word engendre de nombreux problèmes (il introduit des caractères spéciaux). Pour remédier à cette difficulté, il faut utiliser la fonction «coller de word» qui enlève tous les éléments perturbateurs et cocher «supprimer les styles». Coller de Word : Cette option permet de coller un texte provenant d un document word. Il ne faut donc pas utiliser la combinaison de touches Ctrl+V directement. - Les icônes de l éditeur : L éditeur vous permet de rédiger votre contenu facilement grâce à son interface se rapprochant de Word. De plus, le gestionnaire d'image intégré à l éditeur vous permet aussi d'uploader des images depuis le PC. Voici le détail des différentes options que nous offre l interface de l éditeur. Insérer / modifier une image : Cette option permet l insertion d image dans votre document. Quand vous rédigez votre contenu : Cliquez sur l icône désignant les images, apparaît alors la fenêtre de gestion des images
Cliquez ensuite sur «télécharger», puis sur «parcourir». Une nouvelle fenêtre s affiche, trouvez l emplacement de votre fichier, sélectionnez-le puis cliquez sur «ouvrir». Une fois revenu sur la fenêtre de l outil «insertion d image», cliquez sur «envoyer sur le serveur». Plusieurs options sont maintenant disponibles : vous pouvez modifier la taille de la photo, choisir son emplacement sur la page et choisir d inclure une bordure ou non (par défaut, une bordure sera ajoutée à la photo, si vous ne souhaitez pas avoir de bordure, entrez «0» dans la case «bordure») Propriété du document (icône désactivée) Nouvelle page : permet de remettre à zéro le document (attention) toutes les données seront effacées. Prévisualisation : vous permet d avoir un aperçu de la page web que vous rédigez.
Modèles : Vous propose quelques modèles de documents pour la rédaction de votre page web. Couper : Fonction classique «couper» des logiciels de traitement de texte. Copier : Fonction classique «copier» des logiciels de traitement de texte. Coller : Fonction classique «coller» des logiciels de traitement de texte. Coller comme texte : Cette fonction vous permet de coller un texte non formaté. Coller de Word : Cette option permet de coller un texte provenant d un document word. Imprimer : Cette option vous permet d imprimer votre document. Retour arrière : Annule la dernière opération enregistrée Refaire : refait l opération annulée Rechercher : Permet de faire une recherche sur votre document
Remplacer : Permet de rechercher une occurrence et la remplacer. Tout sélectionner : Permet de sélectionner l intégralité du document Supprimer Format : Cette option vous permet de supprimer le formatage attribué à une sélection. Très pratique pour recommencer la mise en page d une partie de texte à zéro. Gras : Permet de mettre le texte sélectionné en gras
Italique : Permet de mettre le texte sélectionné en italique Souligné : Permet de souligner le texte sélectionné Barré : Permet de barrer le texte sélectionné Indice : Permet de mettre en indice la sélection. Exposant : Permet de mettre la sélection en exposant. Insérer / supprimer une liste numérotée. Insérer / supprimer une liste à puce. Augmenter le retrait : Permet d ajouter un retrait à la sélection. (Décale vers la droite) Aligner à gauche : Permet d aligner la sélection à gauche. Centrer : Permet de centrer la sélection.
Aligner a droite : Permet d aligner la sélection à droite. Justifier le texte : Justifie le texte sélectionné à la largeur du document. Insérer / modifier un lien : Permet de proposer des liens web dans votre document. Type de lien : Url : Cette option vous permet de faire un lien vers une page web (sur votre site ou sur un autre site).
Dans l onglet destination, on désigne la manière dont le lien sera ouvert : Fenêtre poppup = dans une popup (a éviter) Blank = dans une nouvelle fenêtre _top / self = dans la même fenêtre etc Ancre dans cette page : Cette option vous permet de faire un lien vers un point d ancrage dans la page. Email : Vous permet de proposer un lien type «Mailto» (Email).
Insérer / modifier un point d encrage : permet d insérer dans la page en cours un point d encrage (afin de faire un lien vers ce point d encrage). Insérer / modifier un objet Flash : cette option vous permet d insérer dans votre document un fichier au format «flash». Insérer / Modifier un tableau : Cette option vous permet d ajouter et de paramétrer un tableau dans votre document.
votre tableau. : Permet de définir le nombre de lignes et colonnes que vous voulez insérer à : Permet de déterminer la largeur et hauteur de votre tableau. : Permet de définir l affichage de la bordure, l espacement des cellules, le contour, et l alignement. un résumé à votre tableau : Permet de donner un titre et Insérer un séparateur : Insère une ligne de séparation dans votre document. Insérer des smileys :
Insérer un caractère spécial Style : Permet de définir un style de texte pour la sélection.
Format : Permet de définir un format de texte pour la sélection. Police : Choix de la police de caractère pour le texte sélectionné Taille : Permet de définir la taille du texte sélectionné Lorsque vous avez fini d éditer le contenu de votre page, enregistrez en cliquant sur le bouton enregistrer.
Couleur du texte : Permet de choisir la couleur du texte sélectionné Couleur de fond : Permet de choisir la couleur d arrière plan pour la sélection. ASTUCE Marge Il est possible de modifier la marge de gauche sur votre page grâce aux boutons «augmenter / diminuer le retrait». En revanche, votre texte ira, par défaut, toucher le bord de la page à droite. Il est donc utile de savoir que vous pouvez obtenir une marge à droite en insérant un tableau. Vous pourrez y glisser vos textes et/ou vos images. Plusieurs options sont disponibles, comme le choix des dimensions, le nombre de lignes et de colonnes, ainsi que sa position sur la page.