présentation joomla!
DESCRIPTION
'Tres Simple' Présentation de Joomla!TRANSCRIPT
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