Création et modification de sites web UniNE...Création et modification de sites web UniNE Manuel d utilisation Jahia 7 Me ’tt J 7 TABLE DES MATIÈRES 1 MODIFIER UN SITE : PRINCIPES

Manuel d’utilisation Jahia 7

Septembre 2016

JAHIA 7

Création et modification de sites web UniNE



TABLE DES MATIÈRES1 MODIFIER UN SITE : PRINCIPES DE BASE ......................................................................................................... 6

1.1 FONCTIONNEMENT DE JAHIA ................................................................................................................... 6

1.2 ADMINISTRATEUR DU SITE ........................................................................................................................ 6

1.3 LOGIN(AUTHENTIFICATION) ..................................................................................................................... 6

1.4 SE DÉCONNECTER ........................................................................................................................................ 6

1.5 AFFICHAGE ..................................................................................................................................................... 6

2 L’ENVIRONNEMENT JAHIA .................................................................................................................................... 2

2.1 LA BARRE D’OUTIL JAHIA ............................................................................................................................ 2

2.2 LE NAVIGATEUR DE PAGES ......................................................................................................................... 3

3 LASTRUCTUREGÉNÉRALED’UNEPAGE(LESDIFFÉRENTESZONES) ......................................................... 4

4 HAUTDELAPAGE(BANDEAU) ............................................................................................................................. 5

4.1 ZONES NON MODIFIABLES ........................................................................................................................ 5

4.2 MENU CONTACT ........................................................................................................................................... 5

4.3 MENU EMPLOI ............................................................................................................................................. 6

4.4 TITRE DU SITE ................................................................................................................................................ 6

4.5 IMAGE / DIAPORAMA ................................................................................................................................. 6

5 COLONNEDEGAUCHE(MENUSETCRÉATIONDEPAGES) ........................................................................... 7

5.1 MENUS PRINCIPAUX .................................................................................................................................. 7

5.1.1 CRÉER UN MENU/UNE NOUVELLE PAGE ................................................................................ 7

5.1.2 NOM SYSTÈME ................................................................................................................................ 8

5.1.3 METADONNÉES ............................................................................................................................... 9

5.1.4 SEO ..................................................................................................................................................... 9

5.1.5 DÉPLACERUNEPAGEETSESSOUS-PAGES ............................................................................10

5.1.6 COPIERUNEPAGEETSESSOUS-PAGES ..................................................................................10

5.1.7 SUPPRIMER UNE PAGE ............................................................................................................... 10

5.2 MENUS SECONDAIRES .............................................................................................................................. 11

6 COLONNE CENTRALE ............................................................................................................................................12

6.1 LES COMPOSANTS ...................................................................................................................................... 12

6.2 TITRE DE LA PAGE ....................................................................................................................................... 13

6.3 COMPOSANTTEXTELIBRE(ETIMAGE) ................................................................................................ 14


6.3.1 AJOUTER DU TEXTE ..................................................................................................................... 14

6.3.2 INSÉRER UN LIEN VERS UN FICHIER .......................................................................................15

6.3.3 INSÉRER UN LIEN VERS UNE PAGE INTERNET .......................................................................16

6.3.4 INSÉRER UNE IMAGE ................................................................................................................... 16

6.3.5 CRÉERUNELISTE(ÀPUCEETPUBLICATION) ........................................................................19

6.3.6 CRÉER UN TABLEAU .................................................................................................................... 19

6.3.7 METTRE LE TEXTE SUR 2 COLONNES .......................................................................................20

6.4 COMPOSANT«VIGNETTES» ................................................................................................................... 21

6.5 COMPOSANT«LISTEDESÉLECTION» .................................................................................................. 22

6.6 COMPOSANT«LISTEDÉROULANTE» ................................................................................................... 24

6.7 COMPOSANT«SOUS-LISTE» .................................................................................................................. 26

6.8 COMPOSANT«RUBRIQUE(1/1)ET(1/2)»........................................................................................... 28

6.9 COMPOSANT«TABLEAUPOURCRÉATIONPAGE» ............................................................................30

6.10 COMPOSANT«VIDÉO» ............................................................................................................................ 32

6.11 COMPOSANT«GALERIED’IMAGES» .................................................................................................... 34

6.12 COMPOSANT«CARTE»............................................................................................................................ 36

6.13 COMPOSANT«IFRAME» ......................................................................................................................... 37

7 PAGE D’ACCUEIL DES SITES DE FACULTÉS .......................................................................................................38

7.1 COMPOSANT«IMAGEÀLAUNE» ........................................................................................................ 38

7.2 COMPOSANT«LISTED’IMAGESÀLAUNE» ....................................................................................... 40

7.3 COMPOSANT«VIDÉOÀLAUNE» ......................................................................................................... 42

8 COLONNE DE DROITE ...........................................................................................................................................43

8.1 COMPOSANT«ÀTÉLÉCHARGER» ......................................................................................................... 43

8.2 COMPOSANT«TEXTELIBRE»................................................................................................................. 45

8.3 COMPOSANT«DIVERS» ......................................................................................................................... 46

8.4 COMPOSANT«IMAGE» ........................................................................................................................... 47

8.5 COMPOSNT«IMAGEPRÉDÉFINIE» ..................................................................................................... 48

8.6 COMPOSANT«VIDÉO» ............................................................................................................................ 49

8.7 COMPOSANT«TÉMOIGNAGE» ............................................................................................................. 50

8.8 COMPOSANT«TÉMOIGNAGEAVECIMAGE» ....................................................................................51

9 PIED DE PAGE .........................................................................................................................................................52


9.1 PIED DE PAGE DU SITE .............................................................................................................................. 52

9.2 PIEDDEPAGE«PORTAILCENTRAL» ..................................................................................................... 54

9.3 ZONE DE RACCOURCIS POUR L’INTERNE .............................................................................................. 54

10GESTIONNAIREDEDOCUMENTS(TOUSTYPESDEFICHIER) .....................................................................55

10.1 GÉNÉRALITÉS .............................................................................................................................................. 55

10.2 OPÉRATIONS DE BASE ............................................................................................................................... 55

10.3 MODIFIER LES IMAGES ............................................................................................................................. 56

10.4 DONNERUNTITREÀUNFICHIER .......................................................................................................... 57

10.5 VUE VIGNETTES .......................................................................................................................................... 57

10.6 DÉCOMPRESSIONAUTOMATIQUEDEFICHIERS.ZIP .........................................................................58

10.7 SURQUELLE/SPAGE/SVOTREDOCUMENTEST-ILUTILISE? ..........................................................58

11 PUBLIER VOS MODIFICATIONS : LE WORKFLOW .......................................................................................... 59

11.1 LES DIFFÉRENTES MÉTHODES DE PUBLICATION. ...............................................................................59

12 VISIBILITÉ ................................................................................................................................................................60

13L’ÉDITEURDETEXTE(CKEDITOR) ......................................................................................................................61


1 MODIFIER UN SITE : PRINCIPES DE BASE

1.1 FONCTIONNEMENT DE JAHIA

Jahiautiliseunmécanismedepublicationendeuxétapes:

• ToutemodificationducontenusefaitenmodeEdition.• Lesmodificationseffectuéesdoiventêtrepubliéepourêtrevisibles

1.2 ADMINISTRATEUR DU SITE

Pourpouvoirmodifierunsite,vousdevezfairepartiedesadministrateursdusiteetavoirsuivilecoursJahiaorganiséparleSITEL.Sivousn’êtespasencoreadministrateur,vousdevezfairelademandeauprèsdel’administrateurresponsabledusite(sonnomfiguredanslarubrique«informationsurlesite»enpieddepagedevotresite).

1.3 LOGIN (AUTHENTIFICATION)

Laprocédurepourseconnecterausiteafindelemodifierestlasuivante:

• Allezsurlesitequevousdésirezéditer.

• Cliquezsurlelien«login»situédanslepieddepage,puisentrezvotrenomd’utilisateuretvotremotdepassed’utilisateurwindowsdel’UniNE.

o Sivousnepossédezpasdenomd’utilisateurwindowsdel’UniNE,vousdevezinsérervotrenomd’utilisateuretvotremotdepasseJahia.

• Cliquezsur«S’authentifier».Lesites’affichealorsenmodeenligne,aucunebarred’outilsn’estvisble

• Cliquezsurlepetittriangleen-dessousdevotreidentifiantpourchoisirlemodeEdition.

Image 1 – Menu login

1.4 SE DÉCONNECTER

• Cliquersurvotreidentifiantenbasàdroitedelapage(justeau-dessousdulogoSwissUniversities)• ChoisissezSedéconnecter.

1.5 AFFICHAGE

Jahiaoffre3possibilitésd’affichage

• Edition:Activezcetaffichagepoureffectuertoutemodificationdusite

Manuel d’utilisation Jahia 7 www.unine.ch/aide

Page 1

• Aperçu:Aprèsavoirfaitdesmodifications,utilisezcetaffichagepourlesprévisualiser.Lapages’af-fichecommeelleseraitsivouslapubliez.

• Enligne:Affichelapagetellequepeutlavoiruninternaute.

Changerlemoded’affichageIln’estpossibledechangerdemoded’affichagequelorsquel’onestidentifié.

• DanslabarredemenudeJahia,cliquezsurMode• Sélectionnezensuitelemoded’affichagesouhaité

Vouspouvezaussiprocéderdelamanièresuivante:

• Cliquezsurvotreidentifiantenbasàdroitedelapage(justeau-dessousdulogoSwissUniversities)• Choisissezlemoded’affichagesouhaité

www.unine.ch/aide Manuel d’utilisation Jahia 7

Page 2

2 L’ENVIRONNEMENT JAHIALemodeEditiondeJahiaestorganiséentroispartiesprincipales

1. Labarred’outils:Permetd’accéderàdesoutilsetdechoisirdesactionsquiconcernentlapagequevouséditezoulesitedanssonensemble.

2. Lenavigateurdepages:Permetdesélectionnerdesélémentsàéditerdanslecadred’édition3. Lecadred’édition:S’affichesurladroite.C’estlàqu’apparaissentlesélémentsàéditer.Chaqueélé-

mentréagitausurvoldelasourisouaudouble-click Note:Lesopérationspossibledanslecadred’éditionsontdécritesendétailtoutaulongdecedocu-ment

Image 2 – Environnement Jahia

2.1 LA BARRE D’OUTIL JAHIA

Image 3 – La barre d’outils Jahia

Mode• Permetdebasculerd’unmoded’affichageàunautre(Aperçu,Enligne)

Affichage• Différentesoptionspermettantdecomparerdesversionsdetravaildelapagecourante.


Page 3

Publication• Cemenuproposedifférentstypesdepublications

Workflow• Cemenupermetdegérerlesdifférentsworkflowencours

Gestionnaire• Permetd’accéderaugestionnairededocuments

Corbeille• ceboutonaffichelalistedesélémentsenattentedesuppressiondéfinitive

Tâchesdefond• Cetindicateurestgriséquantaucunetâchedefondnetourne,sinon,unepetiteanimations’affiche

indiquantqu’uneactionestencours(parexemplelavalidationdepages)

2.2 LE NAVIGATEUR DE PAGES

Lenavigateurdepagesafficheuncertainnombred’onglets.Enrèglegénéralecesongletsontétédésacti-vés.

Lenavigateurdepagespermetdenaviguerdansl’arborescencedusite,d’accéderauxpagesetd’effectueruncertainnombred’opérationscomme:

• Ajouter/supprimerdespages• Modifierlespropriétésd’unepage• Modifierl’ordredespages• Publierdespages

Image 4 – Navigateur de page


Page 4

3 LA STRUCTURE GÉNÉRALE D’UNE PAGE (LES DIFFÉRENTES ZONES)

Image 5 – Exemple d’une structure de page (template 2 colonnes)

L’exempleci-dessusmontreuntemplateavec2colonnes(unecolonnepourlesmenusdegaucheetunecolonnecentrale).Dansuntemplate3colonnes,lacolonnecentraleestréduitepourlaisserlaplaceàunecolonnededroite.

Particularités:

• Letemplate«Faculté»paged’accueilestparticulier,iln’apasdecolonnedegauche.

• Selonlestemplates,latailleduhautdepagevarie.


Page 5

4 HAUT DE LA PAGE (BANDEAU)Lespartiesconfigurables/modifiablesduhautdelapagesontaccessiblesenmodificationuniquementdepuislapaged’accueildusite.

4.1 ZONES NON MODIFIABLES

Image 6 – Haut de page

Leszonessuivantessontidentiquessurtouslessitesetnesontpasmodifiablesparlesadministrateurs:

• Breadcrumbestmodifiable,maisnedoitêtrechangéqu’avecl’[email protected]

• LogoUniNEnepeutpasêtrechangé

*Pourcertainssitesparticuliers(interuniversitaires,externesàl’UniNE,etc.),ilestpossibledemasquerceséléments.

4.2 MENU CONTACT

Image 7 – Menu « Contact »

Leterme«Contact»semetautomatiquementlorsquevousajoutezlelien«Contact».Iln’estpasmodi-fiable.

Depuiscemenu,vouspouvezsoitcréerunenouvellepage,soitfaireunlienversunepage«contact»quisetrouvesurvotresite.Sivouscréezunepage,leschapitres«colonnecentrale»et«colonnededroite»,vousdonneronttouteslesinformationsutilespourcompléterlecontenu.


Page 6

4.3 MENU EMPLOI

Image 8 – Menu «Emploi»

Leterme«Emploi»semetautomatiquementlorsquevousajoutezlelien«Emploi».Iln’estpasmodi-fiable.

Depuiscemenu,vousdevezcréerunepageavecuncontenustandardisé.

4.4 TITRE DU SITE

Image 9 – Titre du site

Lazone«titre»permetd’afficherletitredusiteetdeséventuellesentitéshiérarchiquementsupérieures.Ellecomprendtroisniveauxaumaximum(avecsautdeparagraphe).Ilestpossibled’avoirplusieursentitésdemêmeniveaucôteàcôte(ex.InstitutX,InstitutYsurlamêmeligne).

4.5 IMAGE / DIAPORAMA

Letemplate«Institut»alaparticularitéd’avoiruneimageouundiaporamadanslebandeau.Cesimagesnedoiventpasêtremodifiéesrégulièrement,carellesfontpartiedesélémentsd’identificationdusite.Vouspouvezsoitlesfairevous-même,soitfairelademandederéalisationauBureaupresseetpromotion([email protected]).

Informationscomplémentaires:charteimagedusite(àtéléchargersurwww.unine.ch/aide)

Image 10 – Diaporama ou image dans le bandeau


Page 7

5 COLONNE DE GAUCHE (MENUS ET CRÉATION DE PAGES)Lalargeurmaximumdelacolonnedegaucheestde200pixels.

5.1 MENUS PRINCIPAUX

Lanavigationprincipaledevotresitesefaitdepuislesmenusdegauche.Letemplate«faculté»alaparti-cularitéd’avoirunpremierniveaudemenuen-dessousdubandeau.Toutefois,lefonctionnementrestelemême.Achaquemenu/sous-menudegauchecorrespondunpage/sous-pagedevotresite.

Ergonomie

Unbonsitenedoitpasavoirplusde7à9menusprincipauxetpasplusde2à3niveauxdemenus.Leursintitulésdoiventrespecter3critères:

1. Etresignifiants:lorsquelevisiteurlitunintitulé,ildoitpouvoirfacilementdevinerletypedecontenuappartenantàlarubrique.

2. Etrecomplémentaires:lasommedetouslesélémentsdumenudoitrecouvrirtoutcequelesiteproposeàsesinternautes.Ilnedoitpasexisterdecontenun’appartenantàaucunerubrique.

3. Etreexclusifs:vosinternautesdoiventpouvoirchoisirentredeuxélémentsrapidementetsanshésiter.Unintitulédoitêtreleseulenvisageablepourlevisiteurquichercheuncontenuprécis(parexemple,éviterunmenu«lesétudes»suivid’unmenu«masters»).

5.1.1 CRÉER UN MENU/UNE NOUVELLE PAGE

• Danslenavigateurdepages,cliquezavecleboutondroitedelasourissurlapageduniveausupérieur• ChoisissezNouvellepagedanslemenucontextuel.

Image 11 – Ajout d’une page à un site

• Donnezuntitreàlapage

• Cliquezsurlebouton enregardduchampTemplatenameetsélectionnezunmodèledepage.Vouspouvezcréerunepageavec2ou3colonnes(voirchapitre«Structured’unepage»). Note:AvecJahia7,ilestpossibledemodifiercechoixultérieurement


Page 8

• AutresOptions:• nonavigation:Permetdecréerunepagesanspourautantqu’elleapparaissedanslemenude

navigation.Parexemplequandonsouhaiteafficherunepagedanslemenusecondaire,oulorsquel’onutilisel’outiltableaupourcréationdepage.

• Pourlespagesdefacultés,indiquezdansquelmenudoitseplacerlapagecréée.• CliquezsurSauvegarderpourterminerousurSauvegarderetajouterunnouveaupourinsérerune

nouvellepage.

Image 12 – Création d’une page

Lanouvellepageapparaîtengrisdanslenavigateurdepage.Cettecouleurindiquequ’unepagen’aencorejamaisétépubliée.

5.1.2 NOM SYSTÈME

Pardéfaut,lorsquevousdonnezuntitreàvotrepage,JahiacomplèteautomatiquementlechampNomsys-tèmeaveclemêmetextemaissanscaractèresspéciaux,accentuésouespaces.

LenomsystèmeestutiliséparJahiapourlacréationdel’URL.

Parexempledansl’arborescenceci-aprèsappartenantausitefictifwww.unine.ch/les:

Image 13 – Exemple d’arborescence

LapageHorairesd’ouverturealescaractéristiquessuivantes:

Image 14 – Propriétés de page


Page 9

L’URLdecettepageest:www.unine.ch/les/secretariat/horaires-douverture

Ilestpossibled’ajouterdesaliasàcettepagepourproposerdesURLspluscourtesoudifférentes.PourcelaconsulterlasectionSEO.

Anoterenfinquel’onretrouvelenomsystèmedanstouteslesboîtesdedialoguemaisqueseullenomsys-tèmedespagesestutilisé.

5.1.3 METADONNÉES

Lesmétadonnéessontdesinformationssurlapageetsoncontenuquiserontexploitéesparlesnavigateursweb,lesmoteursderechercheetautresoutilsd’indexation,c’est-à-diretouslesoutilsquianalysentvospagespouryidentifierdiversesinformations.

Ajouterunedescription• Danslenavigateurdepages,cliquezavecleboutondroitedelasourissurlapageàmodifier.• ChoisissezEditerdanslemenucontextuel.• Activezl’ongletMétadonnées• CliquezdanslechampDescriptionetentrezladescriptionvoulue• CliquezsurSauvegarderpourterminer.

Ajouterdesmots-clés• Danslenavigateurdepages,cliquezavecleboutondroitedelasourissurlapageàmodifier.• ChoisissezEditerdanslemenucontextuel.• Activezl’ongletMétadonnées• CochezlacaseMots-clés• CliquezsurAjouteretentrezchaquemot-cléenprenantsoindelesséparerparunevirgulepuisun

espace.• CliquezsurSauvegarderpourterminer.

5.1.4 SEO

LeSEOestenréalitéuneadresseweb(ouURL)personnaliséeappeléaussialias,c’est-à-direpossédantunnomchoisiparl’administrateurdusite.

Ajouterunnomdepage• Danslenavigateurdepages,cliquezavecleboutondroitedelasourissurlapageàmodifier.• ChoisissezEditerdanslemenucontextuel.• Activezl’ongletSEO.• Cliquezsurlebouton• CliquezdanslechampURLetajoutezl’aliassouhaité.• CliquezlacasePardéfaut,silenouveaunomajoutédoitêtreceluiquis’affiche.

Note:Cettecaseestdetoutefaçoncochéepourlepremiernom.• CliquezsurSauvegarderpourterminer.

Modifierunnomdepage• Danslenavigateurdepages,cliquezavecleboutondroitedelasourissurlapageàmodifier.


Page 10

• ChoisissezEditerdanslemenucontextuel.• Activezl’ongletSEO• Double-cliquezsurl’URLàéditeretfaiteslesmodificationssouhaitées.• CliquezsurSauvegarderpourterminer.

5.1.5 DÉPLACER UNE PAGE ET SES SOUS-PAGES

Pourdéplacerunepageilsuffitdelasélectionneretdelafaireglisserverslehautouverslebasdanslenavigateurdepages.

Pourmodifierleniveaud’unepagedansl’arborescence,sélectionnezlapageetfaits-laglissersurlapagequiserasapageparent.Parexemple,pourfairepasserunepagede1erniveauau3èmeniveau,faiteslaglissersurunepagede2èmeniveau.

5.1.6 COPIER UNE PAGE ET SES SOUS-PAGES

Pourcopierunepagedansuneautrepartiedumenu,

• Danslenavigateurdepages,cliquezavecleboutondroitedelasourissurlapageàcopier• ChoisissezCopierdanslemenucontextuel.• CliquezavecleboutondroitesurlapagedeniveausupérieuroùlapageseracolléeetchoisirColler.

Parexemple:Pourajouterunepagecopiéeauniveauimmédiatementinférieuràlapaged’accueil,cliquezavecleboutondroitesurlapaged’accueil.

5.1.7 SUPPRIMER UNE PAGE

• Danslenavigateurdepages,cliquezavecleboutondroitedelasourissurlapageàsupprimer• ChoisissezSupprimer[nomdelapage]danslemenucontextuel.• Uneboîtededialogues’affiche.IgnorezlazoneCommentaireetcliquezsurOui.

Lapageesttoujoursaffichéedanslenavigateurmaiselleestbarréeetsuivied’uncadenas.

Lapageaétésuppriméemaiselleesttoujoursvisibleenligne.Pourlasupprimerdéfinitivement:

• Danslenavigateurdepages,cliquezavecleboutondroitedelasourissurlapagebarrée• ChoisissezPublier[nomdelapage]danslemenucontextuel.

Deprimeàbordcelapeutparaîtrecontre-intuitif.Ils’agitenréalitédesynchroniserlemodeéditionetlemodeenligneetdoncderendre«public»lasuppressiondelapage.


Page 11

5.2 MENUS SECONDAIRES

Lanavigationsecondairesetrouvedanslesecondblocdelacolonnedegauche.Lesoptionsdisponiblessontdifférentesselonletemplate:

• Surletemplate«Faculté»,dansunepagedecontenu,vousavezlechoixentredutextelibreouuneimageprédéfinie.

• Surlestemplates«Sous-unité»et«Autre»,vouspouvez:

o Ajouterunesouspage,avecpossibilitédecréerunepageoudefaireunlien(versuneautrepageweb,versuneapplication,etc.).Lesfonctionnalitésliéesàlacréationdepagesontlesmêmesquepourlesmenusprincipaux(voirci-dessus).

o Ajouterdutextelibreouuneimageprédéfinie(de200pxmaximum)quiserontaffichésuni-quementsurlapageencours.

Ajouterunmenusecondaire

• Cliquersurlebouton • CliquezensuitesurSauvegarder

Ajouterunesection

• Cliquersurlebouton • Donnezuntitreàlasectionetnecréezpasdelien.

Note:Sivousnesouhaitezpasséparervotremenusecondaireensections,maisques’afficheuni-quementunelistedeliens,alorschoisissezuntypedelienetmettezlesdonnéesnécessaires.Voirci-après.• Pourajouterunlienversunepagedevotresiteweb,choisissezLieninternepuiscliquezsurle

bouton enregardduchampLieninterneetlocalisezlapage• Pourajouterunlienversunepageexterneàvotresiteweb,choisissezLienexternepuisindiquez

l’URLdelapage(ycomprishttp://) .• CliquezsurSauvegarderpourterminerousurSauvegarderetajouterunnouveaupourinsérerune

nouvellesection.

Ajouterunliendansunesection

• Cliquezsurlebouton • Cliquezsurlebouton enregardduchampTypedelienetchoisissezletypedelien.

• Pourajouterunlienversunepagedevotresiteweb,choisissezLieninternepuiscliquezsurlebouton enregardduchampLieninterneetlocalisezlapage

• Pourajouterunlienversunepageexterneàvotresiteweb,choisissezLienexternepuisindiquezl’URLdelapage(ycomprishttp://) .

• CliquezsurSauvegarderpourterminerousurSauvegarderetajouterunnouveaupourinsérerunnouveaulien


Page 12

6 COLONNE CENTRALELalargeurmaximumdelacolonnecentraleestde480pixelsenmodetemplatecontenu3colonnesetde695pixelsenmodeTemplatecontenu2colonnes.

6.1 LES COMPOSANTS

Touslescontenusdelacolonnecentralesetrouventdansdescomposants.Ainsi,vousdeveztoujourscom-mencerparajouteruncomposantpourpouvoirinsérerunnouveautypedecontenu.

Danslesexplicationsrelativesàl’insertiondecontenu,leprésentmanuelpartduprincipequ’uncompo-santsaétéajouté.

Selonlasituation,ilsepeutquelalistedescomposantsdisponiblesnesoitpasaffichée.C’estlecasparexemplelorsquevouscréezunenouvellepage.

Afficherlalistedescomposants

• Cliquezsurlebouton

Ajouteruncomposant

• Cliquezsurlebouton

Image 15 – Liste des composants disponibles dans la colonne centrale (Template 2 colonnes)

Image 16 – Liste des composants disponibles dans la colonne centrale (Template 3 colonnes)

Image 17 – Liste des composants disponibles dans la colonne de droite

Cettesectionprésentelesdifférentscomposants.

Lamajeurepartiedecescomposantsnesontpasdisponiblespourlapaged’accueildessitesdesfacultésquiestparticulière.


Page 13

6.2 TITRE DE LA PAGE

Image 18 – Titre de la page

Lacolonnecentralecomprendtoutd’abordletitredelapage.Cetitreestidentiqueautitredumenu.Enprincipe,ilnedoitpasêtremodifiépourquelevisiteursachesurquellepageilsetrouve.Danscertainscas,ilpeutêtrecomplété.

Editeruniquementletitredanslapage• Double-cliquezsurletitre• DanslechampTitremiddleCol,remplacezletitreactuelparlenouveautitresouhaité

Image 19 – Modification du titre


Page 14

6.3 COMPOSANT TEXTE LIBRE (ET IMAGE)

Cecomposantpermetd’insérerdutexteetdesimagesdanslesite.Elleutilisel’éditeurdetexte«CKEdi-tor».

Image 20 – CK Editor

Alafindudocumentvoustrouverezdesinformationssurl’utilisationduCKEditor.

6.3.1 AJOUTER DU TEXTE

L’ajoutdetextesefaitvialeCKEditor.

Iln’estpasobligatoiredecompléterleschampstitresetsous-titres,vouspouvezutiliserlestitresquisontdansleCKeditor(accessibledepuisletexte),cequiévitededevoirajouterunnouveaucomposantpourchaquenouveautexte.Ilestutiledemettreletextedansdescomposantsdifférentsuniquementsivoussouhaitezpouvoirenmodifierl’ordrefacilement.

Ergonomie

Lestestsd’utilisabilitéontmontréque:

§ lesinternautes«balayent»lapageendiagonale

§ ilssefocalisentsurleszonesdelapageenrelationavecleurobjectifetignorentlereste

Surlespagesnavigantes,ilfautdoncrespecterles5règlesénoncéesci-dessous.

1.Allezàl’essentiel:soyezconcis(affinerensuitel’informationavecunlien).

2.Faitesdesparagraphesde10lignesaumaximum.

3.Rédigezsimplement:uneidéeparparagrapheet3,voir4paragraphesparpage,aumaximum.

4.Rendezlestextes«scannables»:mettezdesmots-clésenévidence(gras,lienshypertextes,couleur),ajoutezdessous-titressignificatifs,utilisezdeslistesàpuce.

5.Soyezobjectif:énoncezdesfaits,duconcret.Evitezlelangagemarketing.

Ajouter du texte• Saisissezoucollezletexte.

Remarque:Vousdevezabsolumentutiliserlebouton Collercommetexte pourcollern’importequeltexte.

• Mettezenformeletextesinécessaire.


Page 15

• CliquezsurSauvegarderpourterminer.

Modifierletexte• Double-cliquezsurletexteàmodifieroucliquezavecleboutondroitedelasourisetchoisissezEditer

danslemenucontextuel.• Effectuezlesmodificationssouhaitées.• CliquersurSauvegarderpourterminer.

Supprimerletexte• Cliquezavecleboutondroitedelasourisetchoisissez Supprimerdanslemenucontextuel.• CliquezsurOuipourconfirmer

ou• Modifiezlecontenuducomposantetsupprimezlespassagesinutiles.

6.3.2 INSÉRER UN LIEN VERS UN FICHIER

Ajouterunlienversunfichier• Sélectionnezletextequiserviradelien.

• Cliquezsurlebouton .• CliquersurleboutonExplorerleserveur(Fichiers).• Localisezlefichier.

• Silefichieradéjàétéplacédanslegestionnairededocuments,parcourezl’arborescencedevotredossierdesiteetcliquezsurlefichieràplacer.

• Silefichiern’estpasencoreprésentdanslegestionnairedefichier,sélectionnezledossierdesite,cliquezensuitesurlebouton Envoyersurleserveur

• Cliquezsurparcouriretlocalisezlefichier.• CliquezsurOK.

• DanslechampDescription(title),insérezuntextededescriptiondulienàl’usagedespersonnesmal-voyantesetdesmoteursderecherche.

• Pourforcerl’ouverturedelapageliéedansunenouvellefenêtre,activezl’ongletCibleetdanslemenudéroulant,choisissezNouvellefenêtre(_blank).

• CliquezsurOKpourterminer.

Modifierunlienversunfichier

• Cliquezsurlelienpuissurlebouton .• Effectuezlesmodificationssouhaitées.• CliquezsurOKpourterminer.

Supprimerunlienversunfichier

• Poursupprimerleliensanssupprimerletexte,cliquezsurlelienpuissurlebouton .• Pourtoutsupprimer,sélectionneztoutletextedulienetpressezlatouched’effacement.• CliquezsurOKpourconfirmer.• Attention:Lasuppressiondulien,nesupprimepaslefichierdanslesite.


Page 16

6.3.3 INSÉRER UN LIEN VERS UNE PAGE INTERNET

Ajouterunlienversunepageinternet• Sélectionnezletextequiserviradelien.

• Cliquezsurlebouton .• Choisissezlegenredelien:

• Pourcréerunlienversunepagedevotresite,cliquezsurleboutonExplorerleserveur.Danslenavigateurdepages,localiserlapagedeniveausupérieuràlapageàlier.Lespagesduniveauinfé-rieurs’affichentdanslacolonnededroite.Cliquetalorssurlapageàlier.

• Pourcréerunlienversunsiteextérieuràvotresite/projet,saisissezl’adressedelapagewebdanslechampURL.L’indicationduprotocole(http://)estfacultative,siellemanqueelleestrajoutée.

• DanslechampDescription(title),insérezuntextededescriptiondulienàl’usagedespersonnesmal-voyantesetdesmoteursderecherche.

• Pourforcerl’ouverturedelapageliéedansunenouvellefenêtre,activezl’ongletCibleetdanslemenudéroulant,choisissezNouvellefenêtre(_blank).

• CliquezsurOKpourterminer.

Modifierunlienversunepageinternet

• Cliquezsurlelienpuissurlebouton .• Effectuezlesmodificationssouhaitées.• CliquezsurOKpourterminer.

Supprimerunlienversunepageinternet

• Poursupprimerleliensanssupprimerletexte,cliquezsurlelienpuissurlebouton .• Pourtoutsupprimer,sélectionneztoutletextedulienetpressezlatouched’effacement.• CliquezsurOKpourconfirmer.• Attention:Lasuppressiondulien,nesupprimepaslefichierdanslesite.

6.3.4 INSÉRER UNE IMAGE

Avantd’inséreruneimage,ilconvientderappelerlespointssuivants:

• Leformatdel’imagedoitêtreGIF,JPEGouPNG.• Larésolutiondoitêtrede72dpi.• Lenomdel’imagenedoitpascomporterd’accent(è,é,à,ä,...),d’espacenidecaractèresspéciaux

(%,&,¥,...).Lenomdoitêtresuividel’extension(.gif/.jpg/.png)Rappelonségalementquel’imagenepeutêtresimplementcolléedanslapage.Eneffetl’imagen’estpasprésentedanslapage,elleestliée.Depuisl’éditeurCK,vouspouvezaccéderdirectementaugestionnairededocuments.

Inséreruneimage• Danslazonedecontenu,cliquezpourpréciserlepointd’insertiondel’image.• Cliquezsurlebouton • Cliquezsurparcourirleserveur.

• Sil’imageadéjàétéplacéedanslegestionnairededocuments,parcourezl’arborescencedevotredossierdesiteetcliquezsurl’imageàplacer.


Page 17

• Sil’imagen’estpasencoreprésentedanslegestionnairededocuments,sélectionnezvotredossierdesite,cliquezsurlebouton .

• Cliquezsurparcouriretlocalisezl’image.• Cliquezsurl’imagesouhaitéeetelleseraautomatiquementsélectionnéefermantlesélecteurins-

tantanément.Lecheminversl’imageestalorsautomatiquementremplidansl’éditeurCK.• CliquezsurOK.

• Insérerunebrèvedescriptiondel’imagedanslechampTextederemplacement.• CliquezsurOK.

Image 21 – Insérer une image

Modifierlespropriétésd’uneimage

• Sélectionnezl’imageetcliquezsurlebouton • Effectuezlesréglagesvoulus.• CliquersurOKpourterminer.

SupprimeruneimageLesopérationsci-dessousdécriventcommentsupprimerl’affichaged’uneimage.L’imagen’apparaîtplusdanslapagemaiselleesttoujoursprésentedanslegestionnairededocuments.• Sélectionnezl’image.• PressezlatoucheDeleteoulatoucheRetourarrière(backspace).• CliquezsurOKpourterminer.

Optionspourl’insertionetl’utilisationd’imagesLorsdel’insertiond’images,grâceausélecteurd’images,vousserezcapablederécupérerrapidementl’imagequevousdésirezinsérer.Pardéfautunfiltreestappliquéetvouspermettrad’accéderauxdocu-mentsdetypeimageuniquement.

Selonvospermissions,unebarred’outilsvouspermettrad’accéderrapidementauxopérationsdefichierslespluscourants.Vouspouvezaussieffectuerquelquesrecherchessurlesimagesdisponiblesouchangerdevue.


Page 18

Image 22 – Sélecteur d’images

Accessibilitédevosimages

Pourdesraisonsd’accessibilitédesimagesauxpersonnesmalvoyantes,ilestnécessairederenseignerletextederemplacementdanslespropriétésdel’image.LesimagespourlesquelscechampneserapasrenseignéprovoquerontdesavertissementsWAI(P.67) etperturberontl’utilisationducontrôled’intégritéquivouspermetderepérerrapidementleslienscassés.

LeschampsEspacementpermettentdedéfinirunemarge(horizontaleetverticale)autourdel’imageoùletexteestexclu.

Lechamp«Alignement»permetd’aligneruneimageparrapportautexte:

• Pasd’alignement:l’imageestplacéesurlaligne(invisible)detexte.• AlignementGauche:l’images’aligneàgauche,letexteàcôté• AlignementDroite:l’images’aligneàdroite,letexteàcôté

Unefoisl’imageinséréedansvotretexte,vouspouvezaisémentlarepositionneroùvouslesouhaitezenutilisantlafonction«glisser/déposer»

L’imageinséréepeutensuiteêtrerenomméeoudéplacéedansunautrerépertoiredugestionnairededo-cumentssansaucunimpactsurvotrezonedetexteenrichi.Lesréférences/liensserontautomatiquementmisàjourenconséquence.

Banqued’imagesàdisposition

Legestionnairededocumentscontienttouteuneséried’imagesàdispositionpourillustrervospages.Leuremplacement:«Espaceshared–danslegestionnairededocu-ments».

Touteslesinformationsconcernantlesimages(oùtrouverdesimages,composeruneimage,tailledesimages,etc.)setrouventdanslacharteimage(àtéléchargersurhttp://www.unine.ch/aide).


Page 19

6.3.5 CRÉER UNE LISTE (À PUCE ET PUBLICATION)

LeslistespardéfautduCKeditorsontpré-formatéesavecunstylepropreàl’UniNE(listeàchevrons).

Sivoussouhaitezutiliserunautremodèledeliste(àpuceoustylepublication),vouspouvezutiliserundestroismodèlesàchoix:

• Listeavecpucescarrées• Listeavecchevrons(identiqueàlalistepardéfaut)• Listemiseenpagepourlespublications

Image 23 – Modèles de listes

Inséreruneliste• Cliquezàl’endroitoùvoussouhaitezinsérervotreliste

• Cliquezsurlebouton IlestimportantdedéfinirlestyledelalisteAVANTdecréerlescontenusdelaliste.Eneffet,unelisteavecdesdonnéesd’exempleestintégréedansl’éditeur.Chargeàvousensuitedemodifierleslignesdelaliste.

• Danslemenudéroulant,choisissezunmodèledeliste• Editezlecontenudevotreliste

Attention:L’éditeurCKEditorn’affichepasleslistesdansleurlookdéfinitif.C’estseulementunefoisl’éditeurferméquevousvoyezlerésultats’appliqueràvotreliste.

6.3.6 CRÉER UN TABLEAU

DansleCKEditor,vouspouvezintégrerdirectementdestableauxpré-formatés,puisyajouter/supprimerducontenu.

Pourlestableaux,3typesprédéfinissontdisponibles:

• Tableauavectitre• Tableausanstitre• Tableaucomplexe


Page 20

Image 24 – Modèles de tableaux

Inséreruntableau• Cliquezàl’endroitoùvoussouhaitezinsérervotretableau

• Cliquezsurlebouton IlestimportantdedéfinirlestyledutableauAVANTdecréerlescontenusdescellules.Eneffet,untableauavecdesdonnéesd’exempleestintégrédansl’éditeur.Chargeàvousensuitedemodifierlescontenusdescellules.

• Danslemenudéroulant,choisissezunmodèledetableau• Editezlecontenudevotretableau

L’éditeurCKEditorn’affichepaslescellulesdansleurlookdéfinitif.C’estseulementunefoisl’éditeurferméquevousvoyezlerésultats’appliqueràvotretableau.

6.3.7 METTRE LE TEXTE SUR 2 COLONNES

Ilestpossibled’afficherletextesuruneoudeuxcolonnesdansunecomposantTextelibre,enchoisissantsimplementàl’aideduchamp«Nombredecolonnes».

Cechoixpeutêtrefaitaumomentdelacréationducomposantouultérieurement.

Quelquesoitlemoded’affichagechoisi,l’éditiondutextesefaitsuruneseulecolonne.Lecaséchéant,Ja-hiaéquilibreletextesurlesdeuxcolonnes.

Image 25 – Mettre le texte sur 2 colonnes


Page 21

6.4 COMPOSANT « VIGNETTES »

Image 26 – Composant vignettes

Lecomposantvignettespermetdemettreenavantunecollectiond’informations.Lamiseenpageestauto-matique,etpourchaqueinformation,ilestpossiblederenseignerletitre,untexted’accrocheetuneimage.Chaqueinformationdoitobligatoirementêtreliéeàunepageinternet.

Lesimagesdoiventavoirunetaillede80x80px.

Touteslesinformationsconcernantlesimagessetrouventdanslacharteimagequiestundocumentd’aidepourl’utilisationetlacompositiondesimages(àtéléchargersurhttp://www.unine.ch/aide).

Ajouterunevignette

• Cliquezsurlebouton pourajouterunevignette.• Donnezuntitreàlavignette.• CliquezdanslechampTexteetinsérezunbreftexte.

• Cliquezsurlebouton enregardduchampImageetlocalisezlavignette.• DanslechampTypedelien,choisissezLieninternesilelienmèneversuneautrepagedusite,dansle

cascontraire,choisissezLienexterne• Selonvotrechoix,sélectionnezlapageouindiquezl’adresseverslaquelleleliendoitpointer.• CliquezsurSauvegarderpourterminerousurSauvegarderetajouterunnouveaupourinsérerune

nouvellevignette.

Modifierunevignette• Double-cliquezsurlavignette.• Effectuezlesmodificationssouhaitées.• CliquezsurSauvegarderpourterminer.

Supprimerunevignette• Cliquezavecleboutondroitedelasourissurlavignetteetdanslemenucontextuel,choisissez

Supprimer.• CliquezsurOuipourconfirmer.

Lavignetteestmarquéecommesupprimée.Elledisparaîtralorsdelapublication.


Page 22

6.5 COMPOSANT « LISTE DE SÉLECTION »

Image 27 – Composant liste de sélection avec titre et texte

Lecomposant«listedesélection»permetdecréer,dansunemêmepage,demultiplescontenus,visiblesensuiteparsélectiondeséléments.Chaqueélémentdelalistedesélectionafficherauncontenudifférentendessous,sansrechargerlapage.

Cecontenupeutcomprendre:

• Untitre• Uneimage(taille485x120px)• Untexte• Unesous-listedetype«listeaccordéon»,«listedesélection»ou«listed’onglets»(voirci-dessuset

ci-dessous)

AjouteruncomposantListedéroulante

• Cliquezsurlebouton .• DonnezunnomàcecomposantetcliquezsurSauvegarder.

Ajouterunélément

• Cliquezsurlebouton• DanslechampTitre,saisissezletextequiapparaîtracommeuntitreaveclecontenutexte• DanslechampNomdel’élément,saisissezletextesurlequelcliquerpourafficherlecontenu.• CliquezdanslazoneTexteetajoutezlecontenu.Lecontenupeutcontenirdesimagesquiapparaî-

trontdansletexte

Pourajouteruneimageentrelesous-titreetletexte

• Cliquezsurlebouton enregardduchampImageetlocalisezl’imageàafficherous’ilvousnel’avezpasencorechargée,utilisezlebouton cliquezsurlebouton pourladéposer.

Pourajouterunesous-listeaprèsletexte

• Cliquezsurlebouton enregardduchampVuedelasous-listeetchoisissezletype. L’ajoutdecontenudanslasous-listesefaitaprèsavoirajoutél’élémentdelalisteprincipale.

• Sivousnevoulezpasdesous-liste,choisissezAucunesous-liste.• CliquezsurSauvegarderpourterminerousurSauvegarderetajouterunnouveaupourinsérerun


Page 23

nouvelélément.

Pourajouterducontenuàunesous-liste

• Cliquezsurlebouton .Reportez-vousauxinstructionsconcernantlesdifférentstypesdelistepoursavoircommentajouter/éditer/Supprimerducontenu

Modifierunélémentdelisteoudesous-liste• Double-cliquezsurl’élémentàmodifier.• Effectuezlesmodificationssouhaitées.• CliquezsurSauvegarderpourterminer.

Supprimerunélémentdelisteoudesous-liste• Cliquezsurl’élémentdelisteoudesous-listeavecleboutondroitedelasourisetdanslemenu

contextuel,choisissez Supprimer.• CliquezsurOuipourconfirmer.

L’élémentestmarquécommesupprimé.Ildisparaîtralorsdelapublication.



Page 24

6.6 COMPOSANT « LISTE DÉROULANTE »

Image 28 – Composant liste déroulante (exemple de liste avec image)

Lecomposant«listedéroulante»permetdecréer,dansunemêmepage,demultiplescontenus,visiblesensuiteparsélectiondansunelistedéroulante.Chaqueélémentdelalistedéroulanteafficherauncontenudifférentendessous,sansrechargerlapage.

Lecontenusouslalistedéroulante,quiestliéàunélémentenparticulier,peutcomprendre:Chacundescesélémentestfacultatifetilspeuventêtrecombinés

• Unsous-titre• Uneimage(taille480X120px)• Untexte• Unesous-listedetypelisteaccordéon,listedesélectionoulisted’onglets.

AjouteruncomposantListedéroulante

• Cliquezsurlebouton .• DonnezunnomàcecomposantetcliquezsurSauvegarder.

Ajouterunélément

• Cliquezsurlebouton• RemplissezlechampTitre.Letitreapparaîtdanslemenudéroulant• DanslechampSous-titre,saisissezletextequiapparaîtracommeuntitreaveclecontenutexte• CliquezdanslazoneTexteetajoutezlecontenu.Lecontenupeutcontenirdesimagesquiapparaî-

trontdansletexte• Sicochée,l’optionPasdecontenupourcetélémentpermetd’utiliserl’élémentcommesous-rubrique

danslalistedéroulante.

Pourajouteruneimageentrelesous-titreetletexte


Pourajouterunesous-listeaprèsletexte

• Cliquezsurlebouton enregardduchampVuedelasous-listeetchoisissezletype. L’ajoutdecontenudanslasous-listesefaitaprèsavoirajoutél’élémentdelalisteprincipale.

• Sivousnevoulezpasdesous-liste,choisissezAucunesous-liste.• CliquezsurSauvegarderpourterminerousurSauvegarderetajouterunnouveaupourinsérerun

nouvelélément.

Pourajouterducontenuàunesous-liste


Page 25

• Cliquezsurlebouton . Reportez-vousauxinstructionsconcernantlesdifférentstypesdelistepoursavoircommentajouter/éditer/Supprimerducontenu

Modifierunélémentdelisteoudesous-liste• Double-cliquezsurl’élémentàmodifier.• Effectuezlesmodificationssouhaitées.• CliquezsurSauvegarderpourterminer.

Supprimerunélémentdelisteoudesous-liste• Cliquezsurl’élémentdelisteoudesous-listeavecleboutondroitedelasourisetdanslemenu





Page 26

6.7 COMPOSANT « SOUS-LISTE »

Image 29 – Composant accordéon

Lecomposant«Sous-liste»réunitlescomposants«ListeAccordéon»et«Listeàonglets»disponiblesousJahia6.Ilsuffitdechoisirlavuequel’ondésire.L’éditiond’élémentsestidentiquequellequesoitlavuechoisie.

VueAccordéon Lavueaccordéonpermetdecréer,dansunemêmepage,demultiplescontenus,visiblesensuiteparsélec-tiondutitre.Ensélectionnantuntitre,onouvrelalisteetonaffichelecontenu.Ellepeutnotammentêtreutiliséepourunelistedequestionsfréquentes.

VueOnglets Lavueongletspermetdecréer,dansunemêmepage,demultiplescontenus,visiblesensuiteparsélectiondesonglets.Chaqueongletducomposantafficherauntextedifférentendessous,sansrechargerlapage.

Pourdesraisonsdelisibilité,ilestimportantquelalistedesongletsnedépassepasuneligne.Sicelade-vait-êtrelecas,utiliserplutôtunelistedetypelistedesélectionoulistedéroulante

AjouteruncomposantSous-Liste

• Cliquezsurlebouton .• Donnezunnomàcecomposant.Lenomnes’affichepas

• Cliquezsurlebouton enregardduchampSélectionnezunevueetchoisissezletypedevuedanslemenudéroulant.(accordion=accordéon|tabs=onglets)

• CliquezsurSauvegarder.

Ajouterunélément

• Cliquezsurlebouton• DanslechampTitre,saisissezletextesurlequelilfaudracliquerpourafficherlecontenu.• CliquezdanslechampTexteetinsérezlecontenu.• CliquezsurSauvegarderpourterminerousurSauvegarderetajouterunnouveaupourinsérerun

nouvelélément.

Modifierunélément• Double-cliquezsurl’élémentàmodifier.• Effectuezlesmodificationssouhaitées.


Page 27


Supprimerunélément• Cliquezsurl’élémentavecleboutondroitedelasourisetdanslemenucontextuel,choisissez Sup-

primer.• CliquezsurOuipourconfirmer.



Page 28

6.8 COMPOSANT « RUBRIQUE (1/1) ET (1/2) »

Image 30 – Composant Rubrique (1/1)

Image 31 – Composant Rubrique (1/2)

Lescomposants«rubrique(1/1et1/2)»permettentdefaireunelistedeliensavecunemiseenpageauto-matique.

Lesmêmescomposantssontdisponiblessurlapaged’accueildessitesdesfacultés,maisavecundesigndifférent.

Image 32 – Exemple composants rubriques (1/2 et 1/1) page d’accueil des facultés

Ajouter une rubrique• SinécessaireinsérezuncomposantdetypeRubrique(1/1)ouRubrique(1/2),

puis:

• Cliquezsurlebouton .• DanslechampTypedelien,choisissezLieninternesilelienmèneversuneautrepagedusite,dansle

cascontraire,choisissezLienexterne• Selonvotrechoix,sélectionnezlapageouindiquezl’adresseverslaquelleleliendoitpointer.• DanslechampTitredulien,insérezletextedulienquiapparaîtradanslapage.• CliquezsurSauvegarderpourterminerousurSauvegarderetajouterunnouveaupourinsérerune

nouvellerubrique.


Page 29

Modifierunerubrique• Double-cliquezsurlarubrique.• Effectuezlesmodificationssouhaitées.• CliquezsurSauvegarderpourterminer.

Supprimerunerubrique• Cliquezavecleboutondroitedelasourissurlavignetteetdanslemenucontextuel,choisissez

Supprimer.• CliquezsurOuipourconfirmer.

Larubriqueestmarquéecommesupprimée.Elledisparaîtralorsdelapublication.


Page 30

6.9 COMPOSANT « TABLEAU POUR CRÉATION PAGE »

Image 33 – Composant tableau pour création page

Cecomposantpermetdefaireunelistedeliensavecunemiseenpageautomatique.Ilestpossibled’affi-cher8colonnesaumaximum.

Lacréationd’untableausefaitentroisétapes.Ilfautd’aborddéfinirletableaupuisajouterdescolonnesetenfininsérerducontenu.

Définiruntableau• InsérezuncomposantdetypeTableaupourcréationdepage,

puis:

• Cliquezsurlebouton .• Donnezunetitreàvotretableau.• DanslechampStyledetitre,choisissezparmilesoptionssuivantes:

• hidden:letitrenes’affichepas• h2:Titregrand• h3:titrepetit


Ajouterdescolonnesautableau

• Cliquezsur .• DonnezunnomchaquecolonnedevotretableauencommençantparCellule1.Iln’estpasobliga-

toired’avoir8colonnes:Retenezbienlesnomsetl’ordredesintituléscarilsn’apparaissentpaslorsdelasaisiedesdonnées.


Ajouterdeslignesetducontenuautableau

• Cliquezsur• IgnorezlechampNomsystème.• CliquezsurCellule2etsaisissezlesdonnéesquis’afficherontdansla2èmecolonne.Répétezcette

opérationpourremplirlesautrescellulesdutableausetrouvantsurlamêmeligne.• LecontenudelapremièrecolonnedoitêtresaisidanslasectionLienpage.

• S’iln’yapasdelien,laisseztelquel• Pourunlienversuneautrepagedusite,choisissezLieninternepuissélectionnezlapagequidoit

êtreliée.• Pourunlienversunautresite,choisissezLienexterneetindiquezl’adresse.• Letitredulienestletextequiapparaîtradansla1èrecolonne

• CliquezsurSauvegarderpourterminerousurSauvegarderetajouterunnouveaupourinsérerunenouvelleligne.


Page 31

Modifierlestitresdecolonnesdutableau

• Double-cliquezsurlebouton enregarddelalignedestitreseteffectuezlesmodificationssouhai-tées


Modifierlecontenud’uneligne

• Double-cliquezsurlebouton enregarddelaligneàmodifiereteffectuezlesmodificationssouhai-tées.


Supprimerunelignedutableau

• Cliquezavecleboutondroitedelasourissurlebouton enregarddelaligneàeffaceretdanslemenucontextuel,choisissez Supprimer.

• CliquezsurOuipourconfirmer. Laligneestmarquéecommesupprimée.Elledisparaîtralorsdelapublication.


Page 32

6.10 COMPOSANT « VIDÉO »

Cecomposantn’estpasdisponiblesurlapaged’accueildutemplate«Faculté».

Image 34 – Composant vidéo

Cecomposantpermetd’intégrerunevidéoenstreaming,c’est-à-direintégréedirectementdanslapagejahia.Lelecteurpermetdelancerlavidéoenpleinécran.

Lesvidéosdoivent-êtredéposéessurleserveurmultimédiadel’UniNE,danslesbonsformats(normalethautedéfinition).Lebureaupresseetpromotionestàvotredisposition([email protected]).

Sivouslesouhaitez,vouspouvezafficheruneimagefixeàlaplacedelapremièreimagedelavidéo.Cetteimagedeprévisualisationpermetd’avoirunepremièreimagelorsquelavidéon’estpasencorelancée.Elle-doitavoirunetaillede480x270px.

Cecomposantestégalementdisponibledanslacolonnededroitedetouslestemplates.

Ajouterunevidéo

• Cliquezsurlebouton .• Donnezuntitreàvotrecomposant.Letitrenes’affichepasdanslapage• IndiquezlesURLspourlesvidéosenbasseetenhauterésolutiondansleschampsrespectifs.• Assurez-vousquelecaseUtiliserleserveurdestreamingdel’UNINEestcochée.• CliquezsurImagedeprévisualisationdanslacolonnedegaucheetlocalisezl’imagequis’affichera

danslapagetantquelavidéon’apasdémarré.• CliquezsurTextepourajouterdutexteau-dessousdelavidéo.• CliquezsurSauvegarderpourterminer.

Modifierlesparamètresouchoisiruneautrevidéo• Double-cliquezsurlavidéo.• Modifiezlesparamètresselonvossouhaits:


Page 33

• ChangezlesURLspourafficheruneautrevidéo• Choisissezuneautreimagedeprévisualisationet/ouéditezletexte.


SupprimerlavidéoLecomposantVidéonepouvantcontenirqu’uneseulevidéo,ilfautsupprimerlecomposant.• Cliquezavecleboutondroitedelasourisetdanslemenucontextuel,choisissez Supprimer.• CliquezsurOuipourconfirmer.

Lecomposantestmarquécommesupprimé.Ildisparaîtralorsdelapublication.


Page 34

6.11 COMPOSANT « GALERIE D’IMAGES »

Image 35 – Composant galerie d’images

Lagaleried’imagespermetd’afficherunecollectiond’imagesàunseulendroit.Ilestpossiblesimplementdenaviguerentrelesimagespardesclics,oudelancerundiaporama.

Pourréaliserunegalerievousdevezsimplementmettretoutesvosimagesdansunmêmerépertoiredugestionnairededocumentsetlesélectionnerentantquerépertoired’imagedanslafenêtred’édition.Lesimagettessontcrééesàlavoléeparlesystème,iln’estdoncpasnécessairedes’enpréoccuper.Lesvisiteurspourronttéléchargerl’imageoriginale.



Page 35

Accessibilitédevosimages

Pourdesraisonsd’accessibilitédesimagesauxpersonnesmalvoyantes,ilestnécessairedeladécrirebrièvementenpassantparlegestionnairededocuments.

Image 36 – Champs Titre et Description dans le gestionnaire de documents

Lechamp«Titre»setrouvantdansl’onglet«Propriétés»d’uneimageestluparlesnavi-gateursspécialisésenlieuetplacedel’image.

Lechamp«Description»permetauxmoteursderecherchede«décrypter»l’image.

Lesdeuxinformationssontégalementaffichéesendessousdel’imagedanslagalerie.

Créerunegaleried’images

• Cliquezsurlebouton• Donnezluiuntitre.

• Cliquezsurlebouton enregardduchampRépertoired’images• Localisezledossiercontenantlesimages.• CliquezsurSauvegarderpourterminer.

AjouterousupprimerdesimagesCommelecomposantGaleried’imagesaffichelesimagescontenuesdansundossier,ilsuffitdemodifierlecontenududossiervialeGestionnairededocuments.


Page 36

6.12 COMPOSANT « CARTE »

Image 37 – Composant Google map

Cecomposantpermetd’afficherdemanièrestandardiséelalocalisationdevotrestructure,ensélectionnantsimplementvotreadressedanslalistedeslieuxprédéfiniesetrouvantdanslerépertoiremaps(directe-mentaccessiblelorsquevouscliquersur«ajouterunecarte»).

Ajouterunecarte

• Cliquezsurlebouton .• Donnezluiuntitre(parexemplelenomdubâtiment,dulabo,etc).• CliquezdanslemenudéroulantAdresseetsélectionnezuneadresse.• CliquezsurSauvegarderpourterminer.

Choisiruneautrecarte• Double-cliquezsurletitre• CliquezdanslemenudéroulantAdresseetsélectionnezuneautreadresse.• CliquezsurSauvegarderpourterminer.

Siaucunecartenecorrespondàvotrebesoin,vouspouvezcontacterlahotlineduSITEL([email protected])pourcréationd’unenouvellecarte.


Page 37

6.13 COMPOSANT « IFRAME »

Cecomposantn’estpasdisponiblesurlapaged’accueildutemplate«Faculté».

LecomposantIframepermetd’intégrerunepagewebàl’intérieurd’unepageJahia

Ilestrecommandéd’utiliserlesiframesauformat«https»sansquoiellesn’apparaîtrontpassionnavigueenhttps.

AjouterunecomposantIFrame

• Cliquezsurlebouton . • CliquezdanslechampTitreetsaisissezletitreàdonneraucomposant.Vouspouvezdéterminerdans

lechamptitleStyle|Styledutitresiletitres’afficheetdansquelletaille.• DanslechampURL,indiquezl’adressedelapagequidoits’afficher.

Attention,l’indicationduprotocole(http://)estobligatoire.• Hauteurdelaframe,indiquezlahauteurducadredanslequellapageexternes’affichera.• DanslechamptitleStyle(Styledetitre),choisissezparmilesoptionssuivantes:

• hidden:letitrenes’affichepas• h2:Titregrand• h3:titrepetit


ModifierlecomposantIFrame• Positionnezvotrecurseursurlazoneoùsontindiquésl’URLetlahauteurducadre• Double-cliquez• Effectuezlesmodificationssouhaitées.• CliquezsurSauvegarderpourterminer.

SupprimerlecomposantIFrameLecomposantIFramenepouvantcontenirqu’unseulcadre,ilfautsupprimerlecomposant.• Positionnezvotrecurseursurlazoneoùsontindiquésl’URLetlahauteurducadre.• Cliquezavecleboutondroitedelasourisetdanslemenucontextuel,choisissez Supprimer.• CliquezsurOuipourconfirmer.

Lecomposantestmarquécommesupprimé.Ildisparaîtralorsdelapublication.


Page 38

7 PAGE D’ACCUEIL DES SITES DE FACULTÉSLemodèledelapaged’accueildessitesdesfacultésestparticulier.Danslapremièrepartie,vousavezlechoixentreuncomposant«imageàlaune»,«vidéoàlaune»(décriteci-dessous)ou«listed’imageàlaune»(voirchapitre6.4,page22).Danslasecondepartie,vousavezlechoixentreuncomposantvignette,uncomposantrubriqueouuncomposanttextelibre(voirladescriptiondecescomposantsdanslapartie«colonnecentrale»).

7.1 COMPOSANT « IMAGE À LA UNE »

Image 38 – Composant image à la une

Cecomposantpermetd’afficheruneinformationsousformed’image,accompagnéed’untitreetd’untexted’accroche.

Pourchaquetexte,ilestpossibledefaireunlienversunfichierouversunepageinternet.

L’imagedoitavoirunetaillede480x295px.


Afficheruneimageàlaune

• Cliquezsurlebouton • CliquersurSauvegarder.Note:iln’estpasnécessairedemodifierletitredonnéepardéfaut.

Ajouteruneimageàlaune• CliquezdanslechampTitreetsaisissezletexte.Letitreapparaîtengras• CliquezensuitedanslechampSous-titreetsaisissezletexte.Lesous-titres’affichedansunetaille

inférieureàcelledutitre.


• CliquezdanslechampTexte,ajoutezletextequiaccompagnel’image.Ilestpossibledelierunfichierouunepagewebàl’image.

• Cliquezsurlebouton enregardduchampTypedelienetchoisissezletypedelien


Page 39

• Pourajouterunlienversunfichier,choisissezLienversfichier,cliquezsurlebouton enregardduchampFichieretlocalisezlefichieràlier.




Modifierl’imageàlaune• Double-cliquezsurl’image.• Effectuezlesmodificationssouhaitées.• CliquezsurSauvegarderpourterminer.


Page 40

7.2 COMPOSANT « LISTE D’IMAGES À LA UNE »

Image 39 – Composant liste d’images à la une

Cecomposantpermetd’afficherquatreinformations,sousformed’image(taillede480X295px),accompa-gnéed’untitreetd’unpetittextedeprésentation.Lemodulefonctionnecommeundiaporama,maislepassagepeutaussiêtrefaitmanuellementparunsimpleclicsurundestextesdeprésentation.

Pourchaqueimageilestpossibledefaireunlienversunfichierouversunepageinternet.Ilestpossibled’intégrerplusde4informations,etenjouantsurlapublicationplanifiée(voirchapitre13.4,page54),den’afficherquecellesquisontpertinentes.

Siplusde4informationsdevaient-êtreaffichées,seulesles4premièresdansl’ordred’affichageseraientaffichées.

Touteslesinformationsconcernantlesimages(oùtrouverdesimages,composeruneimage,tailledesimages,etc.)setrouventdanslacharteimage(àtéléchargersurhttp://www.unine.ch/aide).

Afficherunelisted’imageàlaune

• Cliquezsurlebouton • CliquersurSauvegarder.Note:iln’estpasnécessairedemodifierletitredonnéepardéfaut.

Ajouteruneimageàlalisted’imageàlaune

• Cliquezsurlebouton • DanslechampTitre,saisissezletitrequiaccompagnel’imageetletexted’accroche• DanslechampTexted’accroche,ajoutezletextequiaccompagnel’image


• Sinécessaire,modifiezletextedulien.Ilestpossibledelierunfichierouunepagewebàl’image.

• Cliquezsurlebouton enregardduchampTypedelienetchoisissezletypedelien

• Pourajouterunlienversunfichier,choisissezLienversfichier,cliquezsurlebouton enregardduchampFichieretlocalisezlefichieràlier.



Page 41


• CliquezsurSauvegarderpourterminerousurSauvegarderetajouterunnouveaupourinsérerunenouvelleimage

Modifieruneimageàlaune• Double-cliquezsurl’image.• Effectuezlesmodificationssouhaitées.• CliquezsurSauvegarderpourterminer.

Modifierl’ordredesimagesàlaune• Cliquezavecleboutondroitedelasourisdanslazonedetitreducomposantpuisdanslemenu

contextuel,choisissezEditer.• Cliquezsurl’ongletOrdre• Sélectionnezl’imageàdéplacerpuiscliquezsurlesboutonsdedéplacement.

Supprimeruneimageàlaune• Cliquezsurl’imageavecleboutondroitedelasourisetdanslemenucontextuel,choisissez Sup-


L’imageestmarquéecommesupprimée.Elledisparaîtralorsdelapublication.


Page 42

7.3 COMPOSANT « VIDÉO À LA UNE »

Image 40 – Composant vidéo à la une

Commelecomposant«Imageàlaune»,cecomposantpermetdemettreuneinformationenavant,maiscettefoissouslaformed’unevidéoenstreaming,c’est-à-direintégréedirectementdanslapagejahia.

Lesvidéosdoivent-êtredéposéessurleserveurmultimédiadel’UniNE,danslesbonsformats(normalethautedéfinition).Lebureaupresseetpromotionestàvotredisposition([email protected]).

Lelien«suite»permetdeliercecomposantsurunfichierouunepageInternet.

L’éventuelleimagedeprévisualisationquipermetd’avoirunepremièreimagelorsquelavidéon’estpasen-corelancée,doitavoirunetaillede480x295px.



Page 43

8 COLONNE DE DROITELalargeurmaximumdelacolonnededroiteestde185pixels.

8.1 COMPOSANT « À TÉLÉCHARGER »

Image 41 – Composant A télécharger

Cecomposantpermetd’afficherunelistedefichiersàtélécharger.Latailledufichieretlesicôness’affichentautomatiquement.

Tantqu’iln’estpasutilisé,ilestpossibledemodifierlenomaffichédufichier(sansmodifiersonadresseousonnom),enallantdanslegestionnairededocuments,sélectionnerlefichier,surl’ongletPropriétés,puisrenseignerlechampTitre.

Image 42 – Champ Titre d’un fichier

Ajouterunfichieràtélécharger• SinécessaireinsérezuncomposantdetypeAtélécharger,

puis:

• Cliquezsurlebouton .

• Cliquezsurlebouton enregardduchampFichier.• Localisezetsélectionnezlefichieràmettreàdisposition.• CliquezsurSauvegarderpourterminerousurSauvegarderetajouterunnouveaupourinsérerun

fichiersupplémentaire.

Changerdefichier• Cliquezavecleboutondroitedelasourissurlefichieràchangeretdanslemenucontextuel,choisis-

sezEditer.


Page 44

• Cliquezsurlebouton enregardduchampFichier.• Localisezetsélectionnezlenouveaufichieràmettreàdisposition.• CliquezsurSauvegarderpourterminer.

Modifierlespropriétésd’unfichierLamodificationsdespropriétésd’unfichiersefaitvialeGestionnairededocuments.

Supprimerunfichier• Cliquezavecleboutondroitedelasourissurlefichieràsupprimerducomposantetdanslemenu


Lefichierestmarquécommesupprimé.Ildisparaîtralorsdelapublication.Info:Lefichiernes’afficheplusdanslalistemaisilesttoujoursprésentdansleGestionnairededocu-ments.


Page 45

8.2 COMPOSANT « TEXTE LIBRE »

Image 43 – Composant Texte Libre

Cecomposantpermetd’afficheruntextecourtdanslacolonnededroite.CecomposantpossèdelesmêmesoptionsquelecomposantTextelibredisponibledanslacolonnecentrale.Référez-vousàcettedernièrepourconnaîtrelesoptions.


Page 46

8.3 COMPOSANT « DIVERS »

Image 44 – Composant divers 1 Image 45 – Composant divers 2 Image 46 – Composant divers 3

Cecomposantpermetd’afficher,dans3stylesdifférents,descontenusdetypetextelibre.Lelookducom-posantchangeautomatiquementenfonctiondelamiseenformechoisie.UncomposantDiverspeutconte-nirplusieursblocsdetexte.Cesdernierspeuventavoirdesapparencesdifférentes.

AjouterducontenudansuncomposantdetypeDivers• InsérezuncomposantdetypeDivers.• Donnez-luiuntitreetcliquezsurSauvegarder.Letitrenes’afficheraqu’enfonctiondel’habillagechoi-

si.

• Cliquezsurlebouton .• Cliquezdanslazonedetexteetajoutezlecontenu.• Cliquezsurleboutonpourmodifierl’habillagesinécessaire.

• Pourmodifierl’apparenceducomposant,cliquezsurlebouton enregardduchampHabillageetdanslemenudéroulant,sélectionnezuntyped’affichage

• CliquezsurSauvegarderousurSauvegarderetSauvegarderajouterunnouveaubloc.

Modifierl’apparenceoulecontenud’uncomposantDivers• Double-cliquezsurletexte.• Effectuezlesmodificationssouhaitées.• CliquezsurSauvegarderpourterminer.

SupprimeruncomposantDivers(habillageAvectitredecomposant,sansfondetsansfilet)

• Placezlecurseursuladroitedubouton ,lecomposantestalorsentouréed’uncadrebleupuiscliquezavecleboutondroitedelasourisetdanslemenucontextuel,choisissez Supprimer.

• CliquezsurOuipourconfirmer. Lecomposantestmarquécommesupprimé.Ildisparaîtralorsdelapublication.


Page 47

8.4 COMPOSANT « IMAGE »

Image 47 – Composant image

Cecomposantpermetd’afficheruneimagedanslacolonnededroite.

Tailledel’image:

• Lalargeurestimposéeà185px.• Hauteurminimum:90px• Hauteurmaximum:185px

L’imageinsérées’adapteraautomatiquementàlahauteuroùàlalargeurmaximumengardantlespropor-tionsdevotreimage.Attentionànepasmettredesimagestropgrandesquiseraientinutilementlourdes.

Ilestpossibled’ajouteruncadreautourdel’imageainsiqu’unlienversunepageInternet.

AjouterducontenudansuncomposantdetypeImage



• Ilestpossibledelierunfichierouunepagewebàl’image.Attentionànepasmettreàlafoisunlienversunfichieretunlienversunepageweb.

• Pourajouterunlienversunfichier,cliquezsurlebouton enregardduchampFichieretlocali-sezlefichieràlier.

• Pourajouterunlienversunepagedevotresiteweb,choisissezLieninternedanslemenudérou-lantTypedelienpuiscliquezsurlebouton enregardduchampLieninterneetlocalisezlapage

• Pourajouterunlienversunepageexterneàvotresiteweb,choisissezLienexternedanslemenudéroulantTypedelienpuisindiquezl’URLdelapage(ycomprishttp://)etenfindonnezuntitreaulien(nes’affichepas).

• CochezlacaseBordpourajouteruncadreàl’image• CliquezsurSauvegarderpourterminer.

Modifierl’image• Double-cliquezsurl’image.• Effectuezlesmodificationssouhaitées.• CliquezsurSauvegarderpourterminer.

Supprimerl’imageLecomposantimagenepouvantcontenirqu’uneseuleimage,ilfautsupprimerlecomposant.• Cliquezsurl’imageavecleboutondroitedelasourisetdanslemenucontextuel,choisissez Sup-


L’imageestmarquéecommesupprimée.Elledisparaîtralorsdelapublication.


Page 48

8.5 COMPOSNT « IMAGE PRÉDÉFINIE »

Image 48 – Exemple d’ image prédéfinie

Lecomposantimageprédéfiniepermetd’insérerdesimagesstandardiséesquilientàunepagedéfinie.Lecontenudesimages«touslesbachelors»et«touslesmasters»s’adapteautomatiquementàlafaculté.

Imagesactuellementàchoix:

• Admissionaccueil• Admissionbachelors• Admissionmasters• Newsletter• Inscriptionbachelors• Inscriptionmasters• Touslesbachelors(parFaculté)• Touslesmasters(parFaculté)

Cesimagessontégalementdisponiblesauniveaudesmenussecondairesdelacolonnedegauche.

AjouteruncomposantdetypeImageprédéfinie


• Cliquezsurlebouton enregardduchampImageprédéfinieetchoisissezl’imagedanslemenudéroulant.


Choisiruneautreimageprédéfinie• Double-cliquezsurl’image.• Choisissezuneautreimagedanslemenudéroulant.• CliquezsurSauvegarderpourterminer.

Supprimerl’imageprédéfinieLecomposantImageprédéfinienepouvantcontenirqu’uneseuleimage,ilfautsupprimerlecomposant.• Cliquezsurl’imageprédéfinieavecleboutondroitedelasourisetdanslemenucontextuel,choisis-

sez Supprimer.• CliquezsurOuipourconfirmer.

L’imageprédéfinieestmarquéecommesupprimée.Elledisparaîtralorsdelapublication.


Page 49

8.6 COMPOSANT « VIDÉO »

Image 49 – Composant vidéo

Bienqueplusétroitqueceluisetrouvantdanslacolonnecentrale,lefonctionnementenestidentique.Mercidevousréférerauchapitre«colonnecentrale».


Page 50

8.7 COMPOSANT « TÉMOIGNAGE »

Image 50 – Composant témoignage

Cecomposants’adapteautomatiquementenhauteur.Lefondsmetenévidenceletexteaveclesguillemets.Ilpermetdefaireunlienversunepageinternet,unfichieroudecréerunepage.

Ajouteruntémoignage

• Cliquezsurlebouton .• CliquezdanslazoneTexteetajoutezlecontenu.• Ilestpossibledelierunfichierouunepagewebaucomposanttémoignage.Attentionànepas

mettreàlafoisunlienversunfichieretunlienversunepageweb.





Modifieruntémoignage• Double-cliquezsurlecomposantTémoignage.• Effectuezlesmodificationssouhaitées.• CliquezsurSauvegarderpourterminer.

SupprimeruntémoignageLecomposantTémoignagenepouvantcontenirqu’untémoignage,ilfautsupprimerlecomposant.• CliquezsurlecomposantTémoignageavecleboutondroitedelasourisetdanslemenucontextuel,

choisissez Supprimer.• CliquezsurOuipourconfirmer.

LecomposantTémoignageestmarquécommesupprimé.Ildisparaîtralorsdelapublication.


Page 51

8.8 COMPOSANT « TÉMOIGNAGE AVEC IMAGE »

Image 51 – Composant témoignage avec photo

Cecomposants’adapteautomatiquementenhauteur.Ellepermetd’intégreruneimage,untexteetd’ajou-terunlienversunepageinternet,unfichieroudecréerunepage.

L’imagedoitavoirunetaillede160x160px.

Ajouteruntémoignageavecimage



• CliquezdanslazoneTexteetajoutezlecontenu.• Ilestpossibledelierunfichierouunepagewebaucomposanttémoignage.Attentionànepas

mettreàlafoisunlienversunfichieretunlienversunepageweb.





Modifieruntémoignageavecimage• Double-cliquezsurlecomposantTémoignageavecimage.• Effectuezlesmodificationssouhaitées.• CliquezsurSauvegarderpourterminer.

SupprimeruntémoignageavecimageLecomposantTémoignageavecimagenepouvantcontenirqu’untémoignage,ilfautsupprimerlecom-posant.• CliquezsurlecomposantTémoignageavecimageavecleboutondroitedelasourisetdanslemenu


LecomposantTémoignageavecimageestmarquécommesupprimé.Ildisparaîtralorsdelapublica-tion.


Page 52

9 PIED DE PAGE Lepieddepageestdiviséenplusieurszonesdistinctes.Iln’estmodifiablequedepuislapaged’accueildusite.

9.1 PIED DE PAGE DU SITE

Image 52 – Pied de page du site

Leszonessuivantessontidentiquessurtouslessitesetnesontpasmodifiables:

• Menus«Imprimer»,«hautdepage»

• LogoSwissuniversity

ZoneLogoUnespacepermettantd’insérerunlogoestprévuàgauchedel’adresse.

• Double-cliquezsurLogo 120x60• CliquezdanslechampLogoetlocalisezlelogo• CliquezsurSauvegarderdanslegestionnairededocuments• CliquezsurSauvegarderpourterminer.

Note:IlestinutiledecliquersurOTHERLOGO.Letitren’estpasaffiché.

ZoneFooterlinksIlestpossibled’ajouterdesliensdanscettezone.Ilesttoutefoisnécessaired’inséreraumoinsles3lienssuivants:

• Pland’accès• Informationssurlesite• Contact

etrenvoyerverslespagescorrespondantes.

Ajouter un lien

• Cliquezsurlebouton • Pourunlienversuneautrepagedusite,choisissezLieninternepuissélectionnezlapagequidoitêtre

liée.• Pourunlienversunautresite,choisissezLienexterneetindiquezl’adresse.• Letitredulienestletextequiapparaîtradanslapage• CliquersurSauvegarderpourterminerousurSauvegarderetajouterunnouveaupourcontinuer

ZoneAddressCettezonedetextevouspermetdemettrel’adressedevotreentité.


Page 53


Page 54

9.2 PIED DE PAGE « PORTAIL CENTRAL »

Image 53 – Pied de page Portail central

Ladeuxièmezonedanslepieddepageestunpieddepagestandardiséquipermetauxutilisateursdere-trouverfacilementlesinformationsgénéralessurl’Université,depuistouteslespagesdusite,cecienunseulclic.Lesinformationss’ytrouvantsontdirectementhéritéesduportailprincipaldel’UniNE.Danslecasd’unsiten’ayantpeuoupasderapportaveclesitedel’Université,ilestpossibledemasquercepieddepage.

9.3 ZONE DE RACCOURCIS POUR L’INTERNE

Image 54 – Zone de raccourcis

Cettezoneproposedesliensverslessiteslesplusutilisésàl’interne.

Elleestidentiquesurtouslessitesdudomaineunine.ch.

Sivoussouhaitezproposerdesliens,mercid’envoyerunmessageà[email protected].


Page 55

10 GESTIONNAIRE DE DOCUMENTS (TOUS TYPES DE FICHIER)

10.1 GÉNÉRALITÉS

Legestionnairecontientdesdocumentsquipeuventêtreden’importequeltyped’élémentnumérique(fichier,imageoutoutautretypedefichier).

Legestionnaireestaccessibledepuisl’onglet«Gestionnaire»delabarred’Editionprincipale.Lesopéra-tionscourantessurlesdocumentssontégalementdisponiblesdepuislavuesimplifiéedugestionnairededocumentsaccessibledepuislesfenêtresd’édition(déposer/supprimerundocument,ajouterunrépertoire,etc.).

Ilestimportantdenepasconsidérerlegestionnairededocumentscommeunserveurdefichierspourl’uti-liserpourdupartagededocuments,copiedesauvegardeouencorecommeserveurtemporaire.SeulslesdocumentsdestinésàêtrepubliésviaunepageJahiadevraients’ytrouver.

Image 55 – Onglet «Outils» de la barre de menu principale

10.2 OPÉRATIONS DE BASE

Créerundossier• Cliquezavecleboutondroitedelasourissurledossierparent(ledossieràl’intérieurduquellenou-

veaudossierseracréé).ChaquesitecontientundossierprincipalintituléFile• ChoisissezNouveaurépertoiredanslemenucontextuel• Nommezlenouveaudossier

Ajouterdesfichiers• Cliquezavecleboutondroitedelasourissurledossierparent• ChoisissezEnvoyersurleserveur.• CliquezsurParcouriretlocalisezlefichier• Répétezl’opérationsivoussouhaitezajouterplusieursfichiers• CliquezsurOKpourterminer

Renommerunfichier• Cliquezavecleboutondroitedelasourissurlefichieroudossieràrenommer• ChoisissezRenommer• Entrezlenomsouhaité• CliquezsurOKpourterminer

Déplacerunfichierouundossier• Affichezl’élémentàdéplacerdanslacolonnededroite


Page 56

• Faites-leglisserdansledossier-ciblesurlacolonnedegauche

Important

Sivoussouhaitezremplacerundocumentparuneversionmiseàjour,sanscasserlesliensversledocument,vousdevezintitulerlenouveaudocumentavecle-smême-sterme-squel’ancien.Ainsi,ill’écraseraetl’adresseurldudocumentresteralamême.

10.3 MODIFIER LES IMAGES

Jahiaoffrelapossibilitéd’effectuerquelquesopérationsélémentairessurlesfichiersimagesprésentsdanslegestionnairededocuments.Ainsivouspouvezredimensionner,découperoueffectuerunerotation.

Image 56 – Menu contextuel lors de la sélection d’une image

Découperuneimage• Cliquezavecleboutondroitedelasourissurlefichieràmodifier.• Danslemenucontextuel,sélectionnezDécouperl’image.• Placezlecurseursurl’imageettracéuncadre.• Ajustezlecadresinécessaire.• Donnezunnomaunouveaufichierquiseracréé.• CliquezsurOKpourterminer.

Redimensionner une image• Cliquezavecleboutondroitedelasourissurlefichieràmodifier.• Danslemenucontextuel,sélectionnezRedimensionner.• ChoisissezunetailleprédéfinieoudansleschampsLargeuretHauteurindiquezladimensionnezsou-

haitée.• Donnezunnomaunouveaufichierquiseracréé.• CliquezsurOKpourterminer.

Effectuerlarotationd’uneimage• Cliquezavecleboutondroitedelasourissurlefichieràmodifier.• Danslemenucontextuel,sélectionnezRotation.• CliquezsurRotationàgaucheouRotationàdroite• Donnezunnomaunouveaufichierquiseracréé• CliquezsurOKpourterminer


Page 57

10.4 DONNER UN TITRE À UN FICHIER

Ilestpossiblededonneruntitreàunfichier.Cetteoptionesttrèspratiquelorsquel’onutiliselecomposantTéléchargement.Eneffet,letitredonnéremplacelenomdufichier.

Donneruntitre• Sélectionnezlefichier• Activezl’ongletContenu(au-dessousdelalistedefichiers)• CliquezdanslechampTitreetsaisissezletitredudocument.• CliquetsurSauvegarder.

Image 57 – Options de fichiers

10.5 VUE VIGNETTES

L’onglet«Vue»permetdemodifierl’affichagedesdocuments/images.Lavue«vignette»estparticulière-mentintéressantepourchoisiruneimage.

Image 58 – Onglet vue du gestionnaire de documents

Image 59 – Affichage des vignettes dans le gestionnaire de documents


Page 58

10.6 DÉCOMPRESSION AUTOMATIQUE DE FICHIERS .ZIP

Ilestpossibledetéléchargerunfichierdetype.zip,contenantplusieursfichiers(pdf,jpeg,…),ainsiqueleurstructure.Celapermetdegagnerbeaucoupdetempslorsduchargementdenombreuxfichiers.Pourcefaire,unefoislebouton (Envoyersurleserveur)cliqué,ilfautcocherlacase«Décompressionautoma-tique»,puischoisirledocumentdansvotreordinateur.

Vousaveztoujourslapossibilitédedécompresserundossierultérieurementsiaumomentdechargerlefichierzippévousn’avezpascochélacase«Décompressionautomatique».IlvoussuffitdecliqueravecleboutondroitedelasourissurlefichieretdechoisirDézipperdanslemenucontextuel.

Image 60 – Décompression automatique dans le gestionnaire de documents

10.7 SUR QUELLE/S PAGE/S VOTRE DOCUMENT EST-IL UTILISE ?

Lorsquevoussélectionnezundocument,vouspouvezvoirsurquelle/spage/silestutiliséencliquantsur«Utilisations»enbasdugestionnairededocuments.

Image 61 – Onglet Utilisation d’un document


Page 59

11 PUBLIER VOS MODIFICATIONS : LE WORKFLOWJahiautiliseunmécanismedepublicationfonctionnantdelamanièresuivante:tantqu’unepageouunemodificationn’apasétépubliée(validée),lechangementn’estvisiblequ’enmodeédition.

Unepastilledecouleursetrouveenhautàdroitedelafenêtreetindiquelestatutdepublicationdelapage

Lapagen’ajamaisétépubliée.Iln’yapasdecontenuenligne.

Lapagen’estpasàjour.Lecontenuaétééditémaisleschangementsn’ontpasétépubliés.

Lapageestàjour.

Lapageaétésuppriméeenéditionmaiselleesttoujoursenligne

11.1 LES DIFFÉRENTES MÉTHODES DE PUBLICATION.

Jahiaoffredésormaislapossibilitédepublierséparémentlesdifférentscomposantsetélémentscontenusdansunepage.Ilestbiensûrtoujourspossibledepublierunepagecomplèteouplusieurspagessimultané-ment

Publieruncomposantuniquement• Cliquezsurlecomposantavecleboutondroiteetdanslemenucontextuel,choisissezPublierpuis

Publier[nomoutitredel’objet].• Danslaboîtededialoguequisuit,cliquezsurDémarrerleworkflow.

Publierunepagecomplète• Danslenavigateurdepages,cliquezsurlapageavecleboutondroiteetdanslemenucontextuel,

choisissezPublier[nomdelapage]• Danslaboîtededialoguequisuit,cliquezsurDémarrerleworkflow.

Publierunepagecomplète• Danslabarred’outilJahia,cliquezsurlemenuPublicationsetchoisissezgestionnairedepublications.

danslemenudéroulant• CochezlespagesquevoussouhaitezpublieretcliquezPublier• Danslaboîtededialoguequisuit,cliquezsurDémarrerleworkflow.


Page 60

12 VISIBILITÉIlestpossibledegérerlapériodedevisibilitéd’unélémentdonné,quecesoitunepageouuncomposant.

Image 62 – Conditions de visibilité

Gérerlavisibilitéd’unepage• Danslenavigateurdepage,cliquezavecleboutondroitedelasourissurlapageàmodifieretdansle

menucontextuel,choisissezEditer.• Activezl’ongletVisibilité

Gérerlavisibilitéd’uncomposant• Double-cliquezsurlecomposantoucliquezavecleboutondroitedelasourissurlapageàmodifieret

danslemenucontextuel,choisissezEditer.• Activezl’ongletVisibilité

Modifierlavisibilitéd’unélément• Choisissezunecondition(heuredelajournée|Jourdelasemaine|Datededébutetdefin)etcli-

quezsurlebouton • Effectuezlesréglagessouhaités.• CliquezsurSauvegarderpourterminer.• Publiezvotrepageouvotrecomposant.

Modifierlesconditionsdevisibilitéd’unélément• Affichezl’ongletVisibilitédelapageouducomposant.• Cliquezsurlacondition• Modifiezlacondition• CliquezsurSauvegarderpourterminer.• Publiezvotrepageouvotrecomposant.

Supprimerlesconditionsdevisibilité• Affichezl’ongletVisibilitédelapageouducomposant.

• Cliquezsurlebouton enregarddelaconditionàsupprimer.• CliquezsurSauvegarderpourterminer.• Publiezvotrepageouvotrecomposant.


Page 61

13 L’ÉDITEUR DE TEXTE (CKEDITOR)CKEditorestéditeurdecontenuintégréàJahia.IlpermetdetravaillerenmodeWYSIWYG(WhatYouSeeIsWhatYouGet),cequisignifiequel’interfacepermetdecomposervisuellementlerésultatsouhaité.

ToutefoistoutlecontenuquevousajoutezestenréalitécomposédecodeHTML.Celaimpliqued’unepartquelecontenupeutlégèrementvarierd’unnavigateuràunautre.D’autrepart,lespossibilitésd’éditionducodeHTMLsontbeaucouppluslimitéesquelestraitementdetexteactuels.

Image 63 – Barre d’outils CKEditor

LesoutilsdeCKEditor

Pourafficherlecodesource(HTML)

Aperçududocumentdanslaformequiseraaffi-chéeauxinternautes

Utilisezceboutonpourchoisirunmodèledelisteoudetableau

Couper

Copier

Coller

Collercommetexte.Pourcollerletextesansconserverlamiseenformed’origine

CollerdepuisWordPourcollerletexteenconser-vantlamiseenformedeWordmaisensupprimanttoutescommandesnoncompatibles

Pourimprimerlecontenudel’éditeur

Correcteurorthographique

Pourvérifierl’accessibilité

Annuleruneopération

Rétabliruneopérationannulée


Page 62

Rechercher

Rechercher/Remplacerducontenu

Poursélectionnertoutlecontenu

Poursupprimertouteslesmisesenforme

Pourmettrelasélectionengras

Pourmettrelasélectionenitalique

Poursoulignerletextesélectionné

Pourbarrerletextesélectionné

Pourcréerunelistenumérotée

Pourcréerunelistenon-numérotée

Pourdiminuerleniveaudeliste

Pouraugmenterleniveaudeliste

Pourindiquerunecitation

Pourcréerun<DIV> An’utiliserquesivousmaîtriserlecodeHTML/CSS

Pouralignerlecontenuàgauche

Pouralignerlecontenuaucentre

Pouralignerlecontenuàdroite

Pourjustifierlecontenuàgaucheetàdroite

Pourcréer/modifierunlienhypertexte

Poursupprimerunlienhypertexte


Page 63

Pourajouteruneancredansletexte

Pourajouter/modifieruneimage

PourajouteruneséquenceFlash

Pourajouteruntableau

Pourajouterunséparateur

Pourinséreruncaractèrespécial

Pourinsérerunemacro

Pourappliquerunstyleautextesélectionné

Pourappliquerunformatdeparagraphe

Pourmodifierlatailledutextesélectionné

Pouragrandirlafenêtredel’éditeur

Pourafficherlastructureducontenu

PourafficherdesinformationsàproposdeCKEditor

ColleruncontenudepuisWordouunesourceexterneLorsquevousfaitesuncopier/collerdepuisWordouWordPadoudepuisunautresiteinternet,ilfautimpé-rativementutiliserlebouton ou ,puiscollervotretextedansl’espaceprévu

Decettemanière,voussupprimezlestagsindésirablesquipollueraientvotrepageetlarendezplusrapideàl’affichagepourlesinternautes.

RetouràlalignePardéfaut,lorsd’unretouràlaligne,enHTML,lelogicielinsèreunnouveauparagraphe,cequiinduitunécartentrelesdeuxlignesdetexte.

Ilestpossibledecontournerceproblèmeenutilisantlacombinaisondetouches<SHIFT>+<ENTER>,quifaitunretouràlalignesanssautdeparagraphe.

Documents

Création et modification de sites web UniNE...Création et modification de sites web UniNE Manuel d utilisation Jahia 7 Me ’tt J 7 TABLE DES MATIÈRES 1 MODIFIER UN SITE : PRINCIPES