Adobe a publié Dreamweaver CS5 il y à peu de temps. Une de ses nouvelles fonctionnalités majeures est la capacité à intégrer avec le CMS de votre choix. Ils semblent accepter Drupal, Joomla, WordPress en particulier, mais en théorie, il fonctionne avec n’importe quel CMS.
Nous savons tous que vous risquez de recevoir les foudres des développeurs lorsque vous modifiez le code de base de Joomla. Quand vous voulez modifier un élément du noyau, vous êtes obligé de passer par le système d’overriding du template (dossier HTML à la raçine de votre template, ce qui vous permet de laisser le coeur intact (le noyau de Joomla). Vos mises à jour ne seront pas écrasé.
Explication pour mettre tout cela en place, en quelques étapes «faciles».
Installer Joomla quelque part :
- Vous pouvez installer Joomla en local sur votre machine, en utilisant MAMP, XAMPP ou WAMP. (le test à été fait avec WampServer 2)
- Vous pouvez également installer Joomla sur l’hébergeur de votre choix.
- Assurez-vous que Joomla fonctionne correctement, peu importe où vous l’exécutez.
- Si Joomla ne fonctionne pas correctement, Dreamweaver n’est pas près de vous aider.
Ouvrez Dreamweaver CS5. Vous pouvez télécharger un essai gratuit de 30 jours à partir du site Adobe si vous décidez de ne pas l’acheter de suite.
Accéder au site – Nouveau site.
Notez que la boîte de dialogue Définition du site est un peu différente dans Dreamweaver CS5!
Les options de base / avancées ont disparu.
Sous le «Site» onglet, il ya seulement deux éléments à définir, et ce sont les deux seuls éléments qui doivent être définies afin de créer un site Dreamweaver.
Donnez un nom pour le site (comme Joomla 1.6 test), et définir le dossier du site local.
4. Maintenant, allez à l’onglet Serveurs, juste sous le site :
Cliquez sur l’élément + en bas à gauche de la fenêtre (carré rouge ci-dessus)
Vous rencontrerez cette boîte de dialogue:
Dans l’exemple ci-dessus, sous l’onglet Général (basic), les informations sont pour un site Joomla installé localement sur WAMP pour PC. Si votre configuration est différente, par exemple si vous travaillez en ligne, ou sur un environement Linux, vous allez avoir besoin de saisir des informations différentes. Remplissez les informations demandées pour passer à l’étape suivante.
Ici un exemple pour PC
- Nom du serveur: localhost
- Se connecter en utilisant: Local/network
- Dossier du serveur: c: Wamp www (Le même que votre dossier local)
Maintenant, passez à l’onglet Avancé. Remplir la liste déroulante, comme indiqué:
Changer le serveur de test (testing server) sur PHP / MySQL.
Enregistrez tout (Save). Votre nouveau site devrait se charger.
L’image ci-dessus vous montre le panneau Fichiers sur le côté droit de l’écran dans Dreamweaver. Si vous ne le voyez pas, vous pouvez l’obtenir en allant à l’élément de menu Fenêtre et choisir les fichiers (ou F8).
5. Double-cliquez sur index.php à partir du panneau Fichier, comme indiqué ci-dessus.
Vous ne devriez rien voir apparaître. je parle bien du fichier index.php à la raçine de votre nouveau site Joomla!
Ne pas ouvrir la page index.php du template, ou toute autre page sur le site – cela ne fonctionnera pas correctement.
Vous pouvez certainement utiliser PHP pour éditer ces pages, (n’oubliez pas que toucher le noyau de Joomla, peut poser problème lors d’une mise à jour : tout ce que vous aurez modifié sera écrasé).
En haut haut de la page, dans la zone rouge, cliquez sur le lien (discover) = découvrir.
6. Le message à propos de Discover se change :
Cliquez sur le lien Live View (nouvelle vue). Et vous voyez votre site aparaitre comme par magie ! 
J’ai installé Joomla 1.6, mais vous pouvez utiliser Joomla 1.5 si vous le souhaitez.
Les procédures sont exactement les mêmes.
Vous travaillez en mode Live View. Utilisez Ctrl-clic sur le PC pour réellement cliquer sur les liens et aller vers d’autres pages. Si vous faites un clic régulier sur les liens, vous pouvez sélectionner des éléments.
Sélectionnez par exemple le mot Joomla! dans la zone de contenu principal. Vous pouvez modifier votre css dans cette zone:
Dreamweaver trie les feuilles de style et affiche les styles qui s’appliquent à cette position particulière. Avec l’outil Dreamweaver, vous pouvez modifier les couleurs, polices, ou tout autre aspect de cette rubrique.
Dans quel cas Dreamweaver CS5 peut m’être utile ?
Vous voulez modifier un template Joomla existant avec des faibles connaissances en CSS.
Pour ceux qui aiment Artisteer, cela pourrait être une aubaine. Vous ne connaissez pas assez le language HTML / CSS pour créer votre propre template Joomla, mais vous voulez changer le look de votre template joomla 1.6! Dreamweaver est peut être la solution idéale pour vous.
Dreamweaver CS5 n’est pas fait pour vous si :
Vous êtes facilement submergés par de longues listes de noms de fichiers, la plupart avec les mêmes noms, et vous ne sont tout simplement paralysé par la peur de ce que vous pouvez toucher. C’est probablement une bonne réaction.
Dreamweaver CS5 ne transforme pas votre page Web HTML en un template JOOMLA. Il ya un tas de mesures pour créer un template personnalisé Joomla. Si vous voulez apprendre comment faire cela contactez moi par le système de commentaires.
Si vous avez des soucis à l’installation, veuillez poser une question sur le forum dans le topic dédié http://blog.joomla-support.fr/forum/52-Dreamweaver-CS5-pour-Joomla-15-et-16%21.html
Ou bien par le système de commentaires
Merci de m’avoir lu jusqu’au bout !
Articles similaires :
Termes de recherche :
- dreamweaver joomla
- dreamweaver cs5
- dreamweaver et joomla
- joomla et dreamweaver cs5
- joomla dreamweaver cs5
- creer template joomla 1 5 avec dreamweaver
- créer template joomla avec dreamweaver
- joomla et dreamweaver
- dreamweaver cs5 joomla
- dreamweaver ou joomla pour créer site