Tutorial création d'un thème pour pragmaMx

Création d'un thème

Remerciements :

A la Team pragmaMx.org à l'origine de ce tutorial: http://www.pragmamx.org/
A Henne, concepteur des moteurs de thèmes.

Publié le: Dimanche 04 décembre 2005
lectures : 15255

Format imprimable   Envoyer cet article à un(e) ami(e)

Copyrights © par pragmaMx France

Le moteur de thèmes Mx

Nous allons étudier ici la fabrication d'un thème avec l'extension Mx-Dreamweaver.
Cependant, ce n'est pas la seule façon de créer un thème avec les modèles indiqués, il y a aussi d'autres possibilitées de création mais dans cette partie nous allons seulement utiliser les programmes suivants:

-Photoshop
-Dreamweaver

Pour créer votre thème en suivant le tutorial, vous aurez donc besoin de ces deux logiciels.

Contenu du tutorial :

1. La partie graphique.

2. Travail dans l'éditeur HTML.

3. L'extension Dreamweaver et les variables de remplacement.

4. Téléchargements et liens.


1.La partie graphique

Comme modèle vous pouvez utiliser votre propre image que vous aurez crée avec Photoshop ou autre.

Par exemple: Une image de 800x600 correspondant au futur design de votre thème.

Pour vos premières tentatives vous pouvez également utiliser le modèle ci-dessous.
Pour l'enregistrer, faire clic/droit sur l'image avec la souris >> enregistrer l'image sous....





Pensez au contenu futur de vos cases pour les secteurs segmentés. Voici ci-dessous un exemple de ce que l'on souhaite avoir.


    1. Place pour le chemin

    2. Place pour votre logo

         3.Place pour la fonction Login

         4.Place pour la fonction Rechercher

     5. Place pour le tableau principal

     (Blocs gauche I Modules I Blocs droits)

     6. Place pour le Footer (bas de page)

Choisissez ensuite l'outil tranche dans Photoshop. Effectuez des segmentations comme vous souhaitez voir votre site plus tard.


Commencez ensuite la segmentation :





Une fois l'image segmentée, cliquer sur: fichier >> enregistrer pour le web en GIF en configurant les options d'enregistrement comme ci-dessous:



Mettre theme.html comme nom de fichier


Vous obtiendrez ainsi:
-Un fichier theme.html
-Un répertoire images contenant les tranches de votre thème


[ Retour ]