La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

1 FORMATION A LUTILISATION DE JOOMLA !. 2 Agence de Tours : 8 rue Honoré de Balzac 37000 TOURS Tél : 02 47 60 65 55 Siège Social : Immeuble Le Lafayette.

Présentations similaires


Présentation au sujet: "1 FORMATION A LUTILISATION DE JOOMLA !. 2 Agence de Tours : 8 rue Honoré de Balzac 37000 TOURS Tél : 02 47 60 65 55 Siège Social : Immeuble Le Lafayette."— Transcription de la présentation:

1 1 FORMATION A LUTILISATION DE JOOMLA !

2 2 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : Q U EST CE QUE J OOMLA ! 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 3 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : L OGIQUE DE FONCTIONNEMENT Le front et Back site : Le front est ce que linternaute voit. Le back est la modification des pages par le rédacteur. Je modifie le Back, le front est automatiquement mis à jour. Linterface dadministration : Toutes les modifications se font en temps réel dans linterface dadministration accessible à partir dune connexion Internet et dInternet Explorer.

4 4 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : S CHÉMA DE FONCTIONNEMENT DE J OOMLA ! (1/2) Ce que je publie est directement visible par linternaute REDACTEUR W.W.W.INTERNAUTE

5 5 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : S CHÉMA DE FONCTIONNEMENT DE J OOMLA ! (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 dadministration.

6 6 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : L A TROUSSE À OUTILS De quoi avons-nous besoin ? Mise à jour des articles : Une connexion Internet Internet Explorer ou Firexox Gestion de la bibliothèque dimages : VSO Image Resizer (redimensionnement des images) Filezilla (Copie des images par lot vers le Gestionnaire de Médias) pour les utilisateurs avertis.

7 7 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : L ACCÈS AUX MODIFICATIONS Adresse de modification pour 1 article déjà publié : Adresse de modification globale (ajout darticle, menu, agenda) :

8 8 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : L ES MOTS DE PASSE À CONSERVER Serveur ftp : ftp.pro.ovh.net Login ou utilisateur : cdhrc Mot de passe : jA4CZfJW Identifiant manager OVH Adresse : client : sm50269-ovh Votre mot de passe : 2aeoss7p

9 9 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : L UTILISATION DE L INTERFACE D ADMINISTRATION Ladresse de connexion est : Chaque rédacteur est identifié au site grâce à un nom dutilisateur, et un mot de passe. Les bons « identifiant » et « mot de passe » saisis dirigent le manager vers laccueil de ladministration.

10 10 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : L UTILISATION DE L INTERFACE D ADMINISTRATION X1X2 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 daccueil uniquement (création, ordre, visible ou non) X3 : Gestion de la bibliothèque dimages

11 11 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : G ÉNÉRALITÉS J OOMLA ! Publier ou dépublier un article, menu… Modifier lordre daffichage 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 12 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : C RÉER UN ARTICLE 1/2 Attention : un article doit être affecté à une section et une catégorie, préalablement créée. Il sagit dune 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 13 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : C RÉER UN ARTICLE 2/2 Mettre un titre significatif à larticle Rédiger le texte Choisir la section et la catégorie correspondante à larticle Cocher publié et afficher en page daccueil si cest le cas

14 14 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : I MPORT DE TEXTE PROVENANT DE WORD Copier le texte provenant de Word Dans larticle de Joomla! : 1 clic pour positionner le curseur à lemplacement du collage Et un clic sur licône coller de Word Coller le texte dans la zone Puis OK Cocher les deux cases

15 15 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : M ISE EN CONFORMITÉ DES PHOTOS 1/2 L OGICIEL VSO I MAGE R ESIZER 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 denregistrement : jpg Les noms dimage ne doivent ni avoir despace, ni daccent, 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 pixels Exception : Les photos de laccueil font : image horizontal : 140 px et 100 px en vertical

16 16 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : M ISE EN CONFORMITÉ DES PHOTOS 2/2 L OGICIEL VSO I MAGE R ESIZER 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 vus Mettre le % qualité à 100% Puis choisir un dossier de stockage de limage. Cliquer sur OK pour Valider La nouvelle image à été crée au bon format. Renommer la photo si nécessaire

17 17 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : I NSÉRER UNE IMAGE 1/5 Puis sur parcourir le serveur Pour insérer une photo : Cliquer sur licône

18 18 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : 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 limage 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 I NSÉRER UNE IMAGE 2/5

19 19 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : I NSÉRER UNE IMAGE 3/5 Créons un dossier Images et insérons une image à lintérieur Un clic sur Create New folder Saisir le nom du dossier : Puis OK. Le dossier est crée, Louvrir

20 20 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : I NSÉRER UNE IMAGE 4/5 Ouvrir le dossier, cliquer sur parcourir Aller chercher limage sur votre ordinateur (attention à la taille) Cliquer sur Ouvrir puis Upload Un clic sur la photo pour la sélectionner

21 21 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : I NSÉRER UNE IMAGE 5/5 Choisir la position de lhabillage 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 22 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : C RÉER UN ZOOM SUR UNE IMAGE Limage doit être importer dans sa taille « zoomée » Copier / coller ladresse de limage dans la zone lien Dans « informations sur limage » définir Une largeur plus petite (selon la charte). Mettre la bordure à 0

23 23 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : Sélectionner le mot à lier Puis un clic sur licône lien Et sur Parcourir le serveur La création de dossiers, lupload et la sélection du fichier est identique aux photos Une fois le lien réalisé, cliquer sur longlet destination Et choisir : ouvrir dans une autre fenêtre 23 C RÉER UN LIEN VERS UN PDF ( OU TOUT AUTRE FICHIER ) 1/1

24 24 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : M ODIFIER LES M ENUS 1/3 Pour y accéder cliquer sur la barre de menus, dans rubrique Menu Il faut modifier le Menu_gauche et le Menu_haut.

25 25 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : M ODIFIER LES M ENUS 2/3 Les menus et sous-menus apparaissent avec leur hiérarchie. Un clic sur licone masque ou affiche le menu, lascenseur permet de modifier lordre

26 26 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : M ODIFIER LES M ENUS 3/3 Pour modifier le nom dun menu ou sous-menu existant, cliquer dessus Puis changer le nom La position dans le menu peut être choisi en cliquant sur le nouveau menu Haut = nouveau menu Attention : Si vous sélectionnez un sous-menu, le menu sera positionné en sous-sous menu Cliquer sur sauver

27 27 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : C RÉER UN NOUVEAU MENU 1/1 Préambule : Larticle à intégrer dans le menu doit être préalablement crée. Choisir le menu dans lequel lintégrer et cliquer sur nouveau (voir modifier un menu 1/3) Cliquer sur Article Nommer le menu Le lier à un article Et choisir sa position Position Haut = nouveau menu Menu existant = sous-menu Cliquer sur sauver, le menu est actif

28 28 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : M ODIFIER DIRECTEMENT LES PAGES EN LIGNE 1/2 Se connecter avec ses identifiants et mots de passe à ladresse : Ouvrir la page à modifier et cliquer sur licône de modification :

29 29 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : M ODIFIER DIRECTEMENT LES PAGES EN LIGNE 2/2 Effectuer les modifications à laide du traitement de textes en ligne, puis cliquer sur enregistrer, la page est à jour.

30 30 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : R APPELS ÉLÉMENTS IMPORTANTS 1/2 D ÉVERROUILLER UN ARTICLE Attention un article verrouillé peut être un article en cours de modification, dans ce cas sassurer que lauteur nest pas en ligne en cliquant sur accueil et en regardant dans le panneau de droite sur longlet connectés Puis aller dans le menu Outil et cliquer sur Validation générale

31 31 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : R APPELS ÉLÉMENTS IMPORTANTS 2/2 M ETTRE DES MOTS CLEFS FACILITANT LE RÉFÉRENCEMENT DANS G OOGLE Ouvrir larticle (par le back-site) Et cliquer sur longlet 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 larticle en lieu et place des mots clefs

32 32 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : S AUVEGARDER LE SITE 1/2 Aller dans le composant Joomlapack Et cliquer sur Sauvegarder

33 33 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : S AUVEGARDER 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 Pack Et cliquer sur Gérer les Sauvegardes Cliquer sur Télécharger pour chaque élément Et les enregistrer sur votre disque dur

34 34 Agence de Tours : 8 rue Honoré de Balzac TOURS Tél : Siège Social : Immeuble Le Lafayette 7, rue Vieille Levée ORLEANS Tél : N OUS CONTACTER Société ALTAÏS Immeuble le Lafayette 7, Rue Vieille Levée ORLEANS Tél : Fax : rue Honoré de Balzac TOURS Tél :


Télécharger ppt "1 FORMATION A LUTILISATION DE JOOMLA !. 2 Agence de Tours : 8 rue Honoré de Balzac 37000 TOURS Tél : 02 47 60 65 55 Siège Social : Immeuble Le Lafayette."

Présentations similaires


Annonces Google