Bonjour spipeurs, spipeuses,
Je profite qu’on parle de CSS pour poser une question qui me trotte depuis des lustres, comment fait on pour « assembler » dans dreamweaver via les div de CSS un modele de site concu et découpé sur photoshop en gardant exactement la meme mise en page que le modele de base?
Google est souvent mon ami mais sur ce coup la je n’arrive pas à saisir ce qui est ecrit sur les tutos, si quelqu’un qui sait m’explique je comprendrais mieu…
Merci
So:)
Photoshop peut te créer ton gabarit de base de ta page. Il faut que tu
utilises l'outil tranche et que tu lui appliques les caractéristiques
nécessaires (de base) en lui disant ci telle zone est une image (avec
fond de couleur?), ou un rien (donc une zone texte...).
A partir de là tu fais une exportation pour le web... Il te transforme
tout ça à la norme XHTML. C'est un début. Mais revoit absolument le
code xhtml sous dreamweaver car PSD utilises bcp les tables au lieu
des divs dans ses pages générées...
Après pour SPIP, tu intègres le code SPIP que tu as besoin aux
endroits nécessaires...
Voilà. 
Le 26/04/07, sonews<sonews@gmail.com> a écrit :
Bonjour spipeurs, spipeuses,
Je profite qu'on parle de CSS pour poser une question qui me trotte depuis
des lustres, comment fait on pour "assembler" dans dreamweaver via les div
de CSS un modele de site concu et découpé sur photoshop en gardant
exactement la meme mise en page que le modele de base?
Google est souvent mon ami mais sur ce coup la je n'arrive pas à saisir ce
qui est ecrit sur les tutos, si quelqu'un qui sait m'explique je
comprendrais mieu...
Merci
So:)_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives :
http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : http://www.spip-contrib.net/spikini/FaQ
Photoshop peut te créer ton gabarit de base de ta page. Il faut que tu
utilises l’outil tranche
C’est ce que j’ai toujours fait mais le probleme c’est qu’on est obligé de tout retouché sans arret manuellement car comme tout est au meme niveau il suffit d’inserer trop de texte ou un tableau trop grand pour que ca deplace tout n’importe comment ;-(
en faite ce que j’aimerai avoir c’est si une fois qu’on a découpé et exporter les images a partir de photoshop, peut on soit generer une feuille de style automatiquement ou soit recreer sa page en partant de zero pour assembler les images pré decoupé en utilisant CSS?
Merci
So:)
Le 26/04/07, Teddy Payet <teddy.payet@gmail.com> a écrit :
Photoshop peut te créer ton gabarit de base de ta page. Il faut que tu
utilises l’outil tranche et que tu lui appliques les caractéristiques
nécessaires (de base) en lui disant ci telle zone est une image (avec
fond de couleur?), ou un rien (donc une zone texte…).A partir de là tu fais une exportation pour le web… Il te transforme
tout ça à la norme XHTML. C’est un début. Mais revoit absolument le
code xhtml sous dreamweaver car PSD utilises bcp les tables au lieu
des divs dans ses pages générées…Après pour SPIP, tu intègres le code SPIP que tu as besoin aux
endroits nécessaires…Voilà.
Le 26/04/07, sonews<sonews@gmail.com > a écrit :
Bonjour spipeurs, spipeuses,
Je profite qu’on parle de CSS pour poser une question qui me trotte depuis
des lustres, comment fait on pour « assembler » dans dreamweaver via les div
de CSS un modele de site concu et découpé sur photoshop en gardant
exactement la meme mise en page que le modele de base?
Google est souvent mon ami mais sur ce coup la je n’arrive pas à saisir ce
qui est ecrit sur les tutos, si quelqu’un qui sait m’explique je
comprendrais mieu…
Merci
So:)
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives :
http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : http://www.spip-contrib.net/spikini/FaQ
Oui bien entendu et avec la démarche que tu viens de dire...
La page générée par PSD t'aide à avoir une ligne conductrice (un
croquis). Donc grâce à DW tu crées ta page vide, tu crées tes calques,
etc. selon le schéma défini initialement.
Ce qui ne te va pas au niveau dimension (hauteur) tu le changes à ta
guise dans DW. Car ton premier jet PSD n'est qu'une ébauche de ton
site...
Le 26/04/07, sonews<sonews@gmail.com> a écrit :
> Photoshop peut te créer ton gabarit de base de ta page. Il faut que tu
utilises l'outil trancheC'est ce que j'ai toujours fait mais le probleme c'est qu'on est obligé de
tout retouché sans arret manuellement car comme tout est au meme niveau il
suffit d'inserer trop de texte ou un tableau trop grand pour que ca deplace
tout n'importe comment ;-(en faite ce que j'aimerai avoir c'est si une fois qu'on a découpé et
exporter les images a partir de photoshop, peut on soit generer une feuille
de style automatiquement ou soit recreer sa page en partant de zero pour
assembler les images pré decoupé en utilisant CSS?Merci
So:)Le 26/04/07, Teddy Payet <teddy.payet@gmail.com> a écrit :
> Photoshop peut te créer ton gabarit de base de ta page. Il faut que tu
> utilises l'outil tranche et que tu lui appliques les caractéristiques
> nécessaires (de base) en lui disant ci telle zone est une image (avec
> fond de couleur?), ou un rien (donc une zone texte...).
>
> A partir de là tu fais une exportation pour le web... Il te transforme
> tout ça à la norme XHTML. C'est un début. Mais revoit absolument le
> code xhtml sous dreamweaver car PSD utilises bcp les tables au lieu
> des divs dans ses pages générées...
>
> Après pour SPIP, tu intègres le code SPIP que tu as besoin aux
> endroits nécessaires...
>
> Voilà.
>
> Le 26/04/07, sonews<sonews@gmail.com > a écrit :
> > Bonjour spipeurs, spipeuses,
> > Je profite qu'on parle de CSS pour poser une question qui me trotte
depuis
> > des lustres, comment fait on pour "assembler" dans dreamweaver via les
div
> > de CSS un modele de site concu et découpé sur photoshop en gardant
> > exactement la meme mise en page que le modele de base?
> > Google est souvent mon ami mais sur ce coup la je n'arrive pas à saisir
ce
> > qui est ecrit sur les tutos, si quelqu'un qui sait m'explique je
> > comprendrais mieu...
> > Merci
> > So:)
> >
> > _______________________________________________
> > liste spip
> > spip@rezo.net - désabonnement : spip-off@rezo.net
> > Infos et archives :
> > http://listes.rezo.net/mailman/listinfo/spip
> > Documentation de SPIP : http://www.spip.net/
> > irc://irc.freenode.net/spip
> > FAQ : http://www.spip-contrib.net/spikini/FaQ
> >
>