Discussion :

[lola2009]

Bonjour à tous,

J'aurais une question à vous poser concernant le responsive design..j'ai quelques bases en dreamweaver et je commence mon site sur ce logiciel (qu'on aime ou qu'on aime pas lol). J'ai lu sur internet que pour adapter son site sur tous supports et écrans, on doit diviser son design sur photoshop et intégrer le tout dans une tableau sous dream; assigner la balise div a son tableau avec width et heigt. Donc j'ai bien fais mon tableau 1680x1050 et assigner ces balises là, au début cela fonctionnait mais en intégrant mes graphiques le tableau s'est élargi et plus rien ne s'adapte...j'ai bien vérifier les pixels de chaques td mais en vain....est ce que quelqu'un pourrait m'éclairer s'il vous plait?

[rodolphebrd]

J'ai lu sur internet que pour adapter son site sur tous supports et écrans, on doit diviser son design sur photoshop et intégrer le tout dans une tableau sous dream

Je ne pense pas que ce soit des conseils très actuels.

Si vous parlez des images (type: header, fond, footer) à intégrer dans votre structure de site, il n'y a rien de compliqué à cela.

Partir d'une structure en tableau ne vous permettra pas de faire du RWD sereinement.

Concernant votre maquettage il doit s'agir de la conception d'un mockup, requête qui vous aidera à trouver des ressources sur Google.

[lola2009]

Merci d'avoir répondu si vite rodolphebrd....
Donc si je n'intègre qu'une structure de site (header, footer,....) sans tableau,
comment les faire s'adapter aux divers supports??

[rodolphebrd]

L'adaptation aux divers supports se fait via des média queries.

Vos images placées en background s'adapteront donc aux divers supports.

[Bovino]

Les fondamentaux du Responsive Web Design.

[lola2009]

Merci, pour vos réponses je vais plus me renseigner sur le sujet, du moins m'entrainer...