glenan.net joomla 1.5

Solution multimdia Conseil - Formation Audit en informatique

GLENAN.NET VERSION CMS AVEC JOOMLA 1.5VERSION 1.3

2008 LOST Informatique Auteurs : Philippe LOST et Gunol LOST Support disponible en tlchargement sur http://glenan.fr/formation/

Vous tes libres :de reproduire, distribuer et communiquer cette cration au public

Selon les conditions suivantes :Paternit. Vous devez citer le nom de l'auteur original de la manire indique par l'auteurde l'uvre ou le titulaire des droits qui vous confre cette autorisation (mais pas d'une manire qui suggrerait qu'ils vous soutiennent ou approuvent votre utilisation de l'uvre).

Pas d'Utilisation Commerciale. Vous n'avez pas le droit d'utiliser cette cration desfins commerciales.

Pas de Modification. Vous n'avez pas le droit de modifier, de transformer ou d'adaptercette cration. Licence : Crative Commons http://creativecommons.org/licenses/by-nc-nd/2.0/fr/

Tlcharger la dernire version du support de cours : http://www.glenan.fr/media/glenan.net_joomla_1.5.pdf Le support, les fichiers (Template, requte SQL, code du site) sont tlchargeables pour les utilisateurs enregistrs de http://www.glenan.net/joomla/.SARL au capital de 7 623 . Sige social : 23, grande alle - 29170 FOUESNANT - RCS QUIMPER B 403 481 633 - APE 741G

N de centre de formation : 53290506629 - Crdit Agricole de Fouesnant : 12906 00022 63500736001 31

Glenan.net : version CMS avec Joomla 1.5

TABLE DES MATIERESGnralisation aux articles .............................50 Table des matires .................................................... 2 Traitement des images ............................................51 Procdure pour crer son site.................................. 4 Les CMS ..................................................................... 5 Fonctionnement dun CMS ............................... 5 Schma darchitecture 3 niveaux .................. 6 Fonctionnement de Joomla .............................. 9 Installation de Joomla ............................................. 11 Tlchargement de Joomla ............................ 11 Prparation du serveur ................................... 12 Serveur local ....................................... 12 Gestion du serveur distant .................. 14 Cration de la base de donne ........... 17 Transfert sur le serveur distant ........... 18 Installation sur le serveur ............................... 20 Finitions sur le serveur ................................... 25 Serveur Local ...................................... 25 Serveur Distant ................................... 25 Transfert de local vers distant ........................ 26 Transfert des fichiers........................... 26 Transfert de la base ............................ 27 Configuration.php ................................ 29 Mise jour de Joomla .................................... 30 Sauvegarde .................................................... 31 Prise en main de Joomla ........................................ 32 Le front-end .................................................... 32 Le back-end ................................................... 33 Connexion au back-end ...................... 33 Lcran daccueil du back-end ............. 33 Modifier la langue par dfaut ............... 34 Linterface ........................................... 35 Configuration gnrale ........................ 36 Articles et menus ............................................ 37 Cration de larticle ............................. 37 Intgration dans un menu ................... 37 Gestion darticles .................................................... 38 Principe de fonctionnement ............................ 38 Cration des sections ..................................... 39 Cration des catgories ................................. 39 Cration dun article ....................................... 40 Lditeur de texte................................. 41 La mise en page et les styles .............. 42 Insertion dimages ............................... 43 Saut de page et lire la suite ........... 44 Paramtrages par dfaut .................... 45 Paramtres - Articles........................... 46 Paramtres - Avancs......................... 46 Informations des mta-donnes .......... 46 Larticle dans un menu ................................... 47 Le menu dans la page .................................... 48 Refonte de larticle.......................................... 49 Image, cran, poids et chargement ................51 Les pixels ............................................51 Poids de limage ..................................52 Taille de limage ..................................53 Traitement manuel dune photo ......................55 Photo Filtre ..........................................55 Paint.NET ............................................56 Gimp ....................................................57 Les formats dimages......................................58 Les formats bitmap ..............................58 Choix du format ...................................59 Traitement par lots ..........................................60 Principes et avantages ........................60 Modification de la taille ........................61 Transfert des images ...........................62 Images animes .............................................63 Animation simple .................................63 Importation dimages vectorielles ........68 Gestion des mdias .................................................69 Gestionnaire de medias ..................................69 Gestion de dossiers .............................70 Ajouter des mdias ..............................70 Suppression des mdias .....................71 Les images .....................................................71 Les autres mdias ..........................................71 Les menus ................................................................72 Gestion des menus .........................................72 Gestion des lments de menu ......................73 Les types dlments de menu .......................74 Cration dun item de menu ............................75 Type dlment du menu .....................75 Dtails de llment du menu ..............75 Les paramtres basiques ....................76 Les autres paramtres.........................76 Les modules .............................................................77 Ajout de modules ............................................77 Les principaux modules ..................................78 Le chemin de navigation......................78 Menu ...................................................79 Recherche ...........................................79 Connexion ...........................................80 Syndication ..........................................80 Autres modules ...............................................80 Bretagne.videos.fr...........................................81 Les droits ..................................................................82 Appartenance un groupe .............................82 Les niveaux de droits ......................................82 Gestion des utilisateurs ..................................84

Table des matires ____________________ Philippe LOST et Gunol LOST _________ Page 2

LOST Informatique Fouesnant 02 98 56 01 14 [email protected]

Glenan.net : version CMS avec Joomla 1.5Extensions : composants, plugins ..................... 85 Localiser les extensions ................................. 85 Installation ...................................................... 87 Joomla 1.5 et versions antrieures ..... 87 Installer/Dsinstaller ............................ 87 Composant, Modules, Plugins, Langues et Templates......................... 88 Les langues .................................................... 88 Les plugins ..................................................... 89 Diaporama dimages ........................... 89 Go-localisation Googlemaps ............. 91 Installation dun diteur de texte ..................... 93 FCK editor ........................................... 93 JCE Editor ........................................... 94 Changement dditeur ......................... 95 Bug ?................................................... 95 Les composants ............................................. 96 Les composants de base .................... 96 Les contacts ........................................ 96 Gestionnaire de menu .................................... 97 Installation du gestionnaire de menu... 97 Mise en uvre du gestionnaire de menu ................................................... 97 Paramtrage du gestionnaire de menu98 La page daccueil ......................................... 103 Les outils ...................................................... 103 Un site multilingue ........................................ 104 Installation de Joom!Fish ...................104 Traduction du squelette du site .........105 Traduction du contenu .......................106 Paramtrage de Joom!Fish ...............106 Le Template ............................................................107 Zonage de linterface ....................................107 Affichage des zones ..........................107 Les diffrentes zones ........................108 Intgration dun Template .............................109 Choix dun template ...........................109 Modifications directes ........................110 Un template avec Artisteer ...........................112 Cration dun template..................................113 Principe du modle ............................113 Le template Glenan.net .....................113 Plusieurs templates sur un site .....................118 Quelques conseils .................................................119 Annexes ..................................................................120 Installation de Liberkey .................................120 Table de correspondance JPEG ...................123 Renommer les fichiers ..................................123 Glossaire ................................................................124

Table des matires ____________________ Philippe LOST et Gunol LOST _________ Page 3



PROCEDURE POUR CREER SON SITEAvec plus de vingt et un mois dexistence, ce support a t confront lpreuve de la formation de quelques centaines dtudiants, principalement pour lUBO (Universit de Bretagne Occidentale) et a servi la cration dune centaine de sites raliss avec Joomla en 2009 ; dont une bonne partie en formation. Ce support a aussi t utilis pour de lautoformation par certains qui nous ont apport soutients et conseils. Nous remercions toutes les personnes qui nous ont fait confiance : clients, Chambres Consulaires, collectivits, associations, services informatiques, tudiants, enseignants Il devenait ncessaire de relire le support et de complter certaines parties pour disposer de la version 1.0 du manuel. Il est bien vident quavant de crer son site, il faut bien rflchir au contenu qui sera intgr, aux mises jour mais cette problmatique en amont pourrait faire lobjet dun support part dans la logique de Glenan.net

Crer son hbergement et son nom de domaine Tlcharger la dernire version de Joomla et la dcompresser Cration de la base de donnes Transfrer Joomla par FTP sur son hbergement Installer Joomla Finir linstallation de Joomla sur le serveur distant Crer les sections Crer les catgories Crer les articles et le contenu en gnral Cration des menus Installation du template et adaptation Installation dextensions Optimisation de son site rfrencement

Dans les amliorations venir : Une partie sur les sites multilingues. Un chapitre sur le rfrencement, ou du moins une bauche adapte un site Joomla. Une amlioration de la cration darticles avec JCE. Un nouveau support sur les extensions Virtuemart pour la cration de boutiques en ligne, en complment dun site vitrine. Peut-tre avez-vous galement des suggestions proposer ;-) Un grand merci aux personnes ayant pris le temps de relire le document avant sa diffusion : Soizic, Nanard, Kortep, Veit, Belino

Procdure pour crer son site ___________ Philippe LOST et Gunol LOST _________ Page 4


Il reste encore normment de choses amliorer. Cependant un support de cours de ce type ne sera jamais complet, du fait des niveaux auxquels sadresse le support, du nombre dextensions en constante volution...


LES CMS

Dans les modules de formation prcdents de http://glenan.net ou http://glenan.fr vous avez pu apprendre construire un site ex-nihilo, soit de faon classique dit site vitrine soit de faon dynamique avec un langage de programmation orient web et une base de donnes en incluant son langage de requte. Pour une premire approche de la cration de site, il est aussi possible dutiliser des kits plus ou moins pr-paramtrs, permettant de raliser rapidement un site. Il existe diffrentes familles de kits suivant lusage pr-suppos du site, mme si certains peuvent appartenir plusieurs familles. Les principales familles sont : Les blogs : version moderne des journaux de bord, journaux intimes o le principe de classement est le temps et le plus souvent de faon ant-chronologique (les articles plus rcents en premier). Les blogs autorisent souvent les internautes commenter les billets dinformation dposs. Les wikis : crs initialement pour les besoins des dveloppeurs, ils sont utiliss actuellement par une communaut pour maintenir un rfrentiel. Chaque article est donc modifiable par tout internaute autoris. La force du wiki rside dans larchivage des modifications apportes, permettant de revenir une version antrieure. Une version Wiki de Glenan.net est prvue. Les CMS : Content Management Systems, traduit en SGC ou PGC (Systmes ou Progiciel de Gestion de Contenu). Ils permettent une gestion du flux informationnel (workflow) et donc un travail dquipe tout en sparant le contenu du contenant. La plupart du temps ils utilisent une base de donnes.

FONCTIONNEMENT DUN CMSLes CMS font partie dun ensemble doutils informatiques plus large appel Framework qui sont des espaces de travail modulaires. Une approche dEclipse est indique dans le support : les outils du webmaster. Il existe des dizaines de CMS, dont les plus connus sont : Spip, Typo3, Plone, Plume, eZ Publish et bien videmment Joomla. Quasiment tous les CMS utilisent le mme principe dit darchitecture 3-tier, car il existe 3 niveaux :

Client

Serveur dapplication

serveur de base de donnes

Linternaute envoie une requte au serveur dapplication (en cliquant sur un lien ou sur un bouton, par exemple). Le serveur dapplication traite la requte et interroge la base de donnes. Les rponses de la base de donnes sont mises en forme et traites par le serveur dapplication qui retourne les informations au client pour quil puisse voir les rsultats.

Les CMS ____________________________ Philippe LOST et Gunol LOST _________ Page 5


Glenan.net : version CMS avec Joomla 1.5 SCHEMA DARCHITECTURE A 3 NIVEAUXLarchitecture 3 niveaux, appele galement architecture 3-tier (de langlais three tier) est une extension de larchitecture client/serveur (2-tier) elle est englobe dans les architectures multi-tier ou n-tier. Le principe de fonctionnement seffectue sur 3 niveaux : au niveau du client (appel aussi couche de reprsentation) au niveau du serveur dapplication (appel parfois couche mtier) au niveau du serveur de base de donnes Lexplication ci-dessous nest videmment quune approximation permettant de comprendre le fonctionnement dune application utilisant, dans le cas prsent, un langage de type PHP et une base de donnes MySQL. Pour plus dinformation et apprhender la syntaxe PHP/MySQL, se rfrer au support de cours de Gunol LOST : Glenan.net : version PHP/MySQL , dont est extrait ce chapitre. Le client affiche une page contenant du code HTML, avec ventuellement du JavaScript, des feuilles de styles, de lAJAX... dans le but dune reprsentation plus pratique pour linternaute. Les liens proposs dans le site permettent denvoyer un ordre sur le serveur dapplication. Par exemple, en dplaant la souris sur la lettre B, en plus dafficher un menu droulant des diffrents articles de Glenan.net commenant par B, une URL apparat dans la barre dtat en bas de page. Le lien pointe vers la mme page index.php avec en plus un paramtre lettre=B qui est indiqu en tant que paramtre grce au ? Des paramtres multiples sont traits plus loin dans le support Glenan.net : version PHP/MySQL . Cest ce qui se passe galement pour bon nombres de CMS. Attention nanmoins lutilisation de module de type SEO (Search Engine Optimization) et SEF (Search Engine Friendly) pour lesquels lURL est rcrite.

En cliquant sur le lien, la requte est transmise au serveur dapplication. La page index.php va traiter les paramtres qui lui sont transmis, savoir lettre=B . Un test conditionnel (voir schma page suivante) va permettre de connatre quel type de paramtre a t transmis, ( lettre dans notre cas) et de lancer une requte sur la base de donnes $glenannet. Cet argument est optionnel, car dans notre exemple il ny a quune base de donnes concerne par nos requtes. La requte permet de rcuprer lintgralit des champs (*) de la table article pour lesquels le champ section correspond la valeur b . Dans la ralit, la valeur correspondra celle dun identifiant de champ de la table section (ou catgorie), savoir un chiffre. Les CMS ____________________________ Philippe LOST et Gunol LOST _________ Page 6



La requte SQL est transmise au serveur de base de donnes. Ce dernier slectionne les enregistrements (les lignes du tableau) correspondant aux critres de la requte et les retourne tris par titre au serveur dapplication.



Glenan.net : version CMS avec Joomla 1.5Le serveur dapplication rcupre les informations dans une variable ($resultat dans notre cas) et traite ensuite les enregistrements rcolts tant quil en existe (while).

Pour chaque enregistrement le serveur dapplication gnre du code HTML intgrant une balise (pour plus dinformation voir le cours Glenan.net : cration du modle ) et intgre les champs des enregistrements titre , texte ... Dautres informations comme le read more lire la suite peuvent tre intgrs par le serveur dapplication. Le code HTML gnr est transmis au client qui linterprte. LOST Informatique Fouesnant 02 98 56 01 14 [email protected]



FONCTIONNEMENT DE JOOMLALe schma prsent prcdemment, tout en restant valide, est insuffisant pour comprendre la logique de fonctionnement de Joomla.

Cette page index.php va chercher la page de modle (page index.php dans le dossier du template courant) en cours pour le site. Dans ce modle, le concepteur a dfini un certain nombre de zones qui ont t intgres (dans lexemple ci-dessus les zones suivantes sont visibles : breadcrumb, user3, left, right et user6). Les noms de ces zones sont dfinis de faon permettre le transfert dun template lautre, indpendamment de la structure des donnes mise en uvre sur le site (voir le chapitre : le template pour plus dinformations). Dans ces zones, il sera possible dintgrer des modules. Il est noter que tous les graphistes ne respectent pas les rgles de base de nommage des templates, aussi, certains templates posent problme pour la gestion et lintgration de certains modules. Lexemple le plus courant concerne la zone left . Si le graphiste ne souhaite pas disposer de zone gauche, il va nommer ces zones dans la partie droite right et il risque doublier left . Le problme est que le menu principal, par dfaut et par convention, se trouve dans la zone left . Le changement de template peut donc provoquer la disparition du menu. Si le graphiste a bien cr un template correct il mettra une zone left , mme si elle est droite, pour accepter le menu principal.



La page qui apparat dans le navigateur de linternaute est du type index.php. Mme si elle nest pas affiche : vous pouvez taper lURL http://joomla.glenan.net/ ou http://joomla.glenan.net/index.php et vous aboutirez au mme endroit. Ladresse de base peut tre suivie dun point dinterrogation et de paramtres plus ou moins clairs.

Glenan.net : version CMS avec Joomla 1.5 Component est une zone particulire qui va intgrer le contenu du site (principalement les articles crs pour le site). Les plugins pourront agrmenter ce contenu pour linternaute, ou pour le crateur de contenu, comme pour le plugin de traitement (ou dditeur) de texte (voir le chapitre plugins pour plus dinformation). Les plugins peuvent tre intgrs dans le contenu (Component) dun article par une squence de codes incluant, la plupart du temps, des {accolades}. Certains plugins, une fois valids (comme les traitements de texte) sont intgrs directement dans les articles suivant certaines conditions (modification ou cration de larticle pour un plugin de traitement de texte). Joomla travaille par module que lon peut positionner dans les zones. La liste des modules de base peut tre complte par des modules complmentaires trouvs sur internet.

Les menus crs ne sexpriment pas naturellement. Il faudra crer un module intgrant un menu pour pouvoir le positionner dans une zone du template. Pour les composants, un menu spcial leur est ddi, permettant de les grer. Leur expression se fera par le biais dun item de menu. Souvent complexes, ils peuvent intgrer en plus plugins et modules. Articles (contenu), plugins, modules, menus, composants interrogent la base de donnes par des requtes de type SQL pour pouvoir afficher linformation demande par linternaute. La base de donnes ne contenant que du texte, tous les lments extrieurs (vidos, images, sons) sont stocks directement dans le site (partie FTP). Ce principe implique que pour la sauvegarde, il faut sauver la fois la base de donnes (principalement via phpMyAdmin), mais aussi toutes les donnes du site via un systme de FTP. Bien videmment, ce schma nest quapproximatif et a pour but de permettre la comprhension globale du fonctionnement du CMS ainsi que la logique utilise dans ce didacticiel.

Les CMS ____________________________ Philippe LOST et Gunol LOST ________ Page 10



INSTALLATION DE JOOMLA

TELECHARGEMENT DE JOOMLAPour tlcharger la dernire version en franais de Joomla, il faut aller sur le site de http://joomla.fr/. Le site officiel (en anglais) est sur http://joomla.org/.

Cliquer sur licne Tlcharger Joomla !version 1.5.x . Ensuite cliquer sur le lien Joomla ! 1.5.x , puis valider le tlchargement. Il est prfrable de choisir lendroit du tlchargement afin de prvenir la perte de fichiers ou le retlchargement. Certains navigateurs proposent lendroit de stockage de linformation. Ce dossier dpend de votre OS) Dautres navigateurs enregistre les objets tlchargs directement sur le bureau ou un autre endroit dfini par lusag.

Installation de Joomla __________________ Philippe LOST et Gunol LOST ________ Page 11



PREPARATION DU SERVEURIl est prfrable de commencer par linstallation en local, de faon matriser plus facilement le CMS Joomla ou pour un projet dintranet. Nanmoins, pour que les internautes puissent voir votre site, il sera indispensable terme de mettre votre site sur un serveur distant. Si vous tes guid par un formateur, vous passerez directement au serveur distant, car en temps que chef dentreprise ou employ, il faut avoir un rsultat au bout de la formation. Des solutions alternatives existent, mais les expliquer nous entraineraient trop loin du sujet de ce support.

SERVEUR LOCALCopier le dossier zipp de joomla dans le dossier www du rpertoire de Wamp, fort probablement dans le disque local (C:). Soit le chemin c:\wamp\www Faire un clic droit sur le fichier zipp et slectionner Extraire tout , puis cliquer sur le bouton Extraire .

Attendre la dcompression des lments qui peut durer quelques minutes en fonction de lordinateur utilis.



Renommer le dossier pour quil corresponde au projet que vous utilisez. Cette mthode permet davoir plusieurs projets en tests sur le serveur local, voire plusieurs variantes dun mme projet sur le serveur. Dans notre cas, le dossier sera renomm Glenan.net .

Glenan.net : version CMS avec Joomla 1.5Avant de lancer linstallation proprement dite, il faut crer la base de donnes pour que Joomla puisse y installer les diffrentes tables et les remplir. Se connecter sur http://localhost/phpmyadmin/ aprs avoir lanc Wamp (si lordinateur a t arrt par exemple). Dans la zone de saisie Crer une base de donnes donner le nom de votre base et cliquer sur le bouton Crer . Dans notre cas, la base sappellera glenanJommla .

La requte SML est lance et la base de donnes cre. LOST Informatique Fouesnant 02 98 56 01 14 [email protected]


Glenan.net : version CMS avec Joomla 1.5GESTION DU SERVEUR DISTANTPrincipe du serveur distant Si vous souhaitez avoir une visibilit sur le net, il est indispensable de disposer dun hbergeur. Bien videmment il est possible dhberger son site sur son ordinateur et dutiliser sa connexion internet, mais dans ce cas, il vous faut tre prsent 24h/24 et 7j/7 pour reprendre un service qui ne serait plus rendu en cas de panne du serveur, de la liaison internet... De plus, en ce dbut 2010, la fibre optique nest pas encore gnralise et la liaison haut dbit la plus rpandue est lADSL. Le A de ADSL signifie Asynchrone. En dehors de laspect culturel, cela signifie que globalement les liaisons descendantes (les sites que vous visionnez ou tlchargez = download) vont en moyenne 8 fois plus vite que linformation que vous mettez en ligne (upload). Il est donc prfrable de choisir un hbergeur professionnel. Il existe de nombreux hbergeurs gratuits, avec plus ou moins de services (pas forcment sans pub) et avec plus ou moins de continuit de service. Ils peuvent aussi apporter (pour certains) des services sur mesure, mais logiquement le cot sen ressent. Sur la photo de droite : des racks de serveurs dans un centre de traitement de donnes . Parmi les principaux hbergeurs prix acceptables, il est possible de citer : OVH, 1&1, AMEN, ARSYS Dans le cadre de ce site, lhbergement sera trait me avec OVH http://www.ovh.fr/ 5 hbergeur mondial. Vous pouvez trouver votre bonheur ailleurs, y compris chez un hbergeur local Chez la majorit des hbergeurs il existe principalement 2 types dhbergement : mutualis et serveur ddi. Dans le cas de lhbergement mutualis, une partie de lespace disque vous est allou pour votre site. Dautres parties du disque sont loues dautres sites. Un peu comme dans un immeuble : un appartement peut suffire vos besoins. Si vous tes un professionnel, peut-tre louerez-vous limmeuble entier. De la mme faon, vous pouvez louer un serveur si vous avez des besoins en consquence. Attention, il vous faudra grer vous-mme le serveur, alors que dans le cas de lhbergement mutualis OVH soccupe de la partie maintenance et vous navez qu grer votre site. Ce qui est dj suffisamment compliqu. De nombreuses offres dhbergement mutualiss existent. Pour simplifier le choix, dans le cadre dun site dentreprise classique, un hbergement de type perso peut suffire pour un cot annuel infrieur 24 HT/an, incluant le nom de domaine. Attention bien vrifier que votre hbergeur accepte le langage PHP et quil est possible davoir au moins une base de donnes de type MySQL. me me Si vous pensez avoir besoin dun 2 site (et donc dune 2 base) pour raliser des tests ou prparer la nouvelle version de votre site, prfrez un hbergement de type Pro 60 HT/an. Installation de Joomla __________________ Philippe LOST et Gunol LOST ________ Page 14


Glenan.net : version CMS avec Joomla 1.5Crer son hbergement chez OVH Pour disposer dun hbergement, il faut effectuer 2 oprations : la cration dun compte client et la cration du bon de commande. Ces oprations peuvent tre ralises dans nimporte quel ordre, mais il est prfrable de crer le bon de commande en premier, du moins pour la premire opration. Une dernire opration consistera payer la facture gnre ;-). Toutes les oprations se font en ligne par linternaute, permettant de diminuer le cot global de la prestation. Cration du bon de commande Sur le site http://www.ovh.com/ taper le nom de domaine que vous souhaitez acqurir. Ce nom ne peut contenir que des lettres non accentues, des chiffres et le tiret - . Choisissez aussi lextension souhaite. Puis cliquer sur le bouton Go ! Ltape suivante vous permet de slectionner dautres noms de domaine proches de celui choisi. Cliquez sur le bouton Continuer .

Pour loffre du domaine, loffre Gold peut suffire. Cliquez sur le bouton Choisir en fonction du choix de base. Ltape suivante consiste choisir le type dhbergement. Sauf cas particulier, optez pour un perso ou un pro en cliquant sur Choisir

Ltape suivante prsente un rcapitulatif de votre commande. Cliquer sur Continuer .



Glenan.net : version CMS avec Joomla 1.5Identification du contact Pour vous identifier , il y a 2 possibilits : si vous ntes pas client chez OVH, vous crerez votre fiche client en cochant le bouton radio Nouveau contact .

Renseigner Nom et Prnom , ainsi que votre n de tlphone portable et cliquer sur le bouton Menvoyer le code . Une fois le SMS reu (4 chiffres) vous pourrez complter le reste de la fiche. Pour la partie Comment avez-vous connu OVH ? , vous pouvez cocher Formation et dans prcisez , mettre formation glenan.net ;-). Si vous tes dj client, il suffit de renseigner votre identifiant (ou NicHandle compos de vos initiales suivi de 1 6 chiffres, puis dun tiret et de ovh : ex : LP1234-ovh) et du mot de passe associ.

Une fois finalise lidentification, cliquer sur le bouton Continuer .

Ltape suivante consiste valider les contrats en cochant la case Jai pris connaissance des contrats et jaccepte en bas de page pour voir apparatre le bouton Continuer . Le dernier cran prsente un rcapitulatif de la commande avant paiement. Il est prfrable de payer par carte bancaire pour activer le traitement. Chez OVH, vous tes redirig vers le site du Groupe Crdit du Nord . Une fois le paiement accept, cliquer sur le bouton Retour la boutique qui vous permettra de rcuprer votre nichandle (identifiant OVH) pour accder votre interface de gestion si vous avez tap une adresse de courriel errone. Installation de Joomla __________________ Philippe LOST et Gunol LOST ________ Page 16


Si vous tes un nouveau client et que vous avez coch la case entreprise, association des informations complmentaires vous serons demandes avant daccder la prvisualisation du bon de commande. Laisser les informations de propritaire, administrateur, technique et facturation tel quel, car cest vous qui grez votre domaine. Si vous avez opt pour un .fr et que vous reprsentez une structure, il vous faudra indiquer le n de SIREN (9 chiffres) et la dnomination exacte. En cas derreur, le systme revient sur la dnomination en vous indiquant en rouge celle qui est enregistre lINSEE et que vous navez qu recopier.

Glenan.net : version CMS avec Joomla 1.5CREATION DE LA BASE DE DONNEEComme pour le serveur local, il est indispensable de disposer dune base de donnes pour que Joomla fonctionne .Se connecter sur http://www.ovh.com/, le site dOVH, et cliquer sur le bouton Manager en haut du site, au milieu de la page. Taper votre identifiant et votre mot de passe pour arriver sur votre compte.

Cliquer sur votre domaine dans la partie de gauche pour avoir un cran comme ci-contre. Le menu Administration permet de grer votre compte, rcuprer un double des factures La partie mutualise, constitue de 4 parties vous permet de grer : Domaine & DNS : viter si vous ntes pas certain de ce que vous faites. Emails : qui vous permettra de crer les comptes de courriel (compte POP), les redirections Hbergement : pour visualiser les statistiques et crer la base de donnes utile Joomla. Cliquer sur licne Nouvelle base Slectionner le type de base, ainsi que le nom utilis pour la base de donnes. Base est un exemple de nom de la base qui aura pour nom final : glenanfobase, puis cliquer sur Valider LOST Informatique Fouesnant 02 98 56 01 14 [email protected]

Pour plus dinformation sur la gestion de votre compte chez OVH, vous pouvez consulter les guides http://guides.ovh.net/guides, ainsi que le forum http://forum.ovh.com/. Si vous avez un problme avec votre site, vous pouvez consulter la liste des travaux http://travaux.ovh.net/, mais aussi envoyer une demande au support technique via linterface : https://www.ovh.com/managerv3/login.pl?ref=/managerv3/services-support.pl


Glenan.net : version CMS avec Joomla 1.5TRANSFERT SUR LE SERVEUR DISTANTEn allant voir vos mails, vous trouverez de nombreux courriels dOVH, dont 2 nous intressent pour la cration du site : 1. [OVH-perso] monsite.com install ou [OVH-pro] monsite.fr install : contenant les codes FTP qui permettent le transfert de Joomla sur votre site. 2. [MySQL] La base MySQL maBaseDeDonnees : indiquant la cration de la base de donnes ainsi que les informations utiles pour linstallation de Joomla. Celui relatif votre facture na dimportance que pour votre comptabilit. Pour utiliser les codes FTP (File Transfert Protocole ou Protocole de Transfert de Fichier), il faut disposer dun logiciel grant ce protocole sur le Net. Mme sil est possible de grer le FTP dans le navigateur avec ou sans module complmentaire, il est prfrable de disposer dun logiciel spcifique, comme FileZilla, mais il en existe bien dautres. Vous pouvez tlcharger FileZilla sur http://filezilla-project.org/download.php?type=client ou sur dautres sites de tlchargement si vous en avez plus lhabitude. Si vous ne disposez pas de droit dinstallation (administrateur) sur votre ordinateur, vous pouvez utiliser une version portable, soit sous forme de collection de logiciels sur cl USB (Framakey, Liberkey, Portableapps..), soit en temps que fichier seul. (ex : http://www.framakey.org/Portables/PortableFilezilla) Une fois le logiciel install et excut, vous pouvez utiliser la connexion rapide pour vous connecter en ftp votre site ou configurer votre connexion pour y accder plus facilement ultrieurement en utilisant le menu Fichier Gestionnaire de Sites . Cliquer sur Mes Sites puis sur le bouton Nouveau Site pour crer une nouvelle connexion FTP. Renommer la connexion et renseigner l Hte . Si vous venez juste de crer votre hbergement, vous verrez que votre site nest pas encore disponible, car il faut un certain temps pour que la propagation de DNS se fasse, rendant votre site accessible depuis nimporte o. En attendant, vous pouvez utiliser celui dOVH. Du type ftp.perso.ovh.net ou ftp.pro.ovh.net. Dans ce cas, votre site nest accessible que par lurl http://perso.ovh.net/~mondomai ou http://pro.ovh.net/~mondomai (le ~ = tilde sobtient sur un PC en appuyant simultanment sur les touches Alt Gr et 2 ~ ou par copier-coller depuis votre courriel. Choisissez le type dauthentification Normale et renseigner lidentifiant et le mot de passe en fonction des informations transmises par OVH, puis cliquer sur le bouton Connexion . LOST Informatique Fouesnant 02 98 56 01 14 [email protected]

Une fois la connexion avec votre site tablie, vous accdez linterface de FileZilla. Linterface se compose de 4 zones : Lordinateur local sur lequel vous avez tlcharg et dcompress Joomla. Lordinateur distant sur lequel vous voulez transfrer Joomla. Ligne de commande qui indique les commandes FTP et les rponses entre votre ordinateur et le serveur. Elles servent principalement vrifier que la connexion stablie et dans le cas contraire voir le message derreur pour pouvoir le corriger. Liste des fichiers transfrer.

Ligne de commande Ordinateur local Votre ordinateur Ordinateur distant Votre site chez votre hbergeur

Liste des fichiers transfrer


Glenan.net : version CMS avec Joomla 1.5Par dfaut, sauf si vous avez modifi les paramtres avancs de la connexion, vous tes dans la racine (root) de votre hbergement, qui contient 3 dossiers : Le dossier cgi-bin pourra contenir entre autres : des programmes permettant la liaison avec votre banque suivant le type de contrat choisi pour un paiement en ligne. Le dossier requetes na pas dintrt dans notre cas. www contient la partie visible de votre site accessible en http par http://www.mondomaine.fr ou par http://perso.ovh.net/~mondomai. Il faudra donc transfrer Joomla dans ce dossier. Double cliquer sur le dossier www pour y accder. Le dossier .htaccess nest pas forcment visible selon le logiciel de FTP utilis et son paramtrage. Le fichier index.html doit tre renomm en utilisant le clic-droit, pour permettre Joomla de sexprimer (par exemple en index-vieux.html). Il peut aussi tre supprim. Utiliser la fentre locale de votre ordinateur pour slectionner le dossier contenant les fichiers dzipps de Joomla.

Les fichiers en cours de transfert sont dans la fentre du bas. Si tout se passe bien, au bout dun temps variable dpendant de votre connexion, lintgralit des fichiers sera transfre sur votre site. Dautres mthodes que le FTP sont possibles comme une connexion SSH en ligne de commande qui a lavantage dtre beaucoup plus rapide, mais qui prsente linconvnient majeur dtre trop complexe pour un nophyte.



Ensuite slectionner lensemble des dossiers et fichiers de Joomla en local, soit en faisant un clic-gauche sur le premier dossier et ensuite un shift-clic gauche (shift est aussi appel majuscule temporaire et reprsente une grosse flche pointant vers le haut, prsente de chaque ct du clavier). Il est aussi possible de faire un clicgauche sur un des lments du dossier, puis de faire Ctrl-A pour slectionner lensemble des objets du dossier et de les transfrer sur le serveur par glisser-dplacer lendroit o se trouve le fichier index-vieux.html.


INSTALLATION SUR LE SERVEURIl faut maintenant configurer Joomla proprement parler. Sur un serveur local, avec wampserveur ou autre, se rendre sur ladresse http://localhost/ ou sur http://127.0.0.1/ et cliquer sur le nom du projet excuter glenan.net . Pour un serveur distant il faut se rendre sur ladresse du site pour pouvoir configurer Joomla : http://glenan.net/joomla dans notre cas. Si vous tes chez un hbergeur, attendez la propagation du DNS pour que votre domaine soit accessible par le nom de domaine que vous avez acquis

La connexion se fait sur la page daccueil du module dinstallation qui comporte 7 tapes. Le franais est slectionn par dfaut (sinon le slectionner) et cliquer sur suivant .



Glenan.net : version CMS avec Joomla 1.5Si tout nest pas en vert, consulter le paramtrage de votre hbergeur pour savoir comment modifier les paramtres ; avec Wamp en standard, tout devrait tre au vert Cliquer sur Suivant

Regarder le contrat de licence (actuellement en version 2 alors que la version 3 est disponible depuis juin 2007). Si langlais vous pose problmes, une traduction non officielle est disponible sur : http://www.linux-france.org/article/these/gpl.html



Glenan.net : version CMS avec Joomla 1.5Ltape 4 est plus problmatique car elle demande davantage de connaissances et dexprience.

Dans le cas dune configuration locale, les paramtres par dfaut sont les suivants : Nom du serveur : localhost ou 127.0.0.1 Nom dutilisateur : root (sous les environnements Linux et Unix, cest lquivalent de administrateur ou administrator sous Windows) Mot de passe : Ne rien mettre en local car cest le mot de passe par dfaut. Pour des raisons de scurit videntes il serait nanmoins souhaitable den avoir un. Nom de la base de donnes : glenanJommla dans notre cas (voir prparation du serveur local) LOST Informatique Fouesnant 02 98 56 01 14 [email protected]

Dans le cas dune configuration distante, les paramtres sont ceux transmis par votre hbergeur. Dans notre cas pour un hbergement de type plan 90 chez OVH, il pourrait tre de type : Nom du serveur : mysql5-10 Nom dutilisateur : glenanJoomla Mot de passe : xxxxxxxx (bien videment ne jamais communiquer le mot de passe ;-) Nom de la base de donnes : glenanJommla (pour plus dinfo, voir prparation du serveur distant)

Cliquer sur Suivant Si des erreurs sont tapes, elles apparaissent en rouge dans les paramtres de base et il est impossible de passer ltape suivante.


Glenan.net : version CMS avec Joomla 1.5Laccs FTP a peu dintrt dans notre cas. Cliquer sur Suivant .

Donner les informations sur votre site : nom du site, email et surtout mot de passe de ladministrateur (ceux du superadministrateur de Joomla, voir les droits avec Joomla). Si vous souhaitez crer votre site, il est prfrable davoir une base vide. Cependant il est possible (voir souhaitable) de disposer dune autre base dexemples pour laquelle on installera les donnes dexemples. Dans ce cas recommencer la procdure de cration de site. Cliquer sur Suivant .



Glenan.net : version CMS avec Joomla 1.5Un message vous indiquant quaucune donne dexemples nest installe apparat. Cest notre choix car il est plus facile de crer des donnes que de les supprimer compltement. Cliquer sur OK .

Le dernier cran indique que linstallation est termine et que lidentifiant de connexion est admmin .

Si les codes FTP ont t renseigns ltape 5, il est possible daller sur le site ou de ladministrer. Passer directement la prise en main de joomla sinon il faut, comme indiqu sur notre cran, supprimer le rpertoire dinstallation pour voir le site. Sinon, en cliquant sur licne Site , la page ci-dessous apparat alors que la connexion sur Admin est possible.




FINITIONS SUR LE SERVEURLes finitions consistent supprimer le dossier dinstallation pour viter que quelquun ne refasse la configuration du site, ce qui serait dommage

SERVEUR LOCAL

Aller dans le dossier glenan.net du dossier www de wamp et supprimer le dossier dinstallation en appuyant sur la touche Suppr aprs lavoir slectionne. Cliquer sur Oui pour valider.

SERVEUR DISTANTLancer Filezilla aprs lavoir install et paramtr. Slectionner le dossier installation et appuyer sur la touche Suppr du clavier. Valider la suppression.




TRANSFERT DE LOCAL VERS DISTANTTRANSFERT DES FICHIERSDans la racine du site se trouvent quelques fichiers et des dossiers. Au minimum, les dossiers suivants sont prsents : administrator ; cache ; components ; images ; includes ; language ; libraries ; logs ; media ; modules ; plugins ; templates ; tmp ; xmlrpc. Au lieu de rcuprer les fichiers modifis, il est prfrable de transfrer lintgralit des dossiers, sans pour autant transfrer les fichiers de la racine car configuration.php, sil est transfr, rendra le site non oprationnel. Ouvrir Filezilla ou votre logiciel de FTP habituel en ayant sur la gauche votre site en local et sur la droite le site distant. Slectionner les dossiers lists ci-dessus dans la fentre locale ( gauche) et les dplacer dans la fentre distante ( droite) en ayant soin dtre au mme niveau avec les mmes dossiers et fichiers visibles. Ds le dbut du transfert un message apparat indiquant que les fichiers existent dj. Aprs avoir vrifi que tout est correct, il faut cocher la case toujours utiliser cette action et cliquer sur le bouton OK puis attendre la fin du transfert.



Glenan.net : version CMS avec Joomla 1.5TRANSFERT DE LA BASEIl faut rcuprer la base sur le site local et lintgrer sur le site distant. Lopration va donc se drouler en 2 temps : Rcupration de la base locale Faire un clic gauche sur licne WampServeur 2.0 et slectionner phpMyAdmin, puis slectionner la base glenan.net en local (glenanjoomla dans notre cas). Une fois dans la liste des tables de la base, cliquer sur le bouton Exporter .

Il faut maintenant slectionner toutes les tables en cliquant sur le lien Tout slectionner pour bleuir les tables en-dessous du bloc Exporter . Laisser le format SQL par dfaut et vrifier que les cases cocher Struture et Donnes dans les options SQL sont bien coches. Ne pas oublier de cocher la case Transmettre . Cliquer sur le bouton Excuter pour lancer le transfert. Suivant le navigateur utilis, vous pouvez choisir lendroit et le nom du fichier qui sera transmis.

Mme si le fichier contenant la base ne pse pas lourd, avec le temps la base peut crotre et trouver les limites de lhbergeur en terme de taille maximale autorise. Vous pouvez utiliser aussi cette technique pour rcuprer les versions intermdiaires du site sur http://glenan.fr/formation et viter dincorporer les images, les Templates



Glenan.net : version CMS avec Joomla 1.5Transfert de la base en distant La procdure ci-dessous peut tre utilise pour transfrer une base sur le serveur, mais galement pour rcuprer des bases en tlchargement sur http://glenan.fr/formation et ainsi vous viter davoir faire la saisie des informations.

Afin dimporter la base entire qui contient aussi la structure, il est prfrable de supprimer toutes les tables de la base. Attention : ces oprations ne sont effectuer quaprs avoir ralis au moins une sauvegarde complte de la base. Descendre en bas de la page, cliquer sur Tout cocher puis dans la liste droulante Pour la slection choisir Supprimer .

Une requte DROP TABLE `jos_banner`, `, `jos_weblinks`; est propose. Cliquer sur Oui pour lexcuter. Il nexiste maintenant plus de table dans la base aprs une bonne excution de la requte. Cliquer sur Importer , puis sur le bouton Parcourir et slectionner le fichier glenanjoomla.sql cr ltape prcdente. Il ne reste plus qu cliquer sur le bouton Excuter pour recrer table et contenu. Valider le rsultat en regardant le site pour voir sil correspond la version locale. Il existe autrement des logiciels permettant deffectuer le transfert dun site lautre, mais si vous savez modifier le fichier configuration.php, lopration (qui nest pas rgulire) peut tre ralise avec cette mthode.



Glenan.net : version CMS avec Joomla 1.5CONFIGURATION.PHPIl ne faut donc pas transfrer le fichier configuration.php sous peine de ne plus pouvoir accder au site distant. Il contient les informations ci-dessous, dont certaines que nous avons introduites lors de la saisie des paramtres du site local avec, en rouge, les lignes quil faut modifier au minimum sur le serveur distant :

Ne pas oublier de faire systmatiquement une copie de vos fichiers avant deffectuer des modifications, quitte mme changer le nom en local / distant, ce qui permet davoir uniquement copier et renommer un fichier en fonction de lendroit o est publi le site.




MISE A JOUR DE JOOMLALance en janvier 2008, la version de Joomla 1.5 volu progressivement pour arriver la version 1.5.15 en novembre 2009, soit en moyenne une nouvelle version tous les 1 mois . Il est souhaitable de faire les mises jour de Joomla rgulirement pour des questions de scurit, mais aussi de fonctionnalits, ainsi que pour une meilleure traduction Cliquer sur le bouton tlcharger la dernire version stable, puis sur le bouton Patches de mise jour Joomla ! 1.5.x . Si les mises jour sont faites rgulirement, vous pouvez tlcharger le Patch de mise jour de la version n-1 la version actuelle. Si par contre vous faites les mises jour moins rgulirement, vous pourrez tlcharger le patch de mise jour depuis nimporte quelle version de Joomla 1.5.x Avant linstallation dune mise jour, penser faire une sauvegarde complte de votre site. Une fois tlcharge, la version qui vous intresse, il faut la dzipper et la transfrer dans le dossier de Joomla, soit en local par lexplorateur de fichiers, soit en distant via le FTP. La mise jour ne contient pas de dossier dinstallation, ni de dossier configuration.php. Les fichiers existant dj pour bon nombre dentre eux, il vous sera demand quelle action faire dans le cas o un fichier est dj prsent sur le site. Laisser coch le bouton radio Remplacer et cocher en plus la case Toujours utiliser cette action pour ne pas avoir cliquer sur OK plusieurs milliers de fois. Vous pourrez voir le numro de la version en cours en vous connectant dans la partie dadministration du site, en haut droite, dans le prolongement du nom de votre site. Certaines mises jour peuvent impliquer, en plus, un script mettant jour la base de donnes pour la rendre conforme la nouvelle version. Penser aussi faire la mise jour des diffrentes extensions utilises par le site. Certaines extensions peuvent tre mise jour. Dans dautres cas, il faudra dsinstaller lextension pour pouvoir installer la nouvelle version.




SAUVEGARDEIl est possible de raliser ces sauvegardes personnellement ou par des outils tiers. Il faut sauvegarder la fois le code et la base de donnes. Avec un hbergement mutualis chez OVH, le code est sauvegard automatiquement et accessible en cas de problme. Pour la base de donnes, il est prfrable de faire une sauvegarde partir de linterface phpMyAdmin. Si vous disposez de votre propre serveur, vous pouvez mettre en place un script sauvegardant la fois le code et le dossier contenant la base de donnes. Mme si cette opration nest pas complique, il est plus facile de lintgrer directement linterface de Joomla pour vous faciliter les sauvegardes. Aller sur le site de JoomlaPack http://joomlapack.net/download/. Slectionner JoomlaPack for Joompla ! 1.5.x et tlcharger le JoomlaPack Plus . Aller dans ladministration du site et dans le menu Extensions Installer/Dsintaller , Slectionner le fichier zipp qui vient dtre tlcharg et cliquer sur Transfert de fichiers & installation . Une fois install, une icne apparat dans linterface gnrale du panneau dadministration, indiquant quel est ltat de la sauvegarde. Cliquer sur licne pour lancer le dmarrage dune nouvelle sauvegarde. Utiliser le menu Composant JoomlaPack . Par dfaut lintgralit de la base et des fichiers est sauvegard. Cependant si aucun mdia nest ajout au site (images, vidos, documents) ou quaucune extension supplmentaire nest installe, il est utile de sauvegarder uniquement la base de donnes. De plus, cette opration est beaucoup plus rapide que la sauvegarde intgrale du site. Si vous ntes pas familier avec les notions de sauvegarde, laisser le systme grer les paramtres votre place et cliquer sur licne Passer en mode simple . Pour lancer une sauvegarde, il suffit de cliquer sur licne Sauvegarder . Il est possible de suivre lvolution de la sauvegarde re de la base, puis des fichiers. La 1 sauvegarde peut mettre un peu de temps.

Une fois la sauvegarde effectue, licne du panneau de configuration se modifie. La sauvegarde est dans votre site et il est intressant pour des problmes de scurit, de disposer dune version sur votre ordinateur. Vous pouvez rcuprer les fichiers de sauvegarde en FTP, mais beaucoup plus simplement en cliquant sur Gestion et restauration . Cocher la ou les sauvegardes importer sur votre ordinateur et cliquer sur licne Tlchargement . Valider le message davertissement et, suivant votre systme dexploitation et votre navigateur, enregistrer votre sauvegarde. Pour des questions de scurit, il est prfrable de changer le dossier par dfaut, car la sauvegarde contient le fichier configuration.php et donc les codes daccs la base de donnes et ventuellement les codes FTP de votre site.




PRISE EN MAIN DE JOOMLA

Joomla, comme beaucoup de CMS, se dcompose en deux parties : Une partie Front-end qui est la partie visible du site pour les internautes, avec une possibilit de connexion permettant la cration et ventuellement la publication darticles. Une partie Back-end pour grer ladministration du site et aussi la cration darticles.

LE FRONT-ENDLa connexion sur le Front-end se fait sur le serveur local sur http://localhost/glenan.net/ et sur le serveur distant sur http://glenan.net/joomla/.

Linterface est pauvre du fait de ne pas avoir choisi dinstaller les donnes exemples qui auraient rendu quelque chose comme cicontre. Par contre il aurait t ncessaire de nettoyer les menus, supprimer les dizaines darticles inutiles et enlever Une autre possibilit est de faire un dump dune base vide et de la coller via phpMyAdmin en remplacement de celle dexemples (voir transfert de local vers distant plus dinformations). Nous allons maintenant commencer remplir le site.

Prise en main de Joomla _______________ Philippe LOST et Gunol LOST ________ Page 32



LE BACK-ENDCONNEXION AU BACK-ENDLa connexion au back-end se fait par le dossier administrator du site, soit : Sur le serveur local par : http://localhost/glenan.net/administrator/ Sur le serveur distant par : http://glenan.net/joomla/administrator/ La connexion par dfaut se fait avec les identifiants suivants : Username : admin Password : celui slectionn ltape 6 de linstallation de joomla. Si vous ntes pas habitu la langue de Shakespeare, il faut slectionner French (FR) avant de cliquer sur Login (si elle nest pas en franais). Si le systme vous le propose, vous pouvez deman-

der ce que le navigateur en gardant en mmoire le mot de passe. Attention avoir protg votre session dans ce cas.

LECRAN DACCUEIL DU BACK-END



Glenan.net : version CMS avec Joomla 1.5MODIFIER LA LANGUE PAR DEFAUTPour les futures connexions il est prfrable de changer la langue en cliquant sur licne Gestion des langues . Cocher le bouton radio French (FR) et cliquer sur licne Defaut .

Si la langue franaise nest pas disponible, reportez-vous au chapitre installation dun package. Ne pas oublier deffectuer la mme chose dans longlet Administrateur pour modifier la langue de lAdministrateur. Dans le Front-end, except le changement de Powered by par Motoris par , aucun changement napparat. Faites attention galement car il est probable, quelle que soit la version de Joomla utilise, quil reste des parties qui ne soient pas (ou mal) traduites, principalement dans le Back-end.

Les modifications du site peuvent commencer.



Glenan.net : version CMS avec Joomla 1.5LINTERFACEComme dans dautres logiciels il existe un menu et pour, les fonctions les plus utilises, une dizaine dicnes permettent un accs rapide. Pour revenir cet cran de dpart il faut utiliser le menu Site Panneau dadministration . Pour crer un article. Non directement accessible par le menu. Pour modifier les articles de la page daccueil. Contenu Gestion de la page daccueil Pour lister tout ou partie des catgories Contenu Gestion des catgories Pour crer ou modifier des menus Menus Gestion des menus Pour grer les utilisateurs Site Gestion des utilisateurs Pour lister tout ou partie des articles Contenu Gestion des articles Pour lister tout ou partie des sections Contenu Gestion des sections Pour visualiser et tlcharger des medias Site Gestion des mdias Pour modifier les langues par dfaut. Extension Gestion des langues Pour la configuration globale du site Site Configuration

Dans les diffrentes parties du site, il est possible de trouver les icnes ci-dessous. Le dtail de leur usage sera, pour les principales, trait dans la suite de ce support. Cration dun objet (article...) Edition de lobjet (article) Dupliquer lobjet (article) Dplacer lobjet (article) Supprimer lobjet Publier ou activer lobjet Dpublier lobjet Archiver lobjet Dsarchiver lobjet Restaurer lobjet Prvisualiser lobjet Ajout dutilisateur Verrouiller Rafraichir Modifier le code du template (modle) Modifier la CSS du template (modle) modification du XML Appliquer sans quitter Sauver et quitter Annuler et quitter Aide Paramtrage et prfrence Choix par dfaut Imprimer Gestionnaire de menu Rechercher Envoyer le courriel

Prcdent Suivant ou transfert Tlcharger vers le site (upload) Tlcharger depuis le site (dowmload) Exporter LOST Informatique Fouesnant 02 98 56 01 14 [email protected]

Bien videment ces icnes sont celles du template (modle) administrateur Khepri et peuvent tre modifies, mais il est certainement plus utile de modifier le template du site que celui de ladministrateur.


Glenan.net : version CMS avec Joomla 1.5CONFIGURATION GENERALE

Longlet Systme contient des informations qui sont suffisantes, par dfaut, pour les sites classiques. Pensez seulement modifier le serveur daide dans le bloc Paramtres systme pour quil pointe sur French Joomla.fr . Dans longlet Serveur, indiquer que le serveur est localis sur le fuseau de Paris et non pas sur celui de Londres. Le reste des paramtres a t renseign lors de linstallation et il nest pas judicieux de les modifier sans connaissance de limplication sur le fonctionnement du site. Ne pas oublier de sauver les paramtres de la configuration gnrale.



Dans longlet Site, il existe 3 blocs de paramtres Paramtre du site, avec principalement le nom de lditeur utilis. Nous verrons au chapitre Modules, composant, plugins comment installer un nouvel diteur. Paramtre des mtadonnes dans lesquelles il faut renseigner description et keywords. Pour plus dinformation, voir le module Glenan.net : rfrencer son site . Paramtre SEO : Search Engine Optimization (optimisation pour les moteurs de recherche).


ARTICLES ET MENUSAvant daborder la gestion darticles proprement dite, nous allons crer un article et le rendre accessible depuis Main Menu que nous franciserons pour loccasion. Utilisez seulement la procdure. Lexplication plus compte du paramtrage sera vue au chapitre Gestion darticles .

CREATION DE LARTICLECliquer sur licne Ajouter un nouvel article ou utiliser le menu Contenu Gestion des articles et cliquer sur licne Nouveau . Donner un titre larticle Objectif de Glenan.net . Slectionner une section : Non catgoris . Et rentrer un contenu pour larticle : Ce site a plusieurs objectifs : Tout d'abord, permettre tout un chacun de parfaire sa connaissance des Glnan. Bien videmment il manque beaucoup dentres dans cet abcdaire, mais pour linstant (jusquau Pardon 2007) il permet de valider quaucune entre primordiale na t oublie. La sortie officielle aura lieu pendant le Pardon 2007. Permettre d'apprhender la construction de ce type de site qui sera dclin en quatre versions : une version HTML de base dveloppe avec les outils dAdobe (Dreamweaver, Fireworks, Flash), une version PHP/MySQL, une version CMS et une version Wiki. Pour chaque version un support de cours sera disponible sur Glenan.fr Bonne navigation et nhsitez pas envoyer toute remarque lors de cette phase de tests [email protected] ou en utilisant la page du formulaire. Laisser les autres paramtres standards et cliquer sur Sauver

INTEGRATION DANS UN MENUUtiliser le bouton Gestion des menus ou le menu Menus Gestion des menus . Cliquer sur Main Menu dans la colonne Titre et modifier la zone de saisie Titre et remplacer le mainmenu : par menuprincipal ; Main Menu par Menu principal et ventuellement dans description mettre Le menu principal de votre site et cliquer sur licne Sauver De retour dans Gestion des menus , cliquer sur licne Elments de menu Il ny a pour linstant quun item. Cliquer sur Home dans la colonne Lien de menu et remplacer le Titre par Accueil . Cliquer sur le bloc Parameters System dans la colonne de droite et remplacer dans Titre de la page lintitul Welcome to the Frontpage par Bienvenue sur la page daccueil de Glenan.net : labcdaire des Glnan et valider en cliquant sur licne Sauver . Cliquer sur licne Nouveau pour ajouter un nouvel item de menu. Cliquer sur Articles et slectionner Un article . Sur le nouvel cran donner un titre Objectif du site dans la partie de droite, dans le bloc parameters Basic cliquer sur le bouton Slection et choisir le seul article prsent Objectif de Glnan.net , puis cliquer sur licne Sauver . La page daccueil du site est modifie si elle est rafrachie, mais nanmoins, Main menu est toujours prsent sur lcran. Aller dans le Back-end dans le menu Extension Gestion des modules et cliquer sur Main menu dans la colonne Nom du module puis changer le titre Main menu par Menu principal . Le rsultat est acceptable dans le Front-end avec une page objectif et nous apprendrons dans le chapitre suivant comprendre les actions effectues. Prise en main de Joomla _______________ Philippe LOST et Gunol LOST ________ Page 37



GESTION DARTICLES

PRINCIPE DE FONCTIONNEMENTLe CMS Joomla propose la cration darticles. Ces articles sont rattachs des catgories et ces catgories elles-mme des sections. Un article, une catgorie ou une section peut tre reli un menu de faon permettre laccs linformation en fonction des choix dfinis par le gestionnaire de site. Les menus sont placs dans le modle de page (template) en fonction des choix effectus sur linterface graphique. Dans le cadre dun site comprenant une dizaine darticles, il nest pas ncessaire de crer sections et catgories, ils pourront tre dans lespace Non catgoris . Si, par contre, vous pensez avoir plusieurs centaines de pages, il faut bien rflchir larborescence des sections et catgories. Dans le cadre de Glenan.net, le choix sest fait sur larborescence suivante :

Sctions

Section Cours

Section Lettres

Glenan.net

Catgories

CatgorieGlenan.net

Catgorie A

Catgorie B

Catgorie C

Catgorie D

Catgorie

Articles

nes Antenne Archipel

Bananec Bateau BnodetBigoudnie

Concarneau

Coquillage

Cormoran CrustacsCungonde

Une section Lettres (de lalphabet) regroupera les diffrentes catgories (les lettres de lalphabet elles mmes). Les diffrents articles iront naturellement se ranger dans la catgorie en fonction de leur premire lettre (normal pour un abcdaire). Voir lexemple ci-dessus qui reprend les 4 premires lettres de lalphabet et les articles associs. Une autre section pourrait tre cours avec les diffrents supports de cours en catgories et les chapitres des supports en tant quarticles. Ce choix nest pas fait ici car les supports de cours sont sur http://glenan.fr/. Dans la suite du chapitre, nous allons crer la section Lettres et les catgories A, B, C, D puis ensuite les premiers articles. Afin de faciliter la comprhension du sujet, la suite des articles sera intgrable via la base de donnes.

Gestion darticles _____________________ Philippe LOST et Gunol LOST ________ Page 38


Bollor Bombe Bretagne Brilimec

CNG Cales Castric Chaffron Chambre Cigogne

Dchets Delliou Drnec


CREATION DES SECTIONSSur la page daccueil de ladministration du site une icne permet la cration des sections du site. Il est aussi possible dutiliser le menu Contenu Gestionnaire des sections . La liste des sections tant vide, il faut cliquer sur licne Nouveau pour crer la nouvelle section. Il suffit de renseigner le titre : Lettre et de valider en cliquant sur Sauver . Lalias se renseignera automatiquement avec le Titre. Par dfaut litem cr est publi. Pour les niveaux daccs, voir le chapitre : les droits . Limage de litem et son positionnement peut tre intressant dans le cadre dun template gnrique, mais napporte rien dans notre cas, comme le texte de description qui permet den savoir plus sur la section. Notre interface sera comme pour les autres versions de glenan.net : un clic sur une lettre listera lensemble des articles de la lettre de lalphabet clique.

CREATION DES CATEGORIESSur la page daccueil de ladministration du site une icne permet la cration des catgories du site. Il est aussi possible dutiliser le menu Contenu Gestion des catgories . La liste des catgories tant vide, il faut cliquer sur licne Nouveau pour crer la nouvelle section. Les informations sont quasiment identiques que pour les sections, except quil est ncessaire dindiquer quelle section se rattache la catgorie. Comme nous nen avons quune elle est propose par dfaut, sinon cest la premire section de la liste qui est propose par dfaut. Renseigner A pour le titre et cliquer sur Sauver .

Recommencez lopration pour les catgories : B, C et D. La suite sera importe.



Glenan.net : version CMS avec Joomla 1.5 CREATION DUN ARTICLESur la page daccueil de ladministration du site licne gauche permet la cration directe dun article, alors que licne de droite permet daccder la gestion des articles. Il est aussi possible dutiliser le menu Contenu Gestion des articles . Depuis le menu Gestion des articles , faire un clic sur Nouveau pour crer un nouvel article.

Le premier article aura pour titre nes dans la section Lettre , catgorie A . Le dbut du contenu sera le suivant : Gnralits La prsence dnes aux les na rien de surprenant surtout lt, les vedettes en dbarquant des centaines tous les jours. Plus srieusement, 3 nes, des vrais, ont occup la rserve naturelle des narcisses de 1990 1996.



Glenan.net : version CMS avec Joomla 1.5LEDITEUR DE TEXTE.Le choix de lditeur est important pour bien travailler et raliser facilement de la mise en page darticles, dinsrer divers types de contenu Par dfaut, cest lditeur TinyCME 2.0 qui est utilis. TinyMCE 2.0

Lditeur est correct pour les oprations de base, cependant linsertion de mdias nest pas trs pertinente mais peut tre compense pour les images par insertion dimages (voir le chapitre plus bas), ou alors il faudra voluer vers la version 3.0. Il est nanmoins possible dinstaller dautres diteurs, dont les principaux sont cits ci-dessous. Il est possible de dfinir un diteur global pour nimporte quel utilisateur via la configuration globale du site. Chaque utilisateur peut aussi disposer dun diteur particulier, suivant ses comptences et son travail raliser (voir le paramtrage et les droits utilisateurs). La majorit des diteurs ne sont pas bien traduits dans les icnes : B (comme Bold) la place de G (Gras) ou le U (de Underline) au lieu du S (de soulign). Certains diteurs permettent un paramtrage fin en supprimant certaines fonctions comme le soulign qui na aucune raison dtre sur le Net, afin dviter la confusion avec les liens hypertextes. JCE editor

Tlchargeable sur le site http://www.cellardoor.za.net/. La version standard est dj correcte, mais la version payante permet une meilleure gestion des diffrents types de mdias pour un cot de 20 , avec les mises jour pour une anne. FCKeditor

Les possibilits de cet diteur sont accessibles sur le site http://www.fckeditor.net/. Le principal point fort de cet diteur est dtre multiplateforme. Pour disposer de la version pour Joomla, elle est tlchargeable depuis le site http://www.joomlafckeditor.com/. Voir aussi la procdure dinstallation et dutilisation dans le chapitre Modules, composants, plugins No Editor

Peu dintrt pour ce non-diteur moins de vouloir absolument matriser le code gnr pour les articles. Le mode WYSIWYG (What You See Is What You Get : ce que vous voyez lcran est ce que vous obtiendrez, initialement prvu pour limprimante, mais valable aussi sur lcran) des diteurs est nanmoins prfrable, dautant que bon nombre dentre eux proposent dditer le code source gnr : bouton HTML , Source



Glenan.net : version CMS avec Joomla 1.5LA MISE EN PAGE ET LES STYLESLors de la frappe de texte, ce qui drange le plus le crateur dbutant est lespace entre les paragraphes quil est impossible de modifier par un menu format paragraphe, comme sur les traitements de texte traditionnel. Il existe depuis toujours une astuce permettant de compenser ce problme : cela consiste, lors dun changement de paragraphe, positionner un saut de ligne forc. Si vous regarder le code HTML gnr, vous verrez la place de la balise (fin de paragraphe, puis dbut de paragraphe suivant), la balise
(saut de ligne forc). Si lespace entre 2 paragraphes doit tre plus important (lutilisateur dun traitement de texte appuierait 2 fois sur la touche Entre ), il suffit de mettre un seul saut de paragraphe et lespace est normal. Ceci oblige les diteurs de texte faire des modifications importantes sur le texte rcupr par copiercoller. Il est possible de rsumer les actions par dfaut dans le tableau ci-dessous : Traitement de texte Paragraphes espacs Paragraphe rapprochs Entre Entre Shift Entre ou Entre diteur Web Shift Entre ou Entre Entre Balise Web

Bien que seule la pratique de lditeur Web soit correcte en terme de traitement de texte, bon nombre dditeurs proposent de remplacer automatiquement les sauts de paragraphe par des sauts de ligne forcs (voir paramtrage de lditeur). Cette pratique est trs courante sur internet et explique que lopration en retour (rcuprer du texte depuis internet dans un traitement de texte) donne souvent des rsultats assez catastrophiques. Pour preuve, il suffit de regarder certains mmoires, rapports dtudiants ayant abus du copier-coller ! La mthode la plus lgante consiste appuyer une seule fois sur la touche Entre et grer lespacement entre les paragraphes par la feuille de style. Voir le support de cours Glenan.net : cration du modle sur http://glenan.fr pour plus dexplication sur les styles et leur mise en uvre dans le code HTML et consulter le chapitre modification de la feuille de style du template pour son usage au sein de Joomla. Lutilisation de style est importante, car elle vite de mettre du formatage de contenu en dur dans larticle. Le contenu sera gr par dans une feuille de style externe permettant : De diminuer le poids de la page (avec le haut dbit, cet argument est moins percutant). De faciliter des modifications globales sur tout le site dun style particulier sans avoir repasser toutes les pages en revue. LOST Informatique Fouesnant 02 98 56 01 14 [email protected]

Pour ce qui concerne les auteurs darticles, 2 types de styles sont notre disposition : Les styles de balise Le titre gnralit est pour linstant dans une balise de paragraphe () et il serait possible de le faire passer dans une balise de titre ( ). Pour cela, slectionner le texte Gnralit et cliquer dans la liste droulante Format noter ventuellement paragraphe . Attention ne pas avoir mis de saut de ligne forc, car sinon tout le texte passe en titre de niveau 1.

Ces balises sont bien comprises par les moteurs de recherche et permettent un rfrencement intressant dans la mesure o les titres de niveau sont, priori, importants.


Glenan.net : version CMS avec Joomla 1.5Les styles du site Ils sont grs avec le Template (modle) et permettent dappliquer un formatage particulier un paragraphe ou autre balise. On y accde en cliquant sur la liste droulante Styles . Par dfaut, le nombre de styles nest pas forcment important, mais il pourra tre augment lors de la modification du Template.

Mme si lors de la cration des premiers sites avec un CMS il nest pas vident de penser la feuille de style et au modle, il faudra prendre soin de ne pas entrer en dur dans larticle des modifications qui pourraient tre du ressort des styles. Si jamais, dans la mise en forme de vos articles, vous avez besoin dun formatage particulier et que vous navez pas encore assimil toute la manipulation des styles, vous pouvez crer le style dans le Template en mettant peu dlments dedans et lappliquer la slection. Quand vous reviendrez modifier la feuille de style, celui-ci sera automatiquement mis jour dans toutes les pages y faisant rfrence. Si vous prfrez vous concentrer sur le contenu sans tenir compte des styles, car le Template nest pas encore vident dans votre esprit, ne faites rien et laissez le texte tel que. Pensez simplement noter quil vous faudra revenir sur larticle un moment donn pour le finaliser. Dans le cadre de ce support le Template et les styles ntant pas crs, larticle va rester en ltat.

INSERTION DIMAGESLarticle sur lne contient une photo quil va falloir insrer. Suivant lditeur, linsertion dimage peut tre une icne reprsentant un arbre ( la faon Adobe DreamWeaver) ou une montagne avec un soleil ( la faon MS Office). Cest l que lditeur prend toute sa valeur et que son choix est important. Si vous utilisez TinyMCE 2.0, une fentre apparat, mais elle ne permet pas de tlcharger dimage, ni mme de choisir une image dj prsente sur le site. Il faut slectionner lURL de limage. Ces fonctionnalits pouvaient tre intressantes avec les versions 1.0.x de Joomla couples lintgration du module MOSImage. Certains diteurs comme moxicode system (http://tinymce.moxiecode.com/) proposent des modules payants. Cest aussi le cas de JCE (http://www.joomlacontenteditor.net/) avec nanmoins un module de base fonctionnel. Sinon, il faut utiliser des produits comme FCK (http://www.fckeditor.net/) qui peuvent exister sous licence libre et/ou commerciale. Si vous prfrez rester avec TinyMCE et que vous souhaitez continuer utiliser ce bouton, attention bien faire le distinguo entre les URL absolues (http://www.glenan.net/images/ane1.jpg ou http://localhost/glenan/images/ane1.jpg) et relatives (images/ane1.jpg) avec heureusement une preview (prvisualisation) permettant de vrifier que le lien est correct. er Si vous avez cliqu sur le 1 lien absolu, une image dne apparat dans le navigateur, alors que dans lautre lien absolu sur localhost le systme vous indiquera quil est impossible de charger une image, moins davoir charg une image du mme nom dans le dossier images de votre site glenan Avec un lien absolu vers http://www.glenan.net/images/ane1.jpg, lors du transfert de votre site en local vers le site distant, limage sera toujours prsente dans larticle sous rserve que le webmaster de glenan.net nait pas dplac ces images ;-) Si votre diteur nest pas trs fonctionnel (comme TinyMCE), il est prfrable de cliquer en bas de la zone de saisie de larticle sur le bouton image.



Glenan.net : version CMS avec Joomla 1.5Une bote de dialogue apparat permettant de charger des images ou den insrer dans larticle. Attention : le rpertoire par dfaut nest pas images mais images/stories. Cliquer sur Parcourir pour slectionner une image sur votre disque dur et cliquer sur le bouton Ouvrir , puis sur le bouton Lancer le transfert afin que limage soit rcupre dans le dossier affich. Cliquer ensuite sur limage pour faire apparatre son chemin relatif. Il est possible de modifier lalignement de limage avec seulement 2 valeurs (align droite ou gauche). Choisir align droite, mme si le traitement final sera diffrent. Ne pas oublier de renseigner la description de limage (attribut Alt) et le titre de limage (attribut title). Mme si cela semble fastidieux, lapport sur le rfrencement sera non ngligeable. Ensuite cliquer sur Insrer pour intgrer limage dans larticle. Plus dinformations au chapitre gestion des mdias

SAUT DE PAGE ET LIRE LA SUITE En bas de larticle un bouton Saut de page aide grer les articles longs en permettant linsertion dun index. Les articles de Glenan.net ntant pas trop chargs, lintrt est limit. Noubliez pas galement que les internautes survolent le texte mais ils le lisent rarement et si votre page est trop longue, ils risquent de zapper le contenu. LOST Informatique Fouesnant 02 98 56 01 14 [email protected]

Le bouton Lire la suite est plus intressant car il permet de dcouper un article la manire dun journal, avec un dbut darticle (sorte dincipit permettant daccrocher linternaute pour linciter lire la suite) et un complment accessible pour les personnes ayant cliqu sur le lien lire la suite . Un trait rouge pointill apparat au niveau de la sparation de larticle. Complter le texte de larticle et insrer la carte des Glnan localisant les nes dans larchipel. Si aucun lment nest positionn en-dessous du trait pointill rouge (lire la suite), il disparat lors de la sauvegarde de larticle car nayant aucune utilit.


Glenan.net : version CMS avec Joomla 1.5PARAMETRAGES PAR DEFAUT

Dans la rubrique Gestion des articles il est possible de modifier le paramtrage global des articles en cliquant sur le bouton Prfrences . Il est important deffectuer ce paramtrage ds le dbut de cration du site, mme si les modifications sont possibles ultrieurement. La configuration par dfaut ne prsente pas de difficult majeure. Pour Glenan.net, les paramtres suivants ont t modifis afin de coller au plus prs au cadre de dpart. Date et heure de cration : Masquer. Limportant est de connatre la date de la dernire mise jour. Afficher la navigation : montrer. Clics : masquer, car il nest pas important (par ce biais) de savoir combien de fois un article a t lu. Voir le chapitre statistique pour de plus amples dinformations. Ne pas oublier de remonter lascenseur et de cliquer sur Sauver avant de fermer la fentre.



Glenan.net : version CMS avec Joomla 1.5PARAMETRES - ARTICLESUn certain nombre de paramtres sont disponibles pour chaque article. Lauteur pourra tre chang uniquement partir du moment o dautres personnes ayant des droits dcriture seront enregistres. Un pseudo peut tre ajout. Il existe, par dfaut, 3 niveaux daccs linformation : Public, Registred pour les personnes qui se sont inscrites sur le site. Spcial concerne les personnes ayant des droits dcriture sur les articles. Cette documentation, par exemple, serait disponible sur le site glenan.net pour les personnes ayant besoin de sy rfrer pour crer des articles. Dans la ralit une procdure plus simple et ventuellement plus dtaille serait cre pour le client final. La date de dbut de publication peut tre utile pour un article rdig, mais qui ne devra tre disponible qu un instant donn. Idem pour la date de fin.

PARAMETRES - AVANCESIl est possible de modifier les paramtres globaux pour un article. Voir les paramtres par dfaut pour plus dinformations sur ces paramtres globaux. Surtout neffectuez aucune modification dans ces rubriques avant davoir valid le paramtrage global des articles du site.

INFORMATIONS DES META-DONNEES

Les balises Mta ou Meta-Tag permettent aux robots de rcuprer des informations complmentaires qui seront insres sous la forme :

Mme si beaucoup de moteurs de recherche ne les utilisent plus (comme Google) cela peut avoir une incidence indirecte lors du rfrencement. Pour Robot, il est possible dindiquer aux robots de ne pas indexer cette page (noindex) et/ou de ne pas suivre les liens (nofollow). Les versions o lon autorise le robot nest pas trs utile, comme le fait de dire all pour tre rfrenc par tous les robots, ce qui est le cas par dfaut.



Glenan.net : version CMS avec Joomla 1.5 LARTICLE DANS UN MENULe 1 article de labcdaire des Glnan tant constitu, il faut maintenant le lier un menu, et si possible un menu dont le positionnement sera assez proche de celui dfini par le gabarit de la maquette. Aller dans le menu Menu Gestion des menus ou sur licne gestion des menus de la page daccueil de linterface dadministration. Pour les diffrentes lettres de lalphabet, un menu particulier va tre cr. Cliquer sur le bouton Nouveau Il est possible de renseigner les items dcrivant le nouveau menu de la faon suivante : Type de menu : MenuLettres Pour un appel par dautres objets Titre : Lettres de l'alphabet Ce que pourrait voir linternaute Description : les articles regroups par lettre Pour le fun ou les noms peu explicites Titre du module : Menu Lettres Nom du moduleer

Aprs tre revenu sur la gestion des menus, cliquer sur licone Elments de menu des Lettres de lalphabet . Cliquer sur le bouton Nouveau pour commencer la cration des Lettres du menu. Dans larborescence propose, slectionner le type dlment de menu Lien interne Article Catgorie Articles dune catgorie donnes en blog . Pour voir larborescence cliquer sur Articles . Pour plus dinformations sur la signification des diffrents items, voir le chapitre Les menus .



Le titre du module permet de crer automatiquement le module correspondant que lon pourrait intgrer dans le Template ultrieurement.

Glenan.net : version CMS avec Joomla 1.5Il faut ensuite paramtrer le menu. Mettre A dans le titre et dans lAlias puis dans les paramtres basiques, choisir Lettres/A pour la catgorie. Le reste des paramtres peut tre laiss en standard. Aprs avoir valid, recommencer lopration avec les lettres B, C et D. Dans le gestionnaire dlments de menu, les 4 liens de menu sont prsents.

LE MENU DANS LA PAGELe menu est cr, mais napparat toujours pas sur la page daccueil. Il faut maintenant le positionner dans la page. Si lors de la cration du menu le Titre du module na pas t indiqu, le module na pas t cr et il vous faut regarder le chapitre Modules, composants, plugins et crer vous-mme le module. En allant dans le menu Extensions Gestion des modules 2 modules apparaissent, dont le module Menu Lettre qui nest pas activ (Enabled). Cliquer sur la croix rouge pour activer le module. Il est galement possible de cliquer sur le nom de module Menu Lettres . Mettre Enabled (activ) oui et pour position, slectionner user3 . Le reste pouvant rester identique.

En passant sur la page daccueil, les diffrentes lettres (de A D) sont disponibles et en cliquant sur A la page cicontre apparat. En cliquant sur Lire la suite , la totalit de larticle est disponible. Si la mise en forme de larticle nest pas conforme ce que vous voyez, il faut retourner sur larticle et certainement dplacer les images pour les positionner en dbut de paragraphe (mais pas de titre). Si le rsultat nest pas concluant, passer au chapitre refonte de larticle .



Glenan.net : version CMS avec Joomla 1.5 REFONTE DE LARTICLEDans le modle de dpart, lalignement des images se fait par lattribut align , mais le rsultat nest jamais tout fait satisfaisant. Surtout dans le cas ou de multiples images sont insrer. Mme si certains diteurs savent insrer des calques, les paramtres ne sont pas flagrants et faciles manipuler, except en passant directement dans le code de larticle. Pour viter ce genre de problmatique, il est possible de rutiliser des techniques prouves du web : les tableaux. Pour plus dinformations sur les tableaux, voir les cours : MS FrontPage, Adobe Dreamweaver et Glenan.net Cration du modle sur http://glenan.fr. Comme avec beaucoup de traitements de textes, le tableau permet de positionner des informations dans la page. Dans le cadre du projet http://glenan.net/ chaque article est dcompos en plusieurs rubriques : Gnralits ; Caractristiques ; Localisation dans larchipel ; Pour en savoir plus et ventuellement Pour rire un peu . Chaque rubrique a un titre ainsi quun texte dans la partie droite et ventuellement une ou plusieurs photos dans la partie de gauche. On peut donc construire pour chaque rubrique un Titre tableau de 2 lignes et 2 colonnes avec le placement de la rubrique ci-contre. re Photo ventuelle de Texte de la rubrique Pour rester homogne avec le modle de base, la 1 me la rubrique colonne sera dune largeur de 175 pixels et la 2 colonne prendra le reste de la place disponible. Se positionner dans larticle nes devant gnralits et insrer un retour chariot (touche Entre ). Se re positionner sur la 1 ligne et passer de Heading 1 (titre 1) Paragraph(e). Cliquer sur licne Insrer un nouveau tableau La fentre ci-contre apparat. Par dfaut, il y a 2 lignes et 2 colonnes et la bordure est 0 (ce qui permet de ne pas voir les bordures du tableau). Il est prfrable, dans notre cas, de mettre une largueur 100%. Les autres paramtres pouvant tre laisss tels que. Le tableau est cr. La double bordure pointille correspondant aux paramtres par dfaut de Cellpadding et de Cellpadding . LOST Informa

glenan.net joomla 1.5

Documents