'Tres Simple' Présentation de Joomla!

2. Introduction Joomla et un CMS OPEN SOURCE, avec une large communauté de contributeurs, des dizaines de fonctionnalités et des centaines d’extensions. Avantages en vrac: Modularité et extensibilité accrues Prise en charge facile pour l’utilisateur finale Présence de centaines d’extensions Documentation Conception homogène Système de template performant (PatTemplate) Présence d’un système de cache Éditeur d’article Wysiwyg (TinyMCE) Médiathèque Backend multi – privilèges Génération de PDF « on the fly » etc.

3. Fonctionnalités

4. Organisation du contenu Site Joomla! Articles statiques Articles dynamiques Liens Article 1 Article 2 Sections Catégories Article 1 Article 2 Catégories Lien 1 Lien 2

5. Éditeur TinyMCE TinyMCE est un éditeur de texte wysiwyg, permettant la création d’article dynamique, et qui en plus gère le copier/coller, vers et à partir du Word. Cette éditeur peut être facilement remplacer par un éditeur normale, pour une utilisation limité, ou bien par FckEditor, qui permet l’upload d’image directement à partir de son interface (Code serveur php disponible), ce qui est pas le cas de TinyMCE

6. Élément Affichable sur le FrontEnd En plus des Articles (statiques ou dynamiques), Joomla! Donne l’accès à un ensemble d’élément dont voici la liste : Liste ou tableau De :  Sections  Catégories  Articles Composant pour FrontEnd :  Contact  Liens / Catégories de lien  Flux RSS  Composant développé par des tiers (SiteMap, PhotoGallerie…)  Composant Maison

7. Personnalisation

8. Structure du template Un template Joomla! Est constitué des éléments suivant : /templates Dossier Templates Joomla /notre_template Dossier de notre Template /css template_css.css Css Principale editor_content.css Css Pour utilisateur connecté /image image_1.png Images du template image_2.png . index.php LE template notre_template.xml XML d’installation notre_template.png Aperçu du template

10. LE index.php 2 User1 User2 Banner User3 User2 Main-Body Left Top Right Path way

11. LE index.php : Construction Header :

12. LE index.php : Construction Body :

13. Module Output : Ex1 <ul id=&quot;mainlevel-nav&quot;> <li><a href=&quot;http://127.0.0.1/j1/index.php&quot; class=&quot;mainlevel-nav&quot;>Accueil</a></li> <li><a href=&quot;http://127.0.0.1/j1/index.php?Itemid=3&quot; class=&quot;mainlevel-nav&quot;>Nous contacter</a></li> <li><a href=&quot;http://127.0.0.1/j1/index.php?Itemid=2&quot; class=&quot;mainlevel-nav&quot;>News</a></li> <li><a href=&quot;http://127.0.0.1/j1/index.php?Itemid=22&quot; class=&quot;mainlevel-nav&quot;>Liens</a></li> </ul> Module Top : Top menu

14. Module Output : Ex2 <div class=&quot;moduletable&quot;> <h3>Articles les plus lus</h3> <ul class=&quot;mostread&quot;> <li class=&quot;mostread&quot;> <a href=&quot;http://127.0.0.1/j1/index.php?Itemid=9&quot; class=&quot;mostread&quot;> Exemple FAQ Item 2</a> </li> <li class=&quot;mostread&quot;> <a href=&quot;http://127.0.0.1/j1/index.php?Itemid=9&quot; class=&quot;mostread&quot;> Exemple FAQ Item 1</a> </li> </ul> </div> Module User2 : Articles les plus lus

15. Des Questions