J'ai ma maquette Photoshop... ok et maintenant ? je fais koi ?

[OnBoard]

Bonjour,

J'ai réalisé une maquette graphique pour un client.
Je souhaite utiliser CMS MS mais je ne sais pas comment m'y prendre pour transformer ma maquette photoshop en template...
Je débute avec CMS MS...

Merci !

OnBoard

[progs]

C'est vaste comme question, il faut utiliser un modèle vierge (http://themes.cmsmadesimple.org/Theme_Frameworks.html) de template se rapprochant de ton modèle, puis essayer de l'adapter, c'est tout un travail d'intégration html/css/balises SMARTY (SMARTY est un moteur de template qui utilise une synthaxe particulière).
Dean

[OnBoard]

Enfait j'ai pas mal de mal à comprendre où sont les informations pour le gabarit...
Mais je vais donc tester avec un gabarit vierge et là je poserais des questions...

Merci en tout cas !


OnBoard

[wapcamer]

Salut,
tu dois d'abord essayer une simple page HTML (avec CSS bien sur ) reproduisant ton modèle photoshop.
Il existe de nombreux templates sur internet de pages html/CSS; attention je parle ici de templates html et CSS (un modèle quoi!), pas de template CMSMS.

Une fois que tu as réalisé ton template HTML et son CSS qui va bien, il faudra le porter sur un template CMSMS. Ce template là sert en fait à utiliser une certaine structure HTML/CSS en automatisant le remplissage de contenu: titres, menus, contenu des pages à proprement parler, liens etc... Voilà, ensuite tu es bon pour reprendre encore ton CSS, car il ya aura certainement des problèmes d'alignements, de décalage, de styles non pris en compte... C'est assez long à faire mais pas forcément compliqué avec un peu de méthode et le plugin Web Dev Toolbar pour Firefox; avec ça, tu peux connaitre directement sur la page le style utilisé pour tel ou tel contenu. Tu pourras donc facilement trouver/ajouter les styles correspondant à ton photoshop.

Voilà voilà, je dirai qu'ayant le modèle photoshop, tu as fait environ 15-20% du travail.
Bon courage

[raccoon]

Salut,

j'ai mis un lien vers une vidéo sur http://www.cmsmadesimple.fr/ dans la rubrique "Thèmes"

çà devrait t'aider

A+

[Pierre M.]

j'ai mis un lien vers une vidéo...

Un lien vers http://cmsmadesimple.org/uploads/media/ ... colate.htm ?
C'est bien ce que montre http://wiki.cmsmadesimple.org/index.php ... _Tutorials

Pierre

[wapcamer]

très bon tuto d'ailleurs le mint...