Scolasite.net, le créateur de site web au service des enseignants. Guide d'administration du site Internet. Page 1

Transcription

1 Guide d'administration du site Internet Page 1

2 Scolasite permet de créer rapidement un site Internet, sans connaissances techniques particulières. Spécialement destiné aux établissements scolaires, son utilisation est très simple et intuitive. Dans ce document, vous trouverez les informations essentielles pour bien démarrer. En moins d'une heure, vous poserez les bases de votre site et en quelques heures celui-ci sera opérationnel (à condition bien sûr d'avoir préparé auparavant les textes et photos que vous désirez afficher!) Première étape : identification Vous venez de recevoir par courriel deux adresses internet: La première permet d'accéder au site web (adresse de consultation du site). Vous la diffuserez auprès des personnes de votre choix (parents, enseignants, élus ). La seconde adresse vous permet d entrer dans l interface de création et d administration du site web. Il vous suffira de taper l identifiant et le mot de passe figurant dans le courriel. C'est ici que vous pourrez composer vos pages Web, les enregistrer, les publier... ou encore modifier votre mot de passe. Page 2

3 Mise en route rapide de votre Scolasite Dans les pages suivantes, vous trouverez les réponses aux questions cidessous : Comment entrer dans l interface de création du site? Comment modifier la page d accueil de votre site web? Comment visualiser votre site? Comment insérer une photo/image dans une page? Comment créer une nouvelle page? Comment organiser les pages dans le menu? Comment insérer un accessoire? Comment insérer un lien vers un autre site? Comment changer la taille de la police? Comment ajouter un communiqué / une information? Comment créer une galerie d images? Comment modifier l'apparence du site? Comment personnaliser l'en-tête? Page 3

4 Comment entrer dans l interface de création du site? Lancez votre navigateur Internet (de préférence Firefox) et tapez l adresse d administration du site, donnée dans le mail de validation de l inscription. Vous devez ensuite vous identifier : tapez l'identifiant et le mot de passe indiqués dans le mail. Puis cliquez sur Connexion. Vous arrivez sur le tableau de bord d administration de votre site web. Description de l interface d'administration : Cet outil permet d organiser librement les contenus de votre site web, sans nécessiter de connaissance en langage HTML. Menu pour la création / gestion des pages, la gestion des médias, des accessoires, des utilisateurs Les informations sur votre abonnement Comment modifier la page d accueil de votre site web? Lors de la création de votre site web, il y a par défaut une page «Accueil». C est cette page qui s affiche quand on accède à votre site internet. Nous allons la modifier en mettant par exemple l adresse de l école. Cliquez sur Pages. Déplacez le curseur de la souris sur la page Accueil puis choisissez Modifier. Page 4

5 Vous arrivez sur l écran de rédaction d une page : 1 - Cliquez pour modifier le titre de la page. (Ce titre est important car il identifie votre page. Il s affichera dans le menu à gauche, sur votre site.) 2 - Saisissez le texte de la page. (par ex, message de bienvenue, adresse de l'école, etc.) 3 - Cliquez ici pour sauvegarder et mettre à jour la page. Pour visualiser vos modifications, cliquez sur "Prévisualiser ". Astuce importante : La touche Entrée provoque un retour à la ligne et le saut d une ligne (on crée un nouveau paragraphe). Si vous souhaitez simplement revenir à la ligne, appuyez simultanément sur les touches Majuscule et Entrée. Les icônes importantes de l éditeur : Fonctions classiques de mise en forme Afficher/cacher les fonctions avancées Mode simplifié Coller un texte qui a été copié depuis Word Annuler la dernière modification Comment visualiser votre site? Quand vous intervenez sur une page, vous pouvez cliquer sur Prévisualiser les modifications (voir ci-dessus). Vous pouvez aussi survoler le titre de votre Scolasite, puis cliquer sur Aller sur le site : Le navigateur affiche le site web final tel que le verront vos visiteurs. Page 5

6 Cette bande noire permet un accès rapide aux fonctions d'administration de votre site. Elle s'affiche uniquement si vous êtes connecté en administrateur. Le titre de chaque page s affiche automatiquement dans ce menu. Contenu de la page sélectionnée Insérer une photo ou une image dans une page. Supposons que vous vouliez insérer une image sur cette page d'accueil, par exemple la photo de l école prise avec un appareil numérique. Vous n avez pas à vous soucier du format ou de la taille du fichier. L interface d administration va s occuper de tout automatiquement (transfert sur votre site, cadrage et affichage). Suivez alors la procédure suivante, qui est également valable pour n'importe quelle autre page : 1- Placez le curseur à l'endroit où vous voulez insérer l image. 2 Cliquez sur l icône Ajouter un média. Page 6

7 Il s affiche alors une boite de dialogue pour l insertion de votre image : 1- Cliquez sur le bouton Sélectionner des fichiers 2- Une fenêtre s affiche pour choisir le fichier. 4 Choisir la photo en cliquant dessus puis sur le bouton Ouvrir. 3 Sélectionner le dossier où se trouve la photo à insérer. Astuce : La sélection de la photo est plus simple en visionnant les miniatures. Si vous voyez uniquement les noms de fichiers, nous conseillons de cliquer sur l icône "Icônes moyennes". et de choisir Une barre de progression s affiche : elle indique l'état du transfert de votre photo sur le serveur web. Une fois le fichier envoyé, vous obtenez ceci : Page 7

8 Si vous entrez un descriptif de l'image, vous la retrouverez plus facilement avec l outil de recherche. Vous pouvez définir l'action qui se déclenchera lors du clic sur l'objet : -Fichier média", pour visualiser l'image en grand. - Lien personnalisé" : pour rediriger sur un lien web. - Aucun" : le clic ne déclenchera aucune action. Choisissez la taille de l image sur votre page web. La taille Large correspond à la largeur maximum d affichage. Cliquer sur Insérer dans la page pour insérer la photo. Dans l édition de la page, il est possible de revenir sur ces réglages, en cliquant sur l image et en choisissant l icône Page 8

9 Comment créer une nouvelle page? Nous allons créer une nouvelle page pour afficher par exemple des informations sur un sujet particulier : 1 Cliquer sur Pages 2 Cliquer sur Ajouter Vous arrivez alors sur l écran de création d une page. Saisir le titre de la page (il s affichera dans le menu du site) Vous pouvez enregistrer la page en brouillon, c est-à-dire qu elle ne sera pas visible sur votre site pour le moment......ou cliquer sur Publier, pour un affichage immédiat sur le site. Saisir le contenu de votre page, ou le copier à partir d un document. Page 9

10 Comment organiser les pages dans le menu? 1) Ordre d'affichage des pages Par défaut, les pages du menu (colonne de gauche) sont classées par ordre alphabétique. Vous pouvez changer cet ordre en fixant un numéro pour chaque page. Vous pouvez fixer un nombre pour modifier l ordre d apparition de cette page. 2) Regrouper plusieurs pages dans une catégorie Supposons que vous vouliez créer une catégorie "Fournitures scolaires" comprenant plusieurs pages : "Fournitures pour le CP","Fournitures pour le CE","Fournitures pour le CM". C'est très simple : créez une nouvelle page "Fournitures scolaires" puis changez les attributs de chacune des pages CP, CE et CM comme indiqué ci-dessous : Définissez cette page comme sous-page d une autre. Dans le menu, elle apparaîtra en retrait de la page principale. Page 10

11 Comment insérer un accessoire? Des accessoires prédéfinis permettent d'ajouter facilement des fonctions à votre site. Liste des accessoires disponibles (*): - Accessoire Restaurant Scolaire (*): pour afficher les menus du restaurant scolaire. - Accessoire Recherche (*) : pour afficher un outil de recherche. - Accessoire Formulaire de contact (*): pour afficher les coordonnées de l'établissement et vous contacter. - Accessoire Actualités(*) : pour afficher une information, un événement particulier, etc. - Accessoire Statistiques (*): pour afficher le nombre de visiteurs en ligne et le nombre total de visiteurs depuis la création du site. (*) Ces accessoires sont disponibles avec l offre Standard ou l offre Premium. Les accessoires s'affichent sur toutes les pages du site, dans une colonne à gauche. Pour insérer/enlever un accessoire : Dans l'interface d'administration, choisissez Apparence puis Accessoires. Une page apparaît avec deux zones : - Zone 1 : liste des accessoires disponibles - Zone 2 : colonne de gauche Pour insérer un accessoire, déplacez-le avec la souris de la zone 1 vers la zone 2. Pour enlever un accessoire, déplacez l'accessoire de la zone 2 vers la zone 1. Sur votre site, les accessoires s affichent dans une colonne à gauche, selon l ordre défini dans la zone 2. Pour changer cet ordre : - dans la zone 2, placez le curseur de la souris sur le nom de l accessoire. - maintenez appuyé le bouton gauche de la souris et déplacez l accessoire vers le haut ou le bas. Actualités : pour saisir une actualité, cliquez sur Actualités dans le menu vertical de gauche dans l'interface de gestion. Comment insérer un lien vers un autre site? Il existe plusieurs cas : - Insertion d'une adresse web (URL) : l éditeur reconnaît et insère automatiquement le lien dès que vous tapez la touche Entrée. - Insertion dans un texte quelconque : 1 Sélectionnez le texte où vous souhaitez ajouter un hyperlien. 2 Cliquez sur Insérer un lien. Page 11

12 Une fenêtre s ouvre et vous pouvez saisir l adresse web de votre lien. - Insertion sur une image/photo : lors de l insertion d une image, saisissez l adresse web dans le champ Lier à Lien personnalisé. Comment changer la taille de la police? La taille d affichage des textes varie selon les réglages du navigateur lors de chaque visite. C est pour cela que vous ne pouvez pas choisir la taille de la police texte. Mais vous avez la possibilité de changer les styles d écriture de chaque paragraphe, suivant leurs fonctions. Sous Scolasite nous gérons les styles standard : - un style Paragraphe : format paragraphe. - un style Préformaté, si on veut un espacement fixe du texte (c est utile pour la création d'un tableau). - un style spécifique pour l écriture d adresse. - six tailles de Titre (Titre 1, Titre 6, classés en tailles décroissantes). Comment ajouter un communiqué / une information? Vous souhaitez informer vos visiteurs d une prochaine réunion, d un prochain événement Il est possible de le faire très simplement en utilisant la partie Actualités. 2- Saisissez un titre et le contenu de l information. 1 Dans Actualités, cliquez sur Ajouter. 3 Cliquez sur Terminé puis sur Enregistrer les modifications. Sur le site, l information apparaîtra sur toutes les pages dans la colonne de gauche. Page 12

13 Comment créer une galerie d images? Vous pouvez afficher une "galerie d'images" sur n'importe quelle page du site. - Tout d'abord, choisissez la page en cliquant sur Pages puis sur le titre de la page. - Cliquez alors sur Ajouter un média, puis sur l'onglet Créer une galerie. S'il y a déjà des images dans la bibliothèque, elles apparaissent, vous pouvez les sélectionner pour créer votre galerie. 2 - Sélectionnez tout ou partie des photos avec la souris. 1 - Dans l éditeur d une page, choisissez Ajouter un média puis Créer une galerie. 3 - Cliquez sur Créer une galerie, pour passer à la suite 1 - Choisissez les paramètres d affichage de la galerie. 2 - Cliquez sur Insérer dans la galerie pour terminer votre travail. Page 13

14 Dans l éditeur la galerie apparaît avec un cadre gris. Il est possible de modifier la galerie en cliquant sur le cadre gris, puis sur l'icône l icône Modifier la galerie pour modifier la galerie Sur le site, la galerie s affichera automatiquement. Il est possible de cliquer sur les photos pour les voir en grande taille. Page 14

15 Comment modifier l'apparence du site? (offre Standard ou Premium) Il est possible de changer très rapidement l'apparence du site. Dans le menu Apparence, vous avez le choix de plus de 20 thèmes. Sélectionnez le thème désiré et cliquez sur Activer. Comment personnaliser l'en-tête? (offre Standard ou Premium) Vous pouvez personnaliser le bandeau qui s'affiche en haut de toutes les pages. Dans le menu Apparence, choisir En-tête et suivez la procédure décrite. À tout moment, vous pouvez consulter l'aide en ligne en cliquant sur le bouton Aide en haut à droite de chaque page. Pour tout renseignement complémentaire, vous pouvez nous écrire à Page 15