Présentation Joomla!Présentation Joomla!

Introduction Fonctionnalités Personnalisation

IntroductionIntroductionJoomla 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.

FonctionnalitésFonctionnalités

Organisation du contenuOrganisation du contenuSite Joomla!

Articles statiques Articles dynamiques Liens

Article 1 Article 2 Sections

Catégories

Article 1Article 2

Catégories

Lien 1 Lien 2

Éditeur TinyMCEÉditeur TinyMCETinyMCE 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

Élément Affichable sur le Élément Affichable sur le FrontEndFrontEnd

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

PersonnalisationPersonnalisation

Structure du templateStructure du template

Un template Joomla! Est constitué des éléments suivant :

/templates Dossier Templates Joomla/notre_template Dossier de notre Template

/csstemplate_css.css Css Principaleeditor_content.css Css Pour utilisateur connecté

/imageimage_1.png Images du templateimage_2.png .

index.php LE templatenotre_template.xml XML d’installationnotre_template.png Aperçu du template

LE index.php 1LE index.php 1

Le ‘Templatage’ dans Joomla! Ce base sur une notion d’emplacement, de tel sorte que le document html est divisé en plusieurs parties :

Header pour l’encodage, le ‘title’ et les Meta données Ensemble d’emplacement (top, left, user1…) pouvant incorporé des menus ou des modules (Ex:Flash News) Zone d’affichage principale (main-body) pouvant afficher du contenu et des composants pour Front-end

LE index.php 2LE index.php 2

User1 User2

Banner

User3 User2

Main-Body

Left

Top

Right

Path way

LE index.php : ConstructionLE index.php : ConstructionHeader :

LE index.php : ConstructionLE index.php : ConstructionBody :

Module Output : Ex1Module Output : Ex1

<ul id="mainlevel-nav">

<li><a href="http://127.0.0.1/j1/index.php" class="mainlevel-nav">Accueil</a></li>

<li><a href="http://127.0.0.1/j1/index.php?Itemid=3" class="mainlevel-nav">Nous contacter</a></li>

<li><a href="http://127.0.0.1/j1/index.php?Itemid=2" class="mainlevel-nav">News</a></li>

<li><a href="http://127.0.0.1/j1/index.php?Itemid=22" class="mainlevel-nav">Liens</a></li>

</ul>

Module Top : Top menu

Module Output : Ex2Module Output : Ex2

<div class="moduletable"><h3>Articles les plus lus</h3><ul class="mostread"> <li class="mostread">

<a href="http://127.0.0.1/j1/index.php?Itemid=9" class="mostread">Exemple FAQ Item 2</a>

</li> <li class="mostread">

<a href="http://127.0.0.1/j1/index.php?Itemid=9" class="mostread">Exemple FAQ Item 1</a>

</li></ul>

</div>

Module User2 : Articles les plus lus

Des QuestionsDes Questions