Version imprimable du sujet

Cliquez ici pour voir ce sujet dans son format original

Forums MacBidouille _ Les Langages Du Web _ Quel outil pour créer mon projet (tableau dynamique)

Écrit par : maximov 7 Feb 2012, 19:43

Bonjour,
Je souhaiterai créer une page qui ressemblerait à celle-ci : http://www.lemonde.fr/a-la-une/visuel/2011/10/04/primaire-ps-comparez-les-propositions-des-candidats_1581786_3208.html.
Donc avec un tableau, plusieurs sous-catégories cliquables qui scrolleraient le tableau. Par ailleurs, j'aimerais réserver un espace blanc sur le côté qui afficherait du contenu supplémentaire au passage de la souris sur les icones (comme les pouces verts et rouges dans mon exemple).
Dois-je utiliser flash ou HTML5 ? Et pour programmer le contenu, puis-je utiliser un cms style Drupal, dont le contenu est facile à modifier en back-office ?
Merci pour vos éclaircissements !
Maxime

Écrit par : Auréance 7 Feb 2012, 22:02

Je déconseille "Adobe Flash" car HTML5 et CSS3 me semblent plus propices pour l'avenir. Enfin, chacun son goût et sa propre idée du futur. Il faut juste décider si le contenu est plus important que le contenant.

Écrit par : Philippe64 8 Feb 2012, 09:51

tu peux aussi faire ça en html4 simple ou Xhtml.
ça n'a rien de compliqué.
Je te déconseille également de le faire en flash.

Écrit par : scoch 11 Feb 2012, 17:00

Effectivement ce n'est qu'un tableau avec des liens vers des ancres ; pour avoir un scroll animé il te faudra utiliser JavaScript et les transitions CSS3, ou une solution JavaScript seul, genre jQuery ou pur JS.

Choisir entre Html ou Flash, faut avoir une idée de ton public, par exemple le Monde a opté pour Flash car largement compatible. Si tu n'as pas de notions d'ActionScript3, oublie Flash et mets-toi à JavaScript, le site du zero me semble proposer un bon cours pour acquérir les bases.

Sinon, pour le CMS, Drupal c'est robuste mais WordPress c'est plus simple.

Propulsé par Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)