| ETAPE 1 : MONTRER
PATTE BLANCHE |
Pas question d'entrer là-dedans sans
être dûment accrédité!
Tout à fait en bas de la page d'accueil du site tu trouveras un
discret lien nommé "Bureau", qui n'est là que
pour toi. Un clic sur Bureau et, pof, la fenêtre d'identification
ci-contre s'ouvre.
Entres-y, en minuscules, ton identifiant, ton mot de passe, puis valide
d'un clic sur le bouton idoine.
Attention! Si ton brouteur (brouteur
= navigateur, par exemple Mozilla, ou hélas Internet Explorer)
te propose de mémoriser ces éléments, méfiance!
N'accepte que si tu es sur ta bécane perso, n'accepte jamais si
tu utilises l'ordinateur d'une collectivité, a fortiori une collectivité
d'ados, genre collège ou lycée... Et méfie-toi des
ordis Salle des profs. On n'est jamais trop prudent avec les mots de passe!
Si tes codes sont valides, miracle, une nouvelle page, ci-dessous, s'ouvrira.
Dans le cas contraire, tu seras rejeté vers les ténèbres
extérieures. |
 |
 |
Clique sur Création et modification de pages.
Une nouvelle fenêtre s'ouvre.
C'est ton véritable outil de travail!
Tu as la main pour modifier tes pages déjà créées,
et la possibilité d'en créer de nouvelles. |
| ETAPE 2 : CREER OU
MODIFIER UNE PAGE |
|
Le menu ci-contre te propose
d'ouvrir une de tes pages ou d'en créer une nouvelle.
Pour créer une page :
1* Clique dans le menu sur "Nouvelle page".
Tu obtiens la barre ci-dessous
2* Tape un titre pour la page. Ce titre
va remplacer celui par défaut qui est "Nouvelle page".
Ton titre ne doit pas être vide car c'est lui qui sert de réference dans
les menus!
3* Formate ce titre selon tes souhaits:
Le bouton G met le texte en caractères gras
ou l'enlève
Le bouton I met le texte en caractères italiques
ou l'enlève
Le bouton S met le texte en caractères soulignés
ou l'enlève (c'est vivement déconseillé, car l'internaute
pense qu'il s'agit d'un lien...)
Le bouton cadre enlève le cadre qui entoure
le paragraphe ou le remet
Le bouton centrer permet de centrer le
texte ou de l'aligner à gauche
Le bouton + permet d'augmenter la taille de la police de
caractères
Le bouton - permet de diminuer la taille de la police de
caractères
Le bouton fond permet de choisir une couleur de
fond
Le bouton texte permet de choisir la couleur du texte
N'hésite pas à essayer ces différentes mises en forme... tu pourras toujours
faire machine arrière ! |
 |
4* Tu peux ensuite insérer un
ou plusieurs des éléments suivants dans ta page :
 |
Commençons par un insérer
un TITRE de rubrique |
a* Clique sur le bouton TITRE
de la ligne Insérer . Un cadre apparaît, au-dessus de cette
ligne, que tu n'as plus qu'à remplir en y tapant ton titre... Bien
entendu tu aurais tout aussi bien pu commencer en insérant une image ou
autre chose!
b* Formate ce titre de la même
façon que pour le titre général de la page.
c* Quand tu es satisfait, clique sur le bouton ENREGISTRER
de la barre rouge.
|
|
a* Clique sur le bouton TEXTE
de la ligne Insérer. Un cadre apparaît, au-dessus de cette ligne,
que tu rempliras en y tapant ton texte ou en faisant un copié-collé. C'est
tout ! Bien entendu tu aurais tout aussi bien pu commencer en insérant
une image !!! Attention, les images ne passent pas dans le copié-collé!
Il faudra procéder autrement, comme décrit ci-dessous.
Si tu as sauté l'étape TITRE ci-dessus, tu peux insérer
un titre au dessus du texte en cliquant sur le bouton "titre"
de la barrette qui se trouve au dessus du texte.
b* Quand tu es satisfait, clique sur le bouton ENREGISTRER
de la barre rouge.
A bien retenir: Lorsqu'on clique
dans la barre Insérer pour ajouter un élément, cet
élément se placera juste au-dessus de la
barre jaune. En cas d'erreur, on utlisera
le lien "Supprimer le ... ci-dessus.
|
Insérons un texte et
formatons-le |
a* Clique sur le bouton IMAGE
de la ligne Insérer .
Attention! Avec Mozilla et les navigateurs du
même type, l'insertion d'image fonctionne mais connaît des
problèmes d'affichage. Il vaut mieux hélas, utiliser Internet
Explorer.
Un cadre apparaît sur la partie gauche. C'est le cadre de la légende.
Une image par défaut apparaît dans la partie droite. Pour remplacer cette
image par la tienne, clique sur le bouton Parcourir qui
se trouve au-dessus du cadre de la légende. Choisis alors, sur ton disque
dur ou ta disquette, l'image souhaitée et valide. Ensuite, tape
la légende (si nécessaire)... Formate ce texte comme tu le souhaites.
C'est tout.
N.B.: La légende, ou le texte d'accompagnement, peut être
positionné là où tu le souhaite par rapport à
l'image: au-dessus, au-dessous, à droite, à gauche.
Pour cela, utilise les petites flèches. 
b* Si tu souhaites mettre un lien sur
cette image, clique sur le trombone juste à droite
des petites flèches.
Une petite fenêtre s'ouvre te permettant de saisir le lien; tu as
alors trois possibilités :
* taper un numéro de page (le numéro qui précède
le titre dans le bandeau bleu du menu à gauche): quand l'utilisateur
cliquera sur le paragraphe il ouvrira la page dont tu as tapé le
numéro.
* taper une adresse web complète(http://www.levillage.org par exemple).
* saisir ton email (comme mailto:gilbert@levillage.org par exemple) si
tu désires que les gens puissent t'écrire...N'oublie pas
de faire précéder ton email de "mailto:"
Saisis dans la boîte l'url complète du site et okette.
c* Quand tu es satisfait, clique sur le bouton ENREGISTRER
de la barre rouge.
|
Insérons une image et
sa légende ou son texte d'accompagnement, et positionnons le tout |
a* Tu peux aussi proposer le téléchargement
d'un DOCUMENT en procédant comme pour image : tape un bref
descriptif puis clique sur Parcourir pour choisir le Document
(fichier Texte, pdf ou Feuille de Calcul...) à mettre en téléchargement.
b* Ceci fait, clique sur le bouton ENREGISTRER
de la barre rouge. (Si le document est volumineux, cela peut prendre un
moment. Attends donc patiemment!)
|
Insérons un document |
a* Tu peux également insérer un (ou plusieurs)
tableau dans ta page.
Il te faudra choisir le nombre de colonnes, de lignes, l'espacement des
cellules et la hauteur des lignes à l'aide des signes + et -.
Ensuite, formater le tout selon tes goûts.
|
Insérons un tableau |
 |
Pour la largeur des colonnes il faut procéder de haut en bas.
Par exemple : pour 3 colonnes 30%, 40%, 30% il faut régler la colonne 1
à 30% puis la deux à 40% la 3 sera par complément à 30%. |
|
On valide et le tableau apparaît.
Il reste à emplir les cellules: pour entrer du texte dans une case il suffit
de se placer sur la cellule et de taper.
En revanche, pour insérer une image il faut préalablement cocher
la cellule concernée et cliquer sur "parcourir" |
|
Mise en forme du tableau. (Un peu délicat!)
Le
principe : cocher une ou plusieurs cellules, puis appliquer le formatage
souhaité.
Sur l'exemple ci-dessus, on vient de mettre en gras le contenu de la cellule
1.
Pour insérer une image dans la cellule 2, on décocherait la
cellule 1, cocherait la cellule 2, puis un clic sur "parcourir" pour rechercher
l'image à insérer.
On peut à tout instant modifier le format du tableau en cliquant sur "Edit".
|
|
In fine, ne surtout pas oublier de cliquer sur
Retourne sur le site voir ta page pour vérifier si tout va bien.
Il est d'ailleurs vivement conseillé d'effectuer cette vérification
régulièrement tout au long des manips de création de
la page, surtout "si on fait compliqué".
Bien entendu, il te faudra "actualiser" la page pour voir les
modifications. |
Quand tout est bon: ENREGISTRONS! |
Le bandeau de commandes de la page :
Ce bandeau te permet d'Enregistrer
la page (elle devient alors visible sur le site !).
Il te permet également de la Détruire
définitivement.
Tu peux aussi la Dupliquer.
Cela permet de construire très rapidement une série de pages sur le même
modèle, avec la même présentation. Cette façon de
procéder est vivement conseillée.
La page dupliquée a un petit bis à la fin du titre, sinon elle
est identique au modèle ! Tu peux également envoyer une copie de cette
page dans les archives ! Tu pourras alors modifier cette page ou bien
la détruire puisqu'elle sera archivée.
Les pages sont VISIBLES par défaut.
Tu peux les rendre non visibles (elles n'apparaissent alors plus dans
le sommaire).
Ces pages non visibles dans le sommaire peuvent être appelées
par les liens (on les voit uniquement en cliquant sur une image,
une légende ou un paragraphe).
ATTENTION Ton travail se fait en ligne et est donc visible dès
que tu cliques sur "Enregistrer", sauf si tu veuilles à décocher
la case "Visible"...
|
Gestion générale
de la PAGE |
|
Tu peuxégalement réorganiser les pages à
l'intérieur de la rubrique dont tu es responsable en cliquant sur
les flêches qui permettent de remonter ou descendre une page pour que l'ordre
soit plus logique dans le sommaire !
L'administrateur seul peut réorganiser tous les thèmes. |
|
FORMATAGE
Chaque paragraphe (titre
ou texte) est surmonté d'un bandeau
de commandes qui permet de le formater :
Le bouton trombone permet de mettre un lien
sur le texte (Attention! Sur la totalité du texte!)... explications
Le bouton G met le texte en caractères gras
ou l'enlève
Le bouton I met le texte en caractères italique
ou l'enlève
Le bouton S met le texte en caractères soulignés
ou l'enlève
Le bouton cadre met ou enlève un cadre
autour le paragraphe
Le bouton centrer permet de centrer
le texte ou de le laisser aligné à gauche
Le bouton + permet d'augmenter la taille de la police
de caractères
Le bouton - permet de diminuer la taille de la police
de caractères
Le bouton fond permet de choisir la couleur de
fond du paragraphe
Le bouton texte permet de choisir la couleur
du texte
N'hésite pas à essayer ces différentes mises en forme... tu pourras toujours
faire machine arrière !
Chaque image (ou document)
est surmonté d'un bandeau de commande permettant de formater la légende
et l'image :
Le bandeau est séparé en deux parties.
La partie de droite concerne le formatage de la légende,
ce sont les mêmes fonctions que pour le paragraphe (voir ci-dessus).
La partie de gauche permet deux types de commandes :
* Placer l'image à droite, à gauche, au dessus ou au dessous de la légende
(il suffit de cliquer sur la flêche adéquate).
* Mettre un lien sur l'image en cliquant sur le bouton trombonne de gauche...
explications
En somme tu peux disposer d'un lien sur la légende et d'un autre lien
(ou le même) sur l'image.
Chaque tableau est surmonté
d'un bandeau de commande permettant de formater la légende et l'image
:
Le bandeau est séparé en deux parties.
La partie de droite concerne le formatage des cellules
texte; ce sont les mêmes fonctions que pour le paragraphe (voir ci-dessus).
Sont formatées uniquement les cellules cochées !
La partie de gauche permet d'insérer (ou supprimer) une
image dans la (ou les) cellules cochées.:
Un document (texte, feuille
de calcul ou autre) à la différence d'une image n'apparaît pas à l'écran.
Il est symbolisé par une petite icône "document" qui permet d'ouvrir ou
télécharger le document en question... à condition bien
entendu que l'utilisateur du site dispose de l'application adaptée à ce
document... Les documents pdf sont les mieux adaptés à l'ensemble du parc
informatique actuel.
Types de documents:
.pdf. Document fac-similés. Nécessite Acrobat Reader
.rtf ou . doc. Documents texte. Nécessite un traitement de texte
.xls. Feuille de calcul. Nécessite un tableur genre Excel
.zip. Fichier compressé (pouvant contenir n'importe quel autre
type de fichier. Nécessite un programme genre WinZip
|
Récapitulons ce qui
a trait au FORMATAGE |
