Acheter

Le langage de l'affichage, les CSS

de : Joomla! 1.5 : Les fondamentaux

Cette vidéo est uniquement accessible pour les personnes qui ont acheté une formation de video2brain ou un abonnement. Achetez dès maintenant une formation et démarrez votre apprentissage !

Acheter

À propos de cette vidéo

Comme nous l'avons constaté dans l'étape précédente, le contenu structuré en HTML n'est pas nécessairement esthétique. Cette tâche, la mise en forme du contenu est reléguée à un autre langage : les CSS. Sans entrer dans cet apprentissage là encore, nous allons découvrir ce que sont les CSS et quelles sont les bases de la relation entre CSS et HTML.

Un extrait de : Joomla! 1.5 : Les fondamentaux

Au cours de cette formation vidéo, vous aborderez la mise en place et la maintenance d´un site web à l´aide de la plateforme Open Source Joomla!. Bien que le gestionnaire de contenu Joomla! soit très facile d´accès et très intuitif à utiliser, il est cependant recommandé de s´appuyer sur une formation qui en décortique chaque facette. Cette formation pour Joomla! 1.5 s´adresse à toute personne débutant dans l´utilisation de gestionnaires de contenu en général et souhaitant plus particulièrement être accompagnée dans l´installation, la configuration et la prise en main générale de Joomla!

EUR 49,95

10h

Acheter

Formations similaires

Le formateur Birnou Sébarte vous présente dans ce chapitre le concept de sa formation sur Joomla! 1.5.

Présentation de la formation
- Les objectifs de cette formation sont de permettre à tous, sans connaissances techniques ou sans expérience du web préalable, de pouvoir mettre en place un site web : en partant de la mise en place d'un espace web, en gérant les diverses installations nécessaires, en réalisant la structuration du contenu de son site et de ses articles, et en allant jusqu'à l'ajout de modules et à la gestion de paramètres avancés.
  
  Objectifs de la formation
  
  07:04
- Tout en partant d'une page blanche, la contrainte est de pouvoir refléter les attentes d'un client hypothétique du fait que le contenu, l'architecture et les objectifs s'appuient sur ceux d'un site web déjà existant qui refond sa gestion actuelle vers une migration sous Joomla! 1.5.
  
  Description du site à mettre en place
  
  02:29
Avant de commencer à installer et à configurer Joomla! 1.5, il est bon au préalable de faire le tour des technologies et des acteurs du web. Dans cette première phase, nous allons nous attarder sur le web, les acteurs qui l'animent, les espaces web et la gestion du nom de domaine.

Avant de commencer
- Au travers de ce module vous rencontrerez quelques-uns des principaux acteurs du web. On égrainera également certains portails que vous serez amenés à rencontrer au fur et à mesure de votre exploration en tant que créateur de site, qu'il s'agisse d'ergonomie, d'architecture d'information, d'accessibilité, etc.
  
  Présentation des acteurs du web
  
  03:03
- Découvrons quels sont les différents composants du web. Lorsque l'on utilise Joomla! il n'est pas nécessaire de connaître un langage de programmation, mais il est toujours bon de connaître et comprendre quels sont ces langages et comment le web fonctionne autour d'eux.
  
  Comment fonctionne le web
  
  04:07
- Joomla! peut être installé directement en ligne, mais vous pouvez également l'installer en local sur votre machine. Cela vous permettra de tester, d'explorer des ajouts de fonctionnalités sans compromettre la stabilité de votre site en ligne. Pour cela, vous devez installer un serveur en local. Nous allons voir l'ensemble de ces étapes au cours de ce tutoriel vidéo.
  
  Installation d'un serveur local
  
  07:59
- Après avoir installé un espace web local, nous allons nous pencher sur la réservation d'un espace web distant. Le site web local vous servira à des fins de mise en place et de test de votre site web, alors que le site web distant sera le site web consulté par vos internautes. Le choix de services mutualisés, dédiés, privés ou de partenaires est large, nous allons voir les clés qui peuvent nous aider à faire ce choix.
  
  Ouverture d'un espace web distant
  
  10:35
- Une fois un espace en ligne réservé, vous allez pouvoir depuis votre compte gérer et administrer cet espace et le nom de domaine qui lui est attaché. Nous allons explorer au cours de cette étape la création d'une adresse e-mail et sa consultation depuis un espace web.
  
  Gestion d'une interface PLESK
  
  04:25
- Comme nous l'avions vu lors de l'étape sur l'ouverture d'un espace distant, il est préférable de séparer la gestion de l'espace web de celui du nom de domaine. Nous allons voir au cours de cette étape comme il est facile de gérer et d'administrer son ou ses noms de domaines.
  
  Récupération d'un nom de domaine
  
  06:22
Au cours de cette seconde phase d'introduction, nous allons explorer un à un l'ensemble des langages utilisés par Joomla!. L'idée première n'étant pas de devenir expert dans ces langages, mais au moins de les rencontrer et de voir leur fonctionnement.

Les langages qui gravitent autour du web
- Une page web est avant tout basée sur la structure du document qui la compose. Cette structuration est liée au langage HTML. Bien que cette formation porte sur Joomla! et que Joomla! intègre et rende transparente cette utilisation, il est important de comprendre ce qu'est le HTML, comment il s'écrit et comment on peut éventuellement intervenir dessus lors de la mise en place d'articles particulièrement complexes.
  
  Le langage de structuration, le HTML
  
  11:11
- Comme nous l'avons constaté dans l'étape précédente, le contenu structuré en HTML n'est pas nécessairement esthétique. Cette tâche, la mise en forme du contenu est reléguée à un autre langage : les CSS. Sans entrer dans cet apprentissage là encore, nous allons découvrir ce que sont les CSS et quelles sont les bases de la relation entre CSS et HTML.
  
  Le langage de l'affichage, les CSS
  
  12:52
- Lorsque vous composerez vos articles dans Joomla! vous allez utiliser des images d'illustration. Il est très important de penser à redimensionner ces images au préalable. Aujourd'hui, les appareil-photos proposent par défaut des images en très grande résolution, et il faut penser à adapter les images à leur format de diffusion. Nous allons en explorer les bases et voir les logiciels Open Source qui sont à votre disposition.
  
  L'utilisation et la gestion des images
  
  11:16
- Bien que cela soit en dehors des objectifs de cette formation sur Joomla!, il est intéressant de s'approcher de ce langage qui apporte de l'interactivité à nos pages web. Il y a de fortes chances que vous ne soyez pas amené à l'utiliser, mais comprendre son rôle et voir son aspect ne peut que vous aider à mieux appréhender l'environnement global de Joomla!.
  
  Le code côté client, le JavaScript
  
  14:28
- Joomla! est intégralement construit sur le couple PHP / MySQL. Bien qu'il ne soit pas nécessaire d'utiliser ce langage lorsque l'on construit un site avec Joomla!, il est intéressant d'en comprendre le principe et le mode de fonctionnement. Dans cette première phase nous allons regarder de près le PHP.
  
  Le code côté serveur, le PHP
  
  08:53
- En complément à l'étape précédente, nous abordons cette fois-ci le serveur de base de données MySQL et les deux approches de création de base, soit en utilisant PHP MyAdmin, soit en utilisant l'interface PLESK de votre hébergement.
  
  La base de données et PHP My Admin
  
  06:08
- Joomla! fournit par défaut son propre système de gestion de transfert de fichiers entre le poste client (votre machine) et le serveur distant (votre hébergement). Il est intéressant là aussi de posséder un client FTP autonome. Nous allons voir au cours de cette étape l'installation, le paramétrage et l'utilisation d'un client FTP.
  
  Gestion FTP des documents
  
  08:20
Au cours des prochaines étapes, nous allons faire connaissance avec Joomla!, sa communauté et son environnement. Nous installerons la version actuelle 1.5.14 sur un serveur local. Ce qui nous permettra de ne pas être dépendants d'un fournisseur d'hébergement et de pouvoir démarrer de suite la mise en pratique.

Présentation et installation de Joomla!
- Utiliser Joomla! c'est aussi s'intéresser à son histoire, à sa communauté et à son évolution. Cette étape va nous permettre de rapidement connaître l'environnement de Joomla! et sa feuille de route vers la version 1.6 qui devrait marquer une évolution de cet outil.
  
  Joomla! : historique et Roadmap
  
  02:07
- Il n'était pas possible de faire l'impasse sur l'AFUJ, l'Association Francophone des Utilisateurs de Joomla!, qui réalise un travail de fond et de fourmi incomparable, qu'il s'agisse de la maintenance du portail de Joomla!.fr ou alors du site des extensions, le site d'aide, le forum, ou encore la mise en place du Joomla! Day et des Joomla!pero !
  
  Présentation de la communauté
  
  03:01
- Première étape de l'installation de Joomla! : récupération et décompression de la version en cours, en l'occurrence, lors de la réalisation de ce tutoriel, la 1.5.14. Une fois les fichiers décompressés, il faut les placer sur le serveur.
  
  Récupérer la version en cours de Joomla!
  
  04:26
- L'installateur de Joomla! est très simple, très intuitif et remarquablement mis au point au fil des versions. Nous allons voir une à une, en les commentant, l'ensemble des 7 étapes qui nous permettent d'installer Joomla!.
  
  Installation de base
  
  10:44
Front End, Back End, leur configuration est au programme de ce cinquième chapitre. L'idée n'est pas de devenir expert en paramétrage fin de Joomla!, mais au moins d'en comprendre les mécaniques, où il est possible de les ajuster, et comment.

Prise en main de l'environnement
- Au travers de cette petite étape nous allons prendre en main le Back End avec son système d'aide générale ou d'aide contextuelle, l'utilisation des infos-bulle, et enfin les informations générales sur le système hôte.
  
  Le Front End et le Back End
  
  05:37
- Un premier tour d'horizon sur les possibilités du menu Site et de l'interface principale du Back End de Joomla!. Bien que le site soit pour l'instant vide, on peut facilement comprendre la richesse des éléments statistiques.
  
  Le menu Site, et le Back End
  
  06:54
- Dans cette seconde séquence du menu Site, nous allons particulièrement nous attarder sur la configuration générale du site en abordant l'aspect Site, Système et Serveur.
  
  La configuration générale du site
  
  07:07
- Durant la dernière étape nous avons utilisé une interface graphique pour affiner la configuration du site, nous allons voir qu'en utilisant directement le fichier de configuration.php il est possible également d'accéder et de modifier certaines informations.
  
  Le fichier configuration.php
  
  02:06
Contrairement à l'idée qu'on se fait d'un site Internet, tout commence par une bonne architecture et non par un solide graphique d'interface. Nous allons donc définir et mettre en place l'architecture d'informations nécessaires pour notre site fil rouge.

Mise en place de l'architecture
- Profitons de cette étape pour redéfinir les objectifs, la description et la définition de l'architecture de l'information que l'on souhaiterait mettre en place pour le site. Basée sur un tri de cartes, une première ébauche peut être mise en place.
  
  Rappel sur les objectifs du site
  
  03:29
- Dans sa version 1.5, Joomla! structure son contenu entre Sections et Catégories. Cette courte étape nous permet donc de mettre en corrélation les sections et les catégories de Joomla! avec notre architecture et arborescence définies par le tri de cartes abordé lors de l'étape précédente.
  
  Introduction aux sections et catégories
  
  01:14
- Depuis l'interface de Gestionnaire de sections, nous allons mettre en place les sections. Nous profiterons de cette étape pour entrevoir l'ergonomie de fonctionnement de Joomla!.
  
  Présentation, définition et création des sections
  
  04:38
- De la même manière, nous allons cette fois-ci, au travers du Gestionnaire de catégories, créer les diverses catégories composant chacune des sections. Nous explorerons également des fonctions de maintenance, renommage, et réaffectation Section / Catégories.
  
  Présentation, et création des catégories
  
  04:47
Au cours de ce chapitre, nous allons aborder la mise en place des articles dans Joomla!, en partant de leur rédaction, jusqu'au paramétrage de leur publication. Nous explorerons la structure HTML du document, l'utilisation et la gestion d'images, et enfin l'enrichissement des ces pages par des hyperliens.

Gestion des articles
- Créer un article est très simple dans Joomla!. Bien que plus complète, la Gestion des articles fonctionne à l'identique des deux interfaces que nous avons explorées précédemment. Cette première étape sur les articles va nous permettre de prendre en main l'interface et d'en distinguer les principales composantes.
  
  Composition d'un article
  
  05:24
- Mettre en forme un texte de manière visuelle, c'est avant tout le structurer. L'intérêt est double : permettre une meilleur maintenance et une meilleur évolution de l'identité visuelle, et permettre aux moteurs de recherche de pouvoir parcourir structurellement le contenu de notre site.
  
  Le texte et sa structure, les balises HTML
  
  07:21
- Nous allons voir que l'étape de structuration d'un contenu ne s'arrête pas à la définition de titre et de paragraphe, mais au contraire cela va jusqu'à définir et commenter la moindre abréviation de notre texte.
  
  Un peu plus loin dans la structure
  
  06:55
- La gestion des hyperliens permet d'interagir avec la page ou la partie de la page affichée à l'écran. Nous allons explorer la possibilité de lier une page web vers un site extérieur, vers une autre page interne du site, ou encore vers une partie de cette page.
  
  La gestion des hyperliens
  
  10:32
- L'ajout d'image dans un contenu se fait en trois étapes. Nous allons au cours de cette vidéo en aborder les deux premières. La première étape consiste à formater l'image en taille et résolution et à la mettre à disposition de Joomla!. Ensuite, de manière structurelle, intégrer cette image dans le contenu de l'article. Il nous restera à voir comment l'intégrer de manière visuelle.
  
  L'ajout d'image, FTP interne vs FTP externe
  
  08:12
- Les articles commencent à se construire, mais la page d'accueil qui les liste tous s'allonge et devient quasi illisible. Plutôt que d'afficher l'intégralité d'un article, il peut être judicieux de n'en donner qu'une partie et de proposer à l'internaute de lire la suite en fonction de ses choix.
  
  Les actions Lire la suite
  
  04:06
- Chaque article possède ses propres réglages qui lui permettent d'afficher ou non tel type d'information, ou encore de proposer une liste de mots-clés associée, de description, etc. Nous allons explorer ce que sont ces réglages avancés et voir qu'il existe un mode de paramètres qui affecte l'ensemble des articles.
  
  Les paramètres de base d'un article
  
  07:12
Les articles sont publiés mais n'apparaissent toujours pas dans l'interface du site. Pour cela, nous allons développer le système de menus et modules qui vont prendre en charge leur affichage. La disposition des articles dépendra des divers critères que nous allons explorer. Bien que nous explorons plus en détail cette technique ultérieurement, nous changeons également de Templates.

Affichage et gestion du contenu
- Bien que les articles s'affichent sur la page de prévisualisation, nous n'avons aucun contrôle sur leur gestion d'affichage. En fait, ils s'affichent car nous avons demandé de les publier en page d'accueil. Nous allons explorer comment Joomla! gère l'affichage de son interface.
  
  L'affichage de l'interface
  
  04:33
- Fort de l'étape précédente, nous allons directement créer et mettre en application les menus et modules. Nous allons définir des bases de menu et des modules de menu que l'on peut disposer sur l'interface de notre site.
  
  Gestion des menus principaux
  
  06:48
- Pour aller plus loin, maintenant nous avons plus de contenu, il nous faut donc générer des articles. Une fois ces articles présents dans le système d'information, nous allons explorer les diverses possibilités de liaison avec les menus que nous offre Joomla!.
  
  Création de quelques articles, etc.
  
  11:51
- Notre site évolue, se remplit, se complète et ses catégories ou ses rubriques peuvent devenir trop nombreuses. Nous allons voir au cours de cette étape comment il est facile avec Joomla! de faire évoluer son architecture, en réassignant section ou catégorie, en créant des sous-menus, et parfois en utilisant des pages non catégorisées.
  
  Mise en place de sous-menus
  
  08:00
- Un des grands intérêts de la séparation contenu / mise en forme est de pouvoir changer de visuel et de Templates en un simple clic. Par défaut, Joomla! utilise trois Templates de base. Nous allons voir avec quelle simplicité notre site change de peau et d'aspect.
  
  Changement de Templates
  
  05:20
- Une fois la gestion des articles en main, il est bon de connaître quelques outils qui permettent de manipuler le placement des articles. Nous allons explorer la manière de gérer la publication / dépublication d'articles, l'archivage / désarchivage, la mise en corbeille, ou la publication limitée.
  
  Article Publié / Dépublié, etc.
  
  04:54
- Voici diverses manières de gérer la page d'accueil, son contenu, son mode d'affichage. Nous allons voir qu'il est très facile de pouvoir faire vivre la devanture de son site et ainsi garantir à son internaute un renouvellement de contenu, sans tomber dans le principe du blog qui publie systématiquement tous les nouveaux contenus parus dans le site.
  
  Gestion de la page d'accueil
  
  03:15
- Il arrive parfois que certains articles soient relativement longs et de ce fait compliqués à lire sur l'écran. Joomla! intègre une fonction native qui permet de découper très facilement cet article en plusieurs pages, tout en gardant la possibilité pour l'impression d'afficher en un clic l'intégralité du contenu.
  
  Les actions de saut de page
  
  04:12
En jouant avec les paramètres avancés, il est possible de contrôler finement la manière dont le site s'affiche et se présente à l'internaute. Cela peut sembler un peu déroutant au début car ces paramètres s'articulent entre les menus, les modules de menu, les sections et les catégories. Mais Joomla! est tellement ergonomique que l'on s'y retrouve vite.

Plus en avant dans les paramètres avancés
- Base de l'accès au contenu du site, les paramètres de réglage des menus sont assez étendus. Au cours de ce tutoriel vidéo, nous allons explorer les deux premières catégories de réglage : les paramètres Basique et les paramètres Avancé. Tout un programme de possibilités.
  
  Paramètres avancés des menus
  
  11:41
- Pour continuer l'étape précédente, nous allons explorer les deux dernières catégories de réglage : les paramètres Composant et les paramètres Système. Joomla! recèle de possibilités impressionnantes quant à la gestion des menus.
  
  Paramètres Composant et paramètres Système
  
  08:23
- Les sections et les catégories offrent les mêmes paramètres et inter connectivités avec les menus qui les pilotent. Il est possible d'enrichir l'affichage de la page générée par du contenu descriptif de la catégorie ou de la section.
  
  Paramètres avancés des sections et catégories
  
  05:29
- En complément des paramètres de menu, le module de menu propose également toute une série de paramètres avancés très complète qui permet de pouvoir ajuster le comportement de nos menus avec grande précision. En fonction des Templates, il est possible de pouvoir régler jusqu'au choix des puces qui viennent se placer devant les menus et sous-menus, et ce jusqu'à 6 niveaux.
  
  Paramètres avancés du module Menu
  
  11:36
Joomla! propose un ensemble de modules et de composants. Les uns permettent de contrôler les autres depuis le Back End, ou tout simplement apportent des fonctionnalités nouvelles à Joomla!. Nous allons au cours de ce chapitre en explorer une grande partie qui réside en natif dans Joomla!.

Modules ou composants
- L'utilisation de la navigation et de l'arborescence d'un site est chose facile, mais une fois au cur du système d'information, il est toujours bon d'avoir un fil d'Ariane qui nous permet de rapidement faire chemin inverse. Joomla! propose un module qui permet de gérer cela en toute simplicité et en toute transparence.
  
  Ajout d'un fil d'Ariane (breadcrumbs)
  
  02:36
- Proposer du contenu à ses visiteurs est une chose, connaître leur point de vue, leurs centres d'intérêts, leurs réactions est vital pour l'amélioration de la qualité des articles et des thématiques. L'outil de sondage permet de répondre à ces attentes.
  
  Ajout d'un module de sondage
  
  04:18
- Sans avoir à ouvrir le capot du Template, le module HTML personnalisé permet d'insérer du code HTML dans la partie du site que l'on souhaite. Par exemple, ajouter une adresse dans un pied de page existant. Nous en profiterons pour faire une ouverture vers les micro formats et leur intérêt dans le web 3.0.
  
  HTML personnalisé
  
  07:37
- Pouvoir informer les internautes des dernières parutions sur le site est l'objectif de ce tutoriel, nous allons l'explorer et le mettre en place. Bien que très simple d'utilisation et de paramétrage, nous allons voir que cet outil peut être un judicieux compagnon pour informer les visiteurs des nouveautés disponibles en fonction des rubriques ou des catégories sur lesquelles ils se trouvent.
  
  Dernières actualités
  
  03:48
- Plus le volume du contenu du site va augmenter, plus la pêche à l'information pourra devenir complexe pour l'internaute. Nous allons voir que Joomla! propose un module Moteur de recherche complètement paramétrable par l'internaute. Il faudra tout au plus ajouter une feuille de style pour le rendre plus personnel.
  
  Module de Recherche
  
  03:39
- Outil de Back Office complémentaire au module de recherche qui va permettre aux administrateurs de site de suivre les requêtes des internautes et ainsi améliorer la navigation, l'information sur le contenu ou encore le contenu lui-même afin d'encore mieux répondre aux attentes des visiteurs.
  
  Statistiques de recherche
  
  02:12
- Afin de pouvoir gérer au mieux les listes de liens que propose votre site, il existe un composant prévu à cet effet en natif dans Joomla!. Les liens sont classés par catégories et sont très facilement maintenables. Nous allons voir que depuis les menus, divers modes de présentation sont possibles.
  
  Gestion des URLs
  
  10:06
- Un site se doit de pouvoir présenter des bannières publicitaires pour ses partenaires, ou même pour amener une source de revenu. Joomla! est doté en natif d'un composant très complet à ce sujet. Nous allons voir au cours de cette étape à quel point il est déconcertant de simplicité de mettre en place et mener des campagnes.
  
  Gestion des bannières
  
  09:29
- Ce chapitre ne pouvait pas être exhaustif, nous nous sommes penchés sur la plupart des modules proposés en natif par Joomla!, nous en explorerons d'autres au cours des prochains chapitres. Cette étape fait donc le tour des quelques modules que nous n'avons pas détaillés au cours de ce chapitre.
  
  Les autres modules natifs
  
  02:58
Plaque centrale de la vie d'un site : les visiteurs et les équipes de rédaction ou de maintenance. Nous allons voir que Joomla! ne laisse rien au hasard et que tout les outils nécessaires à la gestion des utilisateurs sont présents et remplissent largement leur rôle, toujours en restant très ergonomiques.

Gestion des utilisateurs
- Joomla! nous permet d'ajouter et gérer divers types d'utilisateurs pour contribuer au bon fonctionnement de la vie du site. Cela comprend de simples utilisateurs référencés, des utilisateurs auteurs, ou des utilisateurs administrateurs. Nous allons détailler leurs différents rôles et la manière de les gérer.
  
  Interface de gestion des utilisateurs
  
  05:17
- Utiliser le Back Office n'est pas la seule manière d'inscrire de nouveaux utilisateurs. Il existe d'autres possibilités pour ajouter des propositions d'inscription. Nous allons au cours de cette étape mettre en place un module de connexion, qui va permettre de proposer à un visiteur de se faire connaître, ou de se connecter, ou encore de récupérer son mot de passe si celui-ci l'a oublié.
  
  Mise en place d'un module d'identification
  
  04:09
- Deuxième méthode d'identification utilisateur, Joomla! propose depuis ses menus un accès de connexion. Là aussi l'ensemble des phases est pris en compte et géré en natif. Connexion, Inscription, Récupération de mot de passe. Un ensemble de propriétés avancées nous permet de pouvoir régler au plus fin la gestion des messages et des affichages ainsi générés.
  
  Mise en place d'une page d'identification
  
  06:58
- Le fait d'avoir défini divers utilisateurs et divers niveaux d'accès permet de mettre en place et d'explorer divers niveaux de lecture sur le site. Des modules ou des menus ne peuvent exister qu'en fonction du profil de l'utilisateur qui parcourt le site. Nous allons voir avec quelle simplicité tout ceci s'orchestre.
  
  Utilisateurs et niveau d'accès
  
  04:00
- Les utilisateurs peuvent contribuer à l'enrichissement du contenu du site, ils deviennent ainsi des auteurs contributeurs. Nous allons mettre en place au cours de cette étape les divers points qui permettent à un utilisateur connecté de proposer un article, et nous allons voir comment un rédacteur pourra publier ou non cet article.
  
  Ouvrir la publication d'articles à des utilisateurs
  
  08:34
- Dès l'instant ou toute une population d'utilisateurs référencés existe pour la gestion d'un site, il faut un outil de communication qui permet de pouvoir envoyer des messages à tout ou partie de cette équipe. Joomla! propose en natif une gestion d'envoi d'e-mails en masse qui répond largement aux attentes de la plupart de ces besoins. Nous allons l'explorer au cours de cette étape.
  
  Gestion de la Newsletter intégrée
  
  05:03
- Un autre aspect des utilisateurs sont les contacts que peut proposer le site. Joomla! permet de gérer un ensemble d'agendas de contacts répartis en catégorie qui permet aux internautes de rechercher des profils et de pouvoir les contacter par l'intermédiaire du site. Là aussi, un ensemble de paramètres judicieux et avancés permet de gérer cela au plus fin et de permettre à l'ensemble des internautes de cette communauté de communiquer.
  
  Gestion des contacts
  
  07:54
Il serait hors-propos que d'approcher le développement d'un Template pour Joomla!. Par contre, nous allons voir au cours de ce chapitre qu'il est tout à fait possible d'utiliser des Templates existants et de venir les enrichir.

Gestion des Templates
- Il existe sur le web diverses sources de sites qui proposent des Templates. Certains sont totalement gratuits, parfois mis sous condition d'utilisation, d'autres peuvent être payants. La seule contrainte est qu'ils doivent être compatibles avec la version 1.5 de Joomla!.
  
  Présentation et gestion des Templates
  
  08:59
- Certains Templates proposent un panneau de configuration qui permet d'intervenir finement sur les réglages. Nous allons voir que ja_purity permet bien des choses et qu'il est très facile d'intervenir sur la personnalisation du modèle.
  
  Configuration d'un Template
  
  08:19
- Si les paramètres ne suffisent pas, on peut, moyennant grande précaution, intervenir sur les CSS. Au cours de ce tutoriel nous verrons que depuis les modules nous pouvons apporter des paramètres aux éléments et les affecter depuis la feuille de style du Template.
  
  Editer le HTML et / ou les CSS
  
  09:28
- Suite à l'étape précédente, nous allons compléter l'approche en ajoutant quelques styles à la feuille CSS afin de pouvoir enrichir la mise en forme de nos articles.
  
  Continuer avec les CSS
  
  08:43
- Au cours de cette étape, sur les modifications HTML et CSS nous allons voir qu'il n'est pas si compliqué d'ajouter un module JavaScript à un Template. Une ou deux lignes de code tout au plus, et nous pouvons intégrer une librairie Slimbox fonctionnelle pour tous nos articles.
  
  Ajouter la fonctionnalité Ligthview au Template
  
  14:26
Bien que Joomla! puisse gérer un grand nombre de fonctionnalités en mode natif, il arrive toujours que ces fonctionnalités puissent être soit améliorées, soit augmentées. Pour cela il existe des extensions. Nous allons au cours de ce chapitre explorer la manière dont Joomla! fonctionne sur cet aspect et installer quelques-unes d'entre elles.

Ajout de modules
- Bien que toutes s'installent de manière identique, il existe certaines différences, et les extensions de Joomla! se répartissent entre des composants, des modules ou des plug-ins. Nous allons expliquer durant cette étape ce qui les différencie.
  
  Comment fonctionne l'architecture ?
  
  04:04
- Joomla! propose une solution de gestion de flux en interne. En complément de cette fonctionnalité il existe un autre outil que nous allons installer. Nous explorerons ensuite les différences et les possibilités de chaque.
  
  Gestion de fil RSS
  
  12:02
- L'éditeur de Joomla! est très fonctionnel et suffit largement aux besoins de la majeure partie des équipes de rédaction et de maintenance d'un site. Cependant, il existe un éditeur JCE, qui apporte une interface bien plus complète, plus conviviale et qui permet d'ajouter des plug-ins. Nous allons durant cette partie la découvrir.
  
  Installation d'un éditeur JCE
  
  08:07
- Durant cette seconde phase, nous explorerons une autre fonctionnalité assez impressionnante de l'éditeur JCE qui est la possibilité de gestion de groupes utilisateurs.
  
  Configuration de JCE
  
  05:48
- L'éditeur d'article natif de Joomla! Tiny MCE permet d'insérer tout type d'élément multimédia.
  
  Insertion d'éléments multimédia
  
  12:20
- Si vous souhaitez aller plus loin dans la gestion des éléments multimédia au sein de vos articles, ou encore gérer de manière plus fine le son, ou faire appel à des listes de lecture, nous allons explorer le module All Video Reloaded qui est un composant, plug-in, module époustouflant de possibilités.
  
  All video Reloaded
  
  17:19
- L'utilisation de carte et de mise en place d'itinéraire est chose de plus en plus courante sur le web. Nous allons au cours de cette première partie explorer la mise en place et la gestion d'un composant qui permet d'utiliser les fonctionnalités de Google Maps.
  
  Utiliser une carte Google Maps - Part I
  
  08:58
- Durant cette deuxième étape nous aborderons l'utilisation des paramètres avancés du module. Nous explorerons les possibilités d'utilisation et de présentation que nous apporte l'utilisation de carte Google Maps au sein d'un site.
  
  Utiliser une carte Google Maps - Part II
  
  08:10
- Encore un module usine à gaz dont nous allons aborder son installation et sa prise en main. Joomfish permet d'administrer et distribuer un site en plusieurs langues. Cette extension mériterait qu'on s'y attarde plus longtemps, mais restons-en à l'idée principale qui est de permettre de comprendre et de mettre en application l'installation de modules souvent très utiles, et de comprendre les bases de leur utilisation.
  
  Joomfish
  
  14:03
- Un autre module très important qui permet de gérer l'URL Rewriting. Cette technique optimisera la lisibilité de vos URLs, facilitera la lisibilité de votre site par les moteurs de recherches, et rendra plus intuitive la navigation de vos utilisateurs.
  
  Installation du module SH404, URL rewriting
  
  10:26
- Sans aller jusqu'à les installer, voici au cours de cette étape une rapide présentation d'autres modules qui peuvent être très utiles lors de la mise en place d'un site. Nous irons faire un tour sur le site extension.Joomla!, qui présente et liste l'ensemble des extensions disponibles à ce jour. Le choix est difficile.
  
  D'autres modules
  
  03:54
- On ne pouvait pas utiliser des modules de manière directe, sans à un moment les utiliser directement dans une page. Au cours de cette étape nous explorerons la manière de pouvoir utiliser les capacités d'un module directement au sein d'un article et comment il est facile et possible d'optimiser cet aspect dynamique.
  
  Ajouter un module dans un article
  
  06:50
Ce dernier chapitre sera consacré à la maintenance de votre site : la sauvegarde du site, le basculement entre le site local et le site distant, le suivi des statistiques, etc.

Maintenance
- Il est très important de réaliser de manière régulière et récurrente des sauvegardes du site, afin de pouvoir très rapidement remplacer le contenu et l'arborescence du site si celui-ci venait à être corrompu. Nous allons détailler les diverses étapes à mettre en place.
  
  Sauvegarde du site
  
  07:56
- Le transfert du site local vers le site distant n'est pas exempt d'anicroche, mais nous allons voir que si nous restons méticuleux dans l'approche, il est très facile de réaliser cette étape. Il existe deux méthodes, nous opterons pour la plus générale qui s'adapte bien à toute situation.
  
  Basculer entre site local et site distant
  
  16:30
- Une fois le site en ligne, quels sont les avantages à maintenir un site local ? Nous allons bien distinguer au cours de cette rapide étape le rôle du site distant, le rôle du site local et les sauvegardes.
  
  Avantage d'un site local et d'un site distant
  
  04:12
- Enfin dernière étape et conclusion de ces quelques heures passées ensemble. Nous en profiterons pour jeter un il aux statistiques internes de Joomla! qui peuvent nous aider à améliorer la gestion de notre contenu. Un petit rappel sur le suivi des mises à jour et des patchs correctifs et on finalisera toutes ces étapes par la mise en place d'une favicon.
  
  Suivre des statistiques, favicon, etc.
  
  06:13

Le langage de l'affichage, les CSS

de : Joomla! 1.5 : Les fondamentaux

À propos de cette vidéo

Un extrait de : Joomla! 1.5 : Les fondamentaux

Infos sur la vidéo en cours de lecture