Discussion :

[ravier]

Bonjour à toutes et à tous,


Comme le titre l'indique je bosse pour la première fois sur la réalisation d'un site responsive à partir d'une maquette réalisée sous photoshop par un tiers. Comme c'est la première fois que je dois plancher à partir d'une maquette j'avoue (avec honte) avoir du mal à visualiser le 'comportement' du site attendu en fonction de la largeur d'écran.

Je m'explique : On peut imaginer le site comme étant composé en 3 colonnes. La colonne centrale contiendra l'ensemble des éléments du site (header, slide, content, footer) et occupera donc la majeure partie de la largeur totale du navigateur. Les colonnes latérales de gauche et droite contiendront simplement des éléments "collés" (si je puis dire) aux extrémités du navigateur.

Actuellement je n'ai pour le moment qu'un seul template de 1920px de largeur. Pour ce template, la colonne centrale fait exactement 1440px de large (donc les colonnes latérales doivent faire 240px de large, pour cette résolution).

Ici il est donc clair que l'on a un résultat attendu pour une résolution précise et fixe.

Là où je ne comprend pas se situe plutôt aux résolutions "intermédiaires" par rapports aux templates fournis .

Pour illustrer mon propos voici un exemple (approximatif) : admettons que je reçoive un second template pensé pour une résolution de 1440px. Pour cette dernière on imagine qu' on veut que la colonne centrale fasse 960px.

On aurait donc bien deux templates pensés pour deux résolutions (1920 et 1440px). Mais quid si on se situe entre ces valeurs ? Comment dois-je visualiser le comportement ? Et comment je dois donc gérer au niveau des medias queries en css ? en pixels ou en pourcentage ?


Je pense que mon problème vient au niveau de la conceptualisation et que j'ai un gros problème de visualisation, j'ai même peur de n'avoir carrément rien compris à la façon de réaliser une intégration...


J'espère avoir été clair ou au moins compréhensif dans mes explications et que vous saurez m'éclairer dans ma confusion. Pour être franc je me sens ridicule de ne pas comprendre un concept qui semble pourtant évident...



Voilà, merci d'avance

[miss_socrates]

Je te conseille de te renseigner d'abord pour savoir comment fonctionnent les sites responsive. Ensuite, il sera possible de visualiser la mise en page et la structure.
A mon sens, les maquettes psd ne sont pas faites pour les sites responsive. Sauf en background.