Sites web institutionnels de l`UNIL avec Jahia Les bases de Jahia

© ronstik - Fotolia.com
Sites web institutionnels de l'UNIL
avec Jahia
mars 2013
1
Les bases de Jahia
2
Jahia est un CMS
= content management system
= système de gestion de contenu web
• une application installée sur un serveur
• qui permet de créer et gérer un site
à partir d'un navigateur web
3
Zones éditables d'une page
page d'accueil
page de contenu
modifications en-tête +pied de page :
- s'adresser au helpdesk
4
Exemple d'une page
vue par les visiteurs du site :
vue par l'éditeur du site :
barre d'édition
icônes
d'édition
5
ajouter un élément
modifier un élément
supprimer un élément
trier les éléments
6
Les pages sont composées de boîtes de contenu
en-tête
titre de page
menu
boîte 1
boîte 2
boîte 3
pied de page
7
5 types de boîtes de contenu
5% des cas
- navigation dynamique
- flux RSS
contenu
standard
tableau
85%
des
cas
10%
des
cas
galerie
d'images
8
Débuter la création d'un site
9
Pour refermer une fenêtre de dialogue
sans effectuer d'action
10
Publier les pages nouvellement créées ou modifiées
= workflow
1. feu rouge = en attente
de publication
2. sélectionner la ou
les pages à publier
11
Commandes de l'éditeur de texte
annuler
couper/copier/coller
code HTML
gras/italique
caractères spéciaux
insérer tableau
listes
aligner
insérer image
menu styles:
indentation
- sous-titre
créer/modifier lien
- texte couleur
- texte petits caractères
exposant
saut de ligne:
touches [majuscules] + [entrée]
12
Copier / coller
L'importation de contenu textuel par
copier coller s'opère :
- soit par l'icône "coller comme texte"
- soit par raccourci clavier
[CTRL + V] sur PC
[Pomme + V] sur Mac
Dans la fenêtre "Coller comme texte" qui
apparaît, employer les mêmes raccourcis
clavier.
OK pour valider
13
Création de liens
Pour créer des liens
- vers des sites externes
- ou vers les autres pages de votre site
1) sélectionner le texte du futur lien
2) icône "insérer le lien"
3a) pour un lien vers un site externe:
entrer son adresse
3b) pour un lien vers une autre page du site:
- bouton lien vers la page
- une carte du site apparaît
- sélectionner la page vers laquelle
le lien doit être créé
4) valider
14
Gestion de fichiers
15
Gérer des fichiers dans Jahia
Fichiers = images (logos, photos) ou documents (PDF, Word,...).
Pour utiliser des fichiers dans des pages Jahia, il faut :
1) les placer sur le serveur, en les copiant à partir de votre ordinateur
2) les appeler à partir des boîtes de contenu afin de
les rendre visibles dans les pages.
Sur le serveur, un espace spécifique est disponible pour y placer les
fichiers : le gestionnaire de fichiers.
Il s'agit d'un ensemble de dossiers, dont un seul va nous intéresser :
le dossier partagé (=shared folder). C'est en effet le seul dossier dans
lequel tous les éditeurs du site peuvent déposer des fichiers.
16
Gestionnaire de fichiers de Jahia
serveur
pages du site
gestionnaire de fichiers
root
accueil
...
fichiers utilisés
dans les pages
shared
bienvenue activités publications
liens
...
cours
recherche
congrès
dossier partagé
(root/shared)
17
La boîte de contenu standard
- peut accueillir un ou plusieurs blocs de contenu,
- dont chacun peut accueillir un ou plusieurs éléments :
1) texte
2) fichier (= image, document PDF, ...)
- 0 fois ou 1 fois
- toujours dans cet ordre
18
Boîtes de contenu > blocs > éléments
en-tête
titre de page
menu
bloc1
1) texte
2) fichier
bloc2
on peut ajouter et trier
les blocs dans une boîte
boîte1
bloc3
boîte2
on peut ajouter et trier
des boîtes dans une page
boîte3
pied de page
19
en mode
édition
en mode
prévisualisation
20
Placer un document sur le serveur
2) aller dans le
dossier partagé
3) menu local :
envoyer un
nouveau fichier
1) ouvrir le
gestionnaire de
fichiers
21
4) bouton parcourir
5) sélectionner
le fichier
6) OK pour
charger le fichier
22
Insertion d'images par l'éditeur
1) cliquer pour placer
le point d'insertion
2) icône d'insertion
d'image
3) parcourir le serveur
23
3) ouvrir le dossier shared
(=dossier partagé)
... et patienter quelques
secondes avant de voir
apparaître la liste des fichiers
4) si l'image est déjà
présente dans le dossier
shared, la sélectionner
24
5) pour améliorer l'accessibilité du
site, saisir un texte de remplacement
(=brève description de l'image)
si souhaité, possibilité de placer
l'image à gauche ou à droite du
texte
dans ce cas, préciser un
espacement horizontal pour que
l'image ne soit pas collée au texte
6) OK pour valider
25
Si l'image n'est pas encore présente dans le dossier shared,
on peut la charger sans quitter l'éditeur
1) parcourir
2) sélectionner l'image
3) "upload" pour la charger dans
le gestionnaire de fichiers
4) sélectionner l'image nouvellement chargée
(elle n'est pas sélectionnée par défaut)
26
Options diverses
(contacter le helpdesk pour en demander la mise en place)
27
Reprises de données d'Unisciences
page Unisciences
page du site de l'institut
28
Reprises de données d'Unisciences
page Unisciences
page du site de l'institut
29
Reprise des publications
(par personne ou unité de recherche)
30
Formulaires
contact, commandes, etc.
31
Adresse provisoire pour les nouveaux
sites en développement
• adresse temporaire, cachée des moteurs de
recherche, à ne pas publier :
www.unil.ch/jmonsite
• quand le site est prêt, passage à l'adresse
définitive :
www.unil.ch/monsite
32
Assistance pour la suite
33
Informations complémentaires
+ accès aux statistiques
www.unil.ch/ci/web
34
Travaux ou nouveautés
Nous vous informons au moyen
de la liste de diffusion e-mail
jahia_redactors
Problèmes ou questions
Contacter la hotline par e-mail :
[email protected]
35
Migration à une nouvelle version
• prévue durant l'année
acadmique 2013-2014
• informations :
www.webunil.ch/newjahia
36