publier sur le site du collège
TRANSCRIPT
PUBLIER SUR LE SITE DU COLLÈGE ©FGaujacq 1
DÉROULÉ DE LA FORMATION
1. Se connecter à l’interface de publication
2. Rédiger un article dans une rubrique
3. Ajouter une image à l’article
4. Ajouter un lien hypertexte
5. Finaliser la publication 2
Form
atio
n : p
ublie
r sur le
site d
u co
llège
SE CONNECTER À L’INTERFACE
DE PUBLICATION 3
Form
atio
n : p
ublie
r sur le
site d
u co
llège
SE CONNECTER À L’INTERFACE DE PUBLICATION
1. Allez sur le site du collège : http://www.clg-
moquet-gennevilliers.ac-versailles.fr/
2. Cliquez sur « se connecter » en bas à gauche du
site
3. Entrez vos identifiants :
Login : Initiale du prénom nom (ex. : hpotter pour
Harry Potter)
Mot de passe : xxxxxxxxx (mot de passe choisi lors
de l’inscription à la formation)
4. Cliquez sur « Espace privé » en haut du site
Web pour accéder à l'interface de publication.
4
Form
atio
n : p
ublie
r sur le
site d
u co
llège
SE CONNECTER À L’INTERFACE DE PUBLICATION
1. Allez sur le site du collège : http://www.clg-
moquet-gennevilliers.ac-versailles.fr/
2. Cliquez sur « se connecter » en bas à gauche du
site
5
Form
atio
n : p
ublie
r sur le
site d
u co
llège
SE CONNECTER À L’INTERFACE DE PUBLICATION
3. Entrez vos
identifiants :
Login : Initiale du
prénom nom (ex. :
hpotter pour Harry
Potter)
Mot de passe :
xxxxxxxxx (mot de
passe choisis lors
de l’inscription à la
formation)
6
Form
atio
n : p
ublie
r sur le
site d
u co
llège
SE CONNECTER À L’INTERFACE DE PUBLICATION
4. Cliquez sur « Espace privé » en bas du site
7
Form
atio
n : p
ublie
r sur le
site d
u co
llège
RÉDIGER UN ARTICLE DANS UNE
RUBRIQUE 8
Form
atio
n : p
ublie
r sur le
site d
u co
llège
RÉDIGER UN ARTICLE DANS UNE
RUBRIQUE
1. Cliquez sur le menu édition et choisissez « Articles »
2. Cliquez sur « Écrire un nouvel article » en bas de la page web
3. Écrivez votre titre : Les formations au CDI c'est super !
4. Cliquez dans « À l'intérieur de la rubrique » et choisissez le rubrique « CDI » puis sélection la sous-rubrique « Formations enseignants »
5. Confirmez le choix de la rubrique en cliquant sur « choisir »
6. Dans le champs « Texte » tapez : Mme Gaujacq est la meilleure professeure-documentaliste. Je viendrai à toutes ses formations et je lui amènerai des tartelettes aux framboises.
9
Form
atio
n : p
ublie
r sur le
site d
u co
llège
RÉDIGER UN ARTICLE DANS UNE
RUBRIQUE
1. Cliquez sur le menu édition et choisissez
« Articles »
10
Form
atio
n : p
ublie
r sur le
site d
u co
llège
RÉDIGER UN ARTICLE DANS UNE
RUBRIQUE
2. Cliquez sur « Écrire un nouvel article » en bas
de la page web
11
Form
atio
n : p
ublie
r sur le
site d
u co
llège
RÉDIGER UN ARTICLE DANS UNE
RUBRIQUE
3. Écrivez votre titre :
Les formations au CDI
c'est super !
12
Form
atio
n : p
ublie
r sur le
site d
u co
llège
RÉDIGER UN ARTICLE DANS UNE
RUBRIQUE
4. Cliquez dans « À l'intérieur de la rubrique » et
choisissez le rubrique « CDI » puis sélection la
sous-rubrique « Formations enseignants »
5. Confirmez le choix de la rubrique en cliquant
sur « choisir »
13
Form
atio
n : p
ublie
r sur le
site d
u co
llège
RÉDIGER UN ARTICLE DANS UNE
RUBRIQUE
6. Dans le champs « Texte » tapez : « Mme
Gaujacq est la meilleure professeure-
documentaliste. Je viendrai à toutes ses
formations et je lui amènerai des tartelettes
aux framboises. »
14
Form
atio
n : p
ublie
r sur le
site d
u co
llège
AJOUTER UNE IMAGE À
L'ARTICLE 15
Form
atio
n : p
ublie
r sur le
site d
u co
llège
AJOUTER UNE IMAGE À L’ARTICLE
1. Sur la gauche de votre page, dans l'encadré
« Ajouter une image ou un document » cliquez sur
« Parcourir » et aller récupérer l'image
« tarteletteauxframboises.jpg » dans le dossier
« Formation webredacteur » disponible dans le
serveur « Profs » de l'établissement
2. Cliquez sur « Téléverser ».,Ll'image apparaît alors
dessous avec trois codes permettant de l'ajouter à
l'article sur la gauche, au centre ou à droite.
3. Sélectionnez le code de l'image « center » et copiez le
afin de le coller sous le texte de votre article.
4. Au dessus de votre texte vous pouvez cliquer sur
« Voir » pour observer le résultat : MANIFAÏQUE 16
Form
atio
n : p
ublie
r sur le
site d
u co
llège
2. Sur la gauche de votre page, dans l'encadré
« Ajouter une image ou un document » cliquez
sur « Parcourir » et aller récupérer l'image
« tarteletteauxframboises.jpg » dans le dossier
« Formation webredacteur » disponible dans le
serveur « Profs » de l'établissement.
17
Form
atio
n : p
ublie
r sur le
site d
u co
llège
AJOUTER UNE IMAGE À L’ARTICLE
AJOUTER UNE IMAGE À L’ARTICLE
3. Cliquez sur « Téléverser ». L'image apparaît
alors dessous avec trois codes permettant de
l'ajouter à l'article sur la gauche, au centre ou à
droite.
18
Form
atio
n : p
ublie
r sur le
site d
u co
llège
AJOUTER UNE IMAGE À L’ARTICLE
4. Sélectionnez le code de l'image « center » et
copiez le afin de le coller sous le texte de votre
article.
19
Form
atio
n : p
ublie
r sur le
site d
u co
llège
AJOUTER UNE IMAGE À L’ARTICLE
5. Au dessus de votre texte vous pouvez cliquer sur
« Voir » pour observer le résultat :
MANIFAÏQUE
20
Form
atio
n : p
ublie
r sur le
site d
u co
llège
AJOUTER UN LIEN
HYPERTEXTE
21
Form
atio
n : p
ublie
r sur le
site d
u co
llège
AJOUTER UN LIEN HYPERTEXTE
1. Pour insérez un lien hypertexte il faut utiliser
un code html.
2. Tapez le code :
22
Form
atio
n : p
ublie
r sur le
site d
u co
llège
AJOUTER UN LIEN HYPERTEXTE
Pardon…
23
Form
atio
n : p
ublie
r sur le
site d
u co
llège
AJOUTER UN LIEN HYPERTEXTE
Pardon… C’était une blague !
24
Form
atio
n : p
ublie
r sur le
site d
u co
llège
AJOUTER UN LIEN HYPERTEXTE
Pardon… C’était une blague !
En fait c’est beaucoup plus simple ;)
Do not fear html !
25
Form
atio
n : p
ublie
r sur le
site d
u co
llège
AJOUTER UN LIEN HYPERTEXTE
1. Sous le code de l'image, sautez une ligne et écrivez : « En plus le site du CDI est vraiment génial »
2. Pour insérer un lien cliquable vers le site du CDI il faut taper le code html suivant : <a href="http://0921621m.esidoc.fr" target="_blank">site du CDI</a>
3. Cliquez sur « Enregistrez » sous votre article pour qu'une nouvelle fenêtre s'ouvre.
4. [FACULTATIF] Vous pouvez alors choisir des mots-clés (Ex. : CDI) pour le référencement de votre article ainsi qu'un logo si vous le souhaitez. 26
Form
atio
n : p
ublie
r sur le
site d
u co
llège
AJOUTER UN LIEN HYPERTEXTE
1. Sous le code de l'image, sautez une ligne et
écrivez : « En plus le site du CDI est vraiment
génial »
27
Form
atio
n : p
ublie
r sur le
site d
u co
llège
AJOUTER UN LIEN HYPERTEXTE
2. Pour insérer un lien cliquable vers le site du
CDI il faut taper le code html suivant :
<a href="http://0921621m.esidoc.fr"
target="_blank">site du CDI</a>
28
Form
atio
n : p
ublie
r sur le
site d
u co
llège
Ce code html peut être utiliser pour insérer
n'importe quel lien en suivant le principe
suivant :
<a href="http://www.adressedusite.com"
target="_blank">Nom du site</a>
29
Form
atio
n : p
ublie
r sur le
site d
u co
llège
AJOUTER UN LIEN HYPERTEXTE
3. Cliquez sur « Enregistrez » sous votre article pour
qu'une nouvelle fenêtre s'ouvre.
30
Form
atio
n : p
ublie
r sur le
site d
u co
llège
AJOUTER UN LIEN HYPERTEXTE
4. [FACULTATIF]
Vous pouvez
alors choisir des
mots-clés (Ex. :
CDI) pour le
référencement
de votre article
ainsi qu'un logo
si vous le
souhaitez.
31
Form
atio
n : p
ublie
r sur le
site d
u co
llège
5 : FINALISER LA PUBLICATION
Form
atio
n : p
ublie
r sur le
site d
u co
llège
32
FINALISER LA PUBLICATION
1. Pour que votre article soit enfin publié cliquez
sur « publié en ligne » dans le menu déroulant
sur la gauche de votre écran et cliquez sur
« changer » pour confirmer.
(Ne le faites pas, sérieusement, cet article c’est vraiment n’importe
quoi… je ne sais pas qui a eu cette idée !)
33
Form
atio
n : p
ublie
r sur le
site d
u co
llège
34
Form
atio
n : p
ublie
r sur le
site d
u co
llège
FÉLICITATION VOUS AVEZ
PUBLIÉ VOTRE PREMIER
ARTICLE !
Pour toute information complémentaire, ajout de
rubrique, fonctionnalités avancées, venez me voir
au CDI.
Fanny Gaujacq – Professeure-documentaliste
35
Form
atio
n : p
ublie
r sur le
site d
u co
llège