Aide : - Scolasite

publicité
Scolasite.net, le créateur de site web au service des enseignants
Guide
d'administration du
site Internet
Page 1
Scolasite.net, le créateur de site web au service des enseignants
Scolasite.net, le créateur de site web au service des enseignants
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
d’administration du site web.
permet
d’entrer dans
l’interface
de
création et
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
Scolasite.net, le créateur de site web au service des enseignants
Scolasite.net, le créateur de site web au service des enseignants
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
Scolasite.net, le créateur de site web au service des enseignants
Scolasite.net, le créateur de site web au service des enseignants
 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
Scolasite.net, le créateur de site web au service des enseignants
Scolasite.net, le créateur de site web au service des enseignants
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
Coller un texte qui a
été copié depuis Word
Afficher/cacher les
fonctions avancées
Mode
simplifié
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
Scolasite.net, le créateur de site web au service des enseignants
Scolasite.net, le créateur de site web au service des enseignants
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
Scolasite.net, le créateur de site web au service des enseignants
Scolasite.net, le créateur de site web au service des enseignants
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
Scolasite.net, le créateur de site web au service des enseignants
Scolasite.net, le créateur de site web au service des enseignants
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
Scolasite.net, le créateur de site web au service des enseignants
Scolasite.net, le créateur de site web au service des enseignants
 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
Scolasite.net, le créateur de site web au service des enseignants
Scolasite.net, le créateur de site web au service des enseignants
 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
Scolasite.net, le créateur de site web au service des enseignants
Scolasite.net, le créateur de site web au service des enseignants
 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
Scolasite.net, le créateur de site web au service des enseignants
Scolasite.net, le créateur de site web au service des enseignants
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
Scolasite.net, le créateur de site web au service des enseignants
Scolasite.net, le créateur de site web au service des enseignants
 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
Scolasite.net, le créateur de site web au service des enseignants
Scolasite.net, le créateur de site web au service des enseignants
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
Scolasite.net, le créateur de site web au service des enseignants
Scolasite.net, le créateur de site web au service des enseignants

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 à [email protected]
Page 15
Scolasite.net, le créateur de site web au service des enseignants
Téléchargement