Discussion :

[naou18]

Bonjour tous le monde,

J'aurai besoin de votre aide, en effet je cherche à créer une carte météo genre : "http://meteofrance.com", et je ne sais pas par où commencer?
En plus je suis débutant en HTML5 CSS3, si vous avez des idées ou bien des pistes n'hesitez pas à les partager avec moi.
Merci par avance de votre aide

[Bovino]

Franchement, si tu es débutant, tu ferais mieux de t'attaquer à des projets de débutant, afin d'assimiler les concepts, de tester les différentes balises, les propriétés CSS et leurs différentes valeurs possibles.

Au pire, tu peux toujours regarder le code source (notamment via les outils de débogage présents dans tous les navigateurs), ça te donnera une idée de la structure utilisée.

[naou18]

Merci pour votre conseil.
En effet j'ai besoin de comprendre comment ça marche, car je dois produire quelque chose qui est similaire à ce site la.

Ce que j'aimerai savoir c'est la demarche à suivre pour réaliser une telle interface, car je ne sais pas par ou commencer, HTML 5 ou CSS5 ou JS ou bien un PNG.
Est ce que c'est réalisable avec ces technos, que je viens de citer, si oui comment, sinon il faudra quoi?
Par exemple pour le wather map est ce que c'est une image? (si oui comment on peux decouper cette image et la rendre interactif, comment recupperer les coordonnées?, y a t'il des logiciels)

Je serai très reconnaissant si vous arrivez à m'eclrarcire la voix, y a t-il des tutoriels pour ça, que je peux suivre?

Merci par avance .

[Bovino]

Comme je l'ai dit, regarder le code source de la page que tu indiques est un bon début.
Tu peux aussi t'inspirer de cet article : Une image map avec des infobulles CSS3 et jQuery.

[integrateur]

Il suffit d'aller ici http://www.meteocity.com/widget/ et prendre l'iframe généré par l'outil.
N'oublie pas de spécifier tous les paramétrés. ( nombre de jours, ville concerné,... )

<div id="cont_NjYxMzZ8NXwxfDF8MXxGRkZGRkZ8MXxGRkZGRkZ8Y3wx"><div id="spa_NjYxMzZ8NXwxfDF8MXxGRkZGRkZ8MXxGRkZGRkZ8Y3wx"><a id="a_NjYxMzZ8NXwxfDF8MXxGRkZGRkZ8MXxGRkZGRkZ8Y3wx" href="http://www.meteocity.com/france/perpignan_v66136/" rel="nofollow" target="_blank" style="color:#333;text-decoration:none;">Météo Perpignan</a> © meteocity.com</div><script type="text/javascript" src="http://widget.meteocity.com/js/NjYxMzZ8NXwxfDF8MXxGRkZGRkZ8MXxGRkZGRkZ8Y3wx"></script></div>