Embed Size (px)
Citation preview
1
FORMATION A L’UTILISATION DE JOOMLA !
2
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
2 QU’EST CE QUE JOOMLA!
Joomla! est la transcription phonétique d'un mot swahili qui signifie "tous ensemble", ou "en un tout".
Joomla! est un système de gestion de contenu (Content Management system) créé par une communauté internationale de développeurs.
Joomla! est un CMS Open Source distribué sous License GNU/GPL (gratuit) avec lequel vous pourrez mettre en ligne du contenu et mettre à disposition de vos visiteurs des services (forum, boutique en ligne, galerie photos,...), le tout sans connaissances particulières.
3
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
3 LOGIQUE DE FONCTIONNEMENT
Le front et Back site :
Le front est ce que l’internaute voit.
Le back est la modification des pages par le rédacteur. Je modifie le Back, le front est automatiquement mis à jour.
L’interface d’administration :
Toutes les modifications se font en temps réel dans l’interface d’administration accessible à partir d’une connexion Internet et d’Internet Explorer.
4
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
4SCHÉMA DE FONCTIONNEMENT DE JOOMLA!
(1/2)
Ce que je publie est directement visible par
l’internaute
REDACTEUR
W.W.W. INTERNAUTE
5
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
5SCHÉMA DE FONCTIONNEMENT DE JOOMLA!
(2/2)
REDACTEUR
Tous les articles sont rédigés directement sur la plateforme OVH.
W.W.W.
Le site est hébergé chez OVH
La structure du site (Menu, archives…) est créée en temps réel sur la plateforme d’administration.
6
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
6 LA TROUSSE À OUTILS
De quoi avons-nous besoin ?
Mise à jour des articles :
Une connexion Internet
Internet Explorer ou Firexox
Gestion de la bibliothèque d’images :
VSO Image Resizer (redimensionnement des images)
Filezilla (Copie des images par lot vers le Gestionnaire de Médias) pour les utilisateurs avertis.
7
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
7 L’ACCÈS AUX MODIFICATIONS
Adresse de modification pour 1 article déjà publié :
http://www.cdhrc.fr/index.php?option=com_user&view=login
Adresse de modification globale (ajout d’article, menu, agenda) :
http://www.cdhrc.fr/administrator/index.php
8
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
8 LES MOTS DE PASSE À CONSERVER
Serveur ftp : ftp.pro.ovh.netLogin ou utilisateur : cdhrcMot de passe : jA4CZfJW
Identifiant manager OVHAdresse : http://www.ovh.fr/managerclient : sm50269-ovh Votre mot de passe : 2aeoss7p
9
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
9L’UTILISATION DE L’INTERFACE
D’ADMINISTRATION
L’adresse de connexion est :
http://www.cdhrc.fr/administrator/index.php
Chaque rédacteur est identifié au site grâce à un nom d’utilisateur, et un mot de passe.
Les bons « identifiant » et « mot de passe » saisis dirigent le manager vers l’accueil de l’administration.
10
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
10L’UTILISATION DE L’INTERFACE
D’ADMINISTRATION
X1 X2
X3
Liste des rédacteurs connectés
Permet de créer un nouvel article
X : rubriques utiles aux rédacteurs
X1 : Reprenant tous les articles du site (visible ou non) PERMET DE CRÉER UN NOUVEL ARTICLE
X2 : Liste des articles présents sur la page d’accueil uniquement (création, ordre, visible ou non)
X3 : Gestion de la bibliothèque d’images
11
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
11 GÉNÉRALITÉS JOOMLA!
Publier ou dépublier un article, menu…Modifier l’ordre d’affichage des articles, menus…
Sélectionner un ou plusieurs articles, menus… pour effectuer une action particulière
Ne jamais utiliser Précédent ou suivant de votre navigateur, toujours utiliser les boutons situés en haut à droite.
12
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
12 CRÉER UN ARTICLE 1/2
Attention :
un article doit être affecté à une section et une catégorie, préalablement créée.
Il s’agit d’une arborescence de classement. Généralement, créer une section par menu et une catégorie (dont le nom est identique à la section).
Dans le panneau de contrôle, cliquer sur Créer un article
13
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
13 CRÉER UN ARTICLE 2/2
Mettre un titre significatif à l’article
Rédiger le texte
Choisir la section et la catégorie correspondante à l’article
Cocher publié et afficher en page d’accueil si c’est le cas
14
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
14 IMPORT DE TEXTE PROVENANT DE WORD
Copier le texte provenant de Word Dans l’article de Joomla! : 1 clic pour positionner le curseur à l’emplacement du collageEt un clic sur l’icône coller de Word
Coller le texte dans la zone
Puis OK
Cocher les deux cases
15
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
15MISE EN CONFORMITÉ DES PHOTOS 1/2
LOGICIEL VSO IMAGE RESIZER
Gestion des photos :
Les impératifs :
Taille des images : horizontal (en paysage) : largeur : 250 pixels
Taille des images : vertical (en portrait) : largeur : 175 pixels
Format d’enregistrement : jpg
Les noms d’image ne doivent ni avoir d’espace, ni d’accent, ni ponctuation particulière hormis le – ou _
Exemple :château de la Ferté doit s’écrire :
chateau_de_la_ferte.jpg ou chateau-de-la-ferte.jpg ou chateaudelaferte.jpg
250 pixels
175 pixelsException : Les photos de l’accueil font : image horizontal : Exception : Les photos de l’accueil font : image horizontal : 140 px et 100 px en vertical140 px et 100 px en vertical
16
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
16MISE EN CONFORMITÉ DES PHOTOS 2/2
LOGICIEL VSO IMAGE RESIZER Comment mettre une photo dans les bonnes dimensions :
Une fois le logiciel VSO Image Resizer installé , faire un clic droit sur la photo ou les photos à redimensionner et choisir : VSO Image Resizer
-> Cette fenêtre apparait :Choisir de modifier la largeur (si paysage)Ou la hauteur (si portrait)avec les paramètres préalablement vusMettre le % qualité à 100%Puis choisir un dossier de stockage de l’image.
Cliquer sur OK pour Valider
La nouvelle image à été crée au bon format.
Renommer la photo si nécessaire
17
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
17 INSÉRER UNE IMAGE 1/5
Puis sur parcourir le serveur
Pour insérer une photo : Cliquer sur l’icône
18
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
Pour charger une image du disque dur, la mettre à la bonne taille, se mettre dans le bon dossier sur le serveur et cliquer sur parcourir, une fois l’image selectionnée cliquer sur upload
18
Si la photo existe sur le serveur OVH, la sélectionner à partir de son dossier.
Pour créer un dossier, se mettre dans le dossier souhaité puis cliquer sur Create New folder, nommer et valider
INSÉRER UNE IMAGE 2/5
19
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
19 INSÉRER UNE IMAGE 3/5
Créons un dossier Images et insérons une image à l’intérieur
Un clic sur Create New folderSaisir le nom du dossier : Puis OK.Le dossier est crée, L’ouvrir
20
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
20 INSÉRER UNE IMAGE 4/5
Ouvrir le dossier, cliquer sur parcourir
Aller chercher l’image sur votre ordinateur (attention à la taille)
Cliquer sur Ouvrir
puis Upload
Un clic sur la photo pourla sélectionner
21
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
21 INSÉRER UNE IMAGE 5/5
Choisir la position de l’habillage de la photo par rapport au texte.
En option : une bordure noire autour de la photo
Un espacement entre la photo et le texte
Légender la photo
22
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
22 CRÉER UN ZOOM SUR UNE IMAGE
L’image doit être importer dans sa taille « zoomée »
Copier / coller l’adresse de l’image dans la zone lien
Dans « informations sur l’image » définirUne largeur plus petite (selon la charte).
Mettre la bordure à 0
23
Agence de Tours : 8 rue Honoré de Balzac - 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
Sélectionner le mot à lier
Puis un clic sur l’icône lien
Et sur Parcourir le serveur
La création de dossiers, l’upload et la sélection du fichier est identique aux photos
Une fois le lien réalisé, cliquer sur l’onglet destination
Et choisir : ouvrir dans uneautre fenêtre
23CRÉER UN LIEN VERS UN PDF (OU TOUT AUTRE FICHIER) 1/1
24
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
24 MODIFIER LES MENUS 1/3
Pour y accéder cliquer sur la barre de menus, dans rubrique MenuIl faut modifier le Menu_gauche et le Menu_haut.
25
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
25 MODIFIER LES MENUS 2/3
Les menus et sous-menus apparaissent avec leur hiérarchie.
Un clic sur l’icone masque ou affiche le menu, l’ascenseur permet de modifier l’ordre
26
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
26 MODIFIER LES MENUS 3/3
Pour modifier le nom d’un menu ou sous-menu existant, cliquer dessus
Puis changer le nom
La position dans le menu peut être choisi en cliquant sur le nouveau menuHaut = nouveau menu
Attention : Si vous sélectionnez un sous-menu, le menu sera positionné en sous-sous menu
Cliquer sur sauver
27
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
27 CRÉER UN NOUVEAU MENU 1/1
Préambule : L’article à intégrer dans le menu doit être préalablement crée.Choisir le menu dans lequel l’intégrer et cliquer sur nouveau (voir modifier un menu 1/3)
Cliquer sur Article
Nommer le menuLe lier à un articleEt choisir sa positionPosition Haut = nouveau menuMenu existant = sous-menu
Cliquer sur sauver, le menu est actif
28
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
28MODIFIER DIRECTEMENT LES PAGES EN LIGNE
1/2
Se connecter avec ses identifiants et mots de passe à l’adresse : http://www.cdhrc.fr/index.php?option=com_user&view=login
Ouvrir la page à modifier et cliquer sur l’icône de modification :
29
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
29MODIFIER DIRECTEMENT LES PAGES EN LIGNE
2/2
Effectuer les modifications à l’aide du traitement de textes en ligne,puis cliquer sur enregistrer, la page est à jour.
30
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
30RAPPELS ÉLÉMENTS IMPORTANTS 1/2
DÉVERROUILLER UN ARTICLEAttention un article verrouillé peut être un article en cours de modification, dans ce cas s’assurer que l’auteur n’est pas en ligne en cliquant sur accueil et en regardant dans le panneau de droite sur l’onglet connectés
Puis aller dans le menu Outil et cliquer sur Validation générale
31
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
31RAPPELS ÉLÉMENTS IMPORTANTS 2/2
METTRE DES MOTS CLEFS FACILITANT LE RÉFÉRENCEMENT DANS GOOGLE
Ouvrir l’article (par le back-site)Et cliquer sur l’onglet Méta Info
Description :
La description affichée par google
Les mots clefs sont ceux référencés par Google les séparer par une virgule
Cliquer sur Sauver comme pour enregistrer un article
Ajoute le nom de la section, catégorie et titre de l’article en lieu et place des mots clefs
32
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
32 SAUVEGARDER LE SITE 1/2
Aller dans le composant Joomlapack
Et cliquer sur Sauvegarder
33
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
33 SAUVEGARDER LE SITE 2/2
Sauvegarder le site et les bases de données
Une fois les deux éléments sauvegardés il faut les télécharger sur son disque dur.
Retourner dans le control Panel sur Joomla PackEt cliquer sur Gérer les Sauvegardes
Cliquer sur Télécharger pour chaque élémentEt les enregistrer sur votre disque dur
34
Agence de Tours : 8 rue Honoré de Balzac 37000 TOURSTél : 02 47 60 65 55
Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée 45100 ORLEANS Tél : 02.38.72.50.50
www.altaisweb.com
34 NOUS CONTACTER
Société ALTAÏSSociété ALTAÏS
Immeuble le Lafayette7, Rue Vieille Levée
45100 ORLEANS
Tél : 02 38 72 50 50Fax : 02 38 72 50 60
8 rue Honoré de Balzac37000 TOURS
Tél : 02 47 60 65 55
