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