Download Notice d`utilisation de WSB

Notice d'utilisation de WSB
Connexion au WSB
http://www.wsb.torop.net/
Login :
Login :
Fourni par Torop.net
Fourni par Torop.net
Mot de passe :
Mot de passe :
Fourni par Torop.net
Fourni par Torop.net
Connexion sécurité :
Si votre session reste ouverte sans activité pendant plus de 20 minutes, le WSB se
déconnecte automatiquement.
Attention : vous devez autoriser les pop-up pour le site WSB.
Gestion de votre site et de vos outils
Votre site : cliquez
Votre site : cliquez
dessus pour accéder
dessus pour accéder
à la gestion de votre site
à la gestion de votre site
Autre(s) site(s) si vous disposez
Autre(s) site(s) si vous disposez
de plusieurs sites
de plusieurs sites
Accès aux statistiques de votre site
Accès aux statistiques de votre site
Accès et gestion de vos différents outils
Accès et gestion de vos différents outils
(liste variable selon les cas)
(liste variable selon les cas)
Le menu de votre site
Gestion des pages sur WSB
Créer une nouvelle page dans le menu.
Créer une nouvelle page dans le menu.
Page niveau principal.
Page niveau principal.
Modification du contenu
Modification du contenu
de la page
de la page
Créer une sous-page
Créer une sous-page
de cette page
de cette page
Modifier l'en-tête
Modifier l'en-tête
de la page (cf ci-dessous)
de la page (cf ci-dessous)
Liste des pages
Liste des pages
de votre menu
de votre menu
Masquer la page
Masquer la page
dans le menu (M)
dans le menu (M)
et/ou dans le plan (P)
et/ou dans le plan (P)
Supprimer
Supprimer
cette page
cette page
Validation des modifications du menu.
Validation des modifications du menu.
Génération du menu et plan du site.
Génération du menu et plan du site.
Légende des icônes
Légende des icônes
Quelques boutons importants :
= Masquer les pages dans le menu :
– Idéal pour préparer des pages à l'avance, sans les faire apparaître tout de suite dans le menu.
= En-tête de la page : Partie cachée, utilisée par les moteurs de recherche.
– Titre de la page
– Nom de la page dans le menu
– Description de la page
– Mots-clés
– Emplacement de la page dans le menu
Le menu de votre site
Les sous-pages
Détail des sous-pages de
Détail des sous-pages de
la page principale « La Haute-Saone »
la page principale « La Haute-Saone »
Cliquez sur les + pour
Cliquez sur les + pour
afficher les sous-pages
afficher les sous-pages
Mettre à jour le plan et le menu. N'oubliez pas de cliquer sur cet onglet à chaque
Mettre à jour le plan et le menu. N'oubliez pas de cliquer sur cet onglet à chaque
fois que vous créez une nouvelle page, sinon elle n'apparaîtra pas sur votre site.
fois que vous créez une nouvelle page, sinon elle n'apparaîtra pas sur votre site.
Exemple :
Les sous pages visibles ci-dessus apparaissent sur le site dans un menu déroulant :
Menu déroulant avec les sous-pages
Menu déroulant avec les sous-pages
Création d'une nouvelle page
Compléter l'en-tête de la page
Titre de la page : il apparaît en haut
Titre de la page : il apparaît en haut
dans le navigateur (voir exemple ci-dessous)
dans le navigateur (voir exemple ci-dessous)
Un titre bref mais explicite pour le menu.
Un titre bref mais explicite pour le menu.
Exemple : présentation, contact, liens...
Exemple : présentation, contact, liens...
Rarement modifiés
Rarement modifiés
Mots clés :
Mots clés :
Mots les plus représentatifs de
Mots les plus représentatifs de
votre page,
votre page,
à séparer par une virgule.
à séparer par une virgule.
Description de la page : bref résumé du contenu de votre page,
Description de la page : bref résumé du contenu de votre page,
apparaît dans les moteurs de recherche (cf exemple ci-dessous)
apparaît dans les moteurs de recherche (cf exemple ci-dessous)
Utilisateur avancé : insertion de code de programmation
Utilisateur avancé : insertion de code de programmation
JavaScript entre les balises <head> et </head>
JavaScript entre les balises <head> et </head>
Choisir la place de votre
Choisir la place de votre
page dans le menu
page dans le menu
Valider la création de votre page
Valider la création de votre page
Exemple : Titre de la page
Le titre est très important pour le bon référencement de votre site : il doit être composé de 5 à
10 mots en corrélation avec le contenu réel de la page (mots-clés). Ce titre sera repris dans les
résultats des moteurs de recherche, par exemple Google.
Titre de la page
Titre de la page
Description de la page,
Description de la page,
telle qu'elle apparaît dans Google
telle qu'elle apparaît dans Google
________________________________________________________________________
Création d'une nouvelle page
Modification de l'en-tête
Une fois la page créée, vous pouvez modifier certains paramètres (date de création et changement de
dépendance) en cliquant sur l'icône « modifier l'en-tête de la page » :
Modifier la date de création
Modifier la date de création
de la page : permet par exemple
de la page : permet par exemple
d'ordonner des actualités
d'ordonner des actualités
Changer la dépendance de la
Changer la dépendance de la
page, afin de faire dépendre votre
page, afin de faire dépendre votre
page d'une nouvelle catégorie.
page d'une nouvelle catégorie.
________________________________________________________________________
Editeur WSB
Mise en page
Aperçu de la page
Aperçu de la page
dans le navigateur
dans le navigateur
Vous devez enregistrer votre travail
Vous devez enregistrer votre travail
au maximum toutes les 60 minutes.
au maximum toutes les 60 minutes.
Modifier l'en-tête de votre page
Modifier l'en-tête de votre page
Retour à la gestion
Retour à la gestion
des pages
des pages
(sans enregistrer)
(sans enregistrer)
Couper
Couper
Copier
Copier
Coller
Coller
Coller à partir d'un texte
Coller à partir d'un texte
créé sous Word
créé sous Word
Insérer des caractères
Insérer des caractères
spéciaux
spéciaux
Enregistrer
Enregistrer
vos modifications
vos modifications
Insérer un texte défilant
Insérer un texte défilant
Insérer un Pdf
Insérer un Pdf
(fonctionne comme
(fonctionne comme
l'insertion d'une image)
l'insertion d'une image)
Insérer un lien
Insérer un lien
Insérer une ancre
Insérer une ancre
(Cf mode d'emploi dans
(Cf mode d'emploi dans
les pages suivantes)
les pages suivantes)
Modifier le texte
Modifier le texte
au survol de l'image
au survol de l'image
Insérer une image (Cf le mode d'emploi dans les pages suivantes)
Insérer une image (Cf le mode d'emploi dans les pages suivantes)
Réglages et mise en forme du texte
Choisir la taille
Choisir la taille
Italique
de police
Italique
Choisir la police
Choisir la couleur du
de police
Choisir
la
police
Choisir la couleur du
texte et du surlignage
texte et du surlignage
Choisir le type
Choisir le type
Souligné
Souligné
de paragraphe
Gras
de paragraphe
Gras
Exposant
Exposant
Caractères
Caractères
spéciaux
spéciaux
Indice
Indice
Choisir l'alignement
Choisir l'alignement
du paragraphe
du paragraphe
Décaler le texte à
Décaler le texte à
droite ou à gauche
droite ou à gauche
Barré
Barré
Faire des listes
Faire des listes
Important :
Pour effectuer un saut de ligne, faire Shift ( ) + Entrée.
Si ce saut de ligne est vide (sans texte, ni image...), mettre un espace pour valider ce saut de ligne.
La touche Entrée effectue deux sauts de lignes.
Créer un tableau
Barre de bouton des tableaux
Créer un nouveau tableau
Créer un nouveau tableau
Boutons actifs seulement lors
de la modification d'un tableau
Modifier les propriétés
Modifier les propriétés
de la ligne
de la ligne
Scinder ou fusionner
Scinder ou fusionner
des cellules
des cellules
Supprimer
Supprimer
une ligne
une ligne
Modifier les propriétés
Modifier les propriétés
de la cellule
de la cellule
Insérer une ligne
Insérer une ligne
avant ou après
avant ou après
Supprimer
Supprimer
une colonne
une colonne
Insérer une colonne
Insérer une colonne
avant ou après
avant ou après
Créer un tableau
Réglage des paramètres
Cliquer sur l'icône « Créer un nouveau tableau » :
Cette fenêtre s'ouvre :
Définir l'espacement entre
Définir l'espacement entre
la bordure et le texte
la bordure et le texte
Définir le format de votre tableau :
Définir le format de votre tableau :
choisir le nombre de colonnes et de lignes
choisir le nombre de colonnes et de lignes
Définir l'espacement
Définir l'espacement
entre les cellules
entre les cellules
Choisir l'alignement du
Choisir l'alignement du
tableau (centré, à droite,
tableau (centré, à droite,
à gauche)
à gauche)
Définir la largeur et la
Définir la largeur et la
hauteur du tableau
hauteur du tableau
Valider vos paramètres
Valider vos paramètres
A noter : Les espacements sont à indiquer en pixels ou en pourcentages. Votre tableau fera par exemple
60 % de la page, ou 200 pixels.
Insérer un objet multimédia
Insérer une phrase défilante
Insérer une phrase défilante
Insérer une image
Insérer une image
Insérer un document PDF
Insérer un document PDF
Insérer une animation Flash
Insérer une animation Flash
(Format .swf)
(Format .swf)
Insérer un code html ou Javascript
Insérer un code html ou Javascript
(Souvent utilisé pour les échanges
(Souvent utilisé pour les échanges
de liens).
de liens).
Le html est à utiliser de préférence
Le html est à utiliser de préférence
au Javascript.
au Javascript.
Insérer une image
Cliquez sur l'icône :
Cette fenêtre s'ouvre :
Vos dossiers :
Vos dossiers :
Pour classer les
Pour classer les
photos, images...
photos, images...
Supprimer
Supprimer
cette image
cette image
Cliquez sur une image
Cliquez sur une image
pour l'insérer dans votre page
pour l'insérer dans votre page
Déplacer votre image
Déplacer votre image
d'un dossier à un autre
d'un dossier à un autre
Permet d'aller chercher
Permet d'aller chercher
vos photos sur votre ordinateur
vos photos sur votre ordinateur
Nom du nouveau dossier que
Nom du nouveau dossier que
vous voulez créer
vous voulez créer
Fermer la bibliothèque
Fermer la bibliothèque
Confirmation de la création
Confirmation de la création
d'un nouveau dossier
d'un nouveau dossier
Insérer une image
Enregistrer une nouvelle image dans la bibliothèque
Après avoir cliquer sur "Ajouter une image" et "Télécharger l'image sur le serveur", cette fenêtre
s'ouvre:
Choisir la dimension de votre
Choisir la dimension de votre
image : la taille standard pour
image : la taille standard pour
illustrer une page est 250 ou
illustrer une page est 250 ou
300 px.
300 px.
Les tailles supérieures sont
Les tailles supérieures sont
destinées aux miniatures.
destinées aux miniatures.
Ajouter cette photo à la bibliothèque.
Ajouter cette photo à la bibliothèque.
Remarque :
Si vous tentez de charger des photos trop lourdes, WSB risque de rencontrer des difficultés. Il est conseillé
de redimensionner à l'avance les images à 500 ou 600 px.
Dans tous les cas, WSB redimensionne automatiquement les images trop lourdes.
Réglage des paramètres de l'image à insérer
Donnez un nom court
Donnez un nom court
mais explicite à vos images :
mais explicite à vos images :
cela améliore le référencement
cela améliore le référencement
Choisir le format auquel vous
Choisir le format auquel vous
voulez insérer l'image
voulez insérer l'image
Infos-bulles sur l'image :
Infos-bulles sur l'image :
Apparaît au passage de la souris.
Apparaît au passage de la souris.
Champ important à remplir :
Champ important à remplir :
il augmente le nombre de mots-clés
il augmente le nombre de mots-clés
sur votre site.
sur votre site.
Bordure de l'image :
Bordure de l'image :
Permet d'insérer un cadre
Permet d'insérer un cadre
autour de l'image en choisisautour de l'image en choisissant la taille, la couleur, et le
sant la taille, la couleur, et le
style (pointillés, tirets...)
style (pointillés, tirets...)
Alignement :
Alignement :
Aligner votre image à
Aligner votre image à
droite ou à gauche de
droite ou à gauche de
votre texte.
votre texte.
Permet de faire un lien de
Permet de faire un lien de
votre photo vers un autre site
votre photo vers un autre site
Permet de choisir la page de
Permet de choisir la page de
lien dans votre site
lien dans votre site
Permet de faire un lien
Permet de faire un lien
de votre photo vers une
de votre photo vers une
page de votre site
page de votre site
Important :
Important :
Si vous effectuez un lien vers un
Si vous effectuez un lien vers un
autre site, choisir de l'ouvrir dans
autre site, choisir de l'ouvrir dans
une nouvelle fenêtre.
une nouvelle fenêtre.
Fermer la bibliothèque
Fermer la bibliothèque
sans enregistrer
sans enregistrer
Retour à la bibliothèque
Retour à la bibliothèque
Validation de vos paramètres :
Validation de vos paramètres :
Votre photo est insérée.
Votre photo est insérée.
Paramètres de l'image en taille réduite (vignette)
Si vous choisissez l'option « Insérer l'image réduite », quelques différences apparaissent dans le cadre
inférieur :
Préférez cette option, elle ouvre
Préférez cette option, elle ouvre
la miniature dans une nouvelle fenêtre
la miniature dans une nouvelle fenêtre
Insérer un lien sur du texte
Surlignez avec la souris le(s) mot(s) sur le(s)quel(s) vous voulez effectuer un lien.
Puis cliquez sur :
Cette fenêtre s'ouvre :
Faire un lien vers un autre site
Faire un lien vers un autre site
Faire un lien vers une page
Faire un lien vers une page
de votre site
de votre site
Lorsque vous effectuez un lien
Lorsque vous effectuez un lien
vers un autre site, sélectionnez
vers un autre site, sélectionnez
toujours : « Ouvrir le lien dans
toujours : « Ouvrir le lien dans
une nouvelle fenêtre ».
une nouvelle fenêtre ».
Ainsi, le visiteur ne quitte pas
Ainsi, le visiteur ne quitte pas
votre site.
votre site.
Insérer une vidéo
Pour vos vidéos, nous vous conseillons de passer par des sites de partage de vidéo, tels YouTube,
Dailymotion...
Une fois vos vidéos enregistrées, ces sites vous donnent un code à insérer dans votre page :
Exemple Dailymotion :
Sélectionnez et copiez la totalité
Sélectionnez et copiez la totalité
du code (crochets y compris),
du code (crochets y compris),
signalé par « Embed code ».
signalé par « Embed code ».
Exemple YouTube :
En cliquant sur <Intégrer>, la fenêtre
En cliquant sur <Intégrer>, la fenêtre
ci-contre apparaît.
ci-contre apparaît.
Sélectionnez et copiez le code,
Sélectionnez et copiez le code,
ici surligné en bleu.
ici surligné en bleu.
Dans WSB :
Cliquez sur l'onglet « Insérer du code Html » :
Cette fenêtre s'ouvre :
Copiez le code donné par les sites
Copiez le code donné par les sites
de partage de vidéo dans ce cadre.
de partage de vidéo dans ce cadre.
Insérer votre vidéo
Insérer votre vidéo
Insérer une ancre
L'ancre vous permet de naviguer à l'intérieur d'une page. Elle est surtout utilisée dans des pages très
longues, par exemple des Foire aux Questions.
Placez-vous à l'endroit où vous voulez insérer une ancre, cliquez sur « Insérer / Editer ancre » :
Cette fenêtre apparaît :
Nom de l'ancre
Nom de l'ancre
(ex : haut, 1, A...)
(ex : haut, 1, A...)
Ce nom n'apparaîtra
Ce nom n'apparaîtra
pas sur votre site.
pas sur votre site.
Valider l'insertion de cette ancre.
Valider l'insertion de cette ancre.
Surlignez avec la souris les mots sur lesquels vous voulez faire un lien vers l'ancre (exemple : « Retour en
haut de la page »).
Cliquez sur « Insérer un lien » :
Cette fenêtre apparaît :
Indiquer le nom de l'ancre
Indiquer le nom de l'ancre
(Cf ci-dessus)
(Cf ci-dessus)
Choisir cette option
Choisir cette option
Valider
Valider