Site en Vedette

Le Site www.meteostours et son look jeune et dynamique

Site personnel au look jeune et dynamique. Information sur la ville de St-Ours-sur-Richelieu

Site Ressources

Chic Météo - Pour afficher la météo avec élégance!

- Chic Météo - (taille réelle)

Nom du Module : Chic Météo
Description : Ce thème affiche avec élégance, l'essentiel de l'information météo avec ces cadrans de bon gout; tandis que le texte complète ces informations. Une série d'icônes exclusives agrémente le tout.
Taille : 525 x 590 pixels
Difficulté : Niveau 1 : Débutant
(Installation simple, avec la démarche pas à pas ci-dessous)
Liens utiles : - Téléchargement sur cette page.
- Installation de votre thème.
- Intégration dans votre Site Web.

Chic Météo - Installation

Installer votre module

Ce thème est un ensemble de fichiers que vous devez copier sur votre site.

Étape 1 : Extraction de l'archive

Ce module est compressé en format .zip pour commodité. Décompressez le contenu du fichier mdq_chic_Fr_v1.zip sur votre ordinateur. Vous vous retrouverez avec un dossier meteoqc comprenant le module d"affichage et toutes ses composantes.

Contenu de l'archive :

Arborescence du fichier archive

  • mapage.html - Page d'exemple contenant la commande iframe à utiliser.
  • meteoqc - Ce dossier est créé pour regrouper les éventuels ajouts. Vous retrouverez dans ce dossier :
  • chic_meteo.htm - Le fichier à faire traiter par Cumulus
  • lib - Dossier de librairies essentielles au fonctionnement du module. Ici 3 fichiers .js
  • chic_icones - Ce dossier contient les 27 images correspondant aux prévisions de Cumulus.
  • chic_meteo - Ce dossier contient les fichiers de mise en page du module.

Étape 2 : Copie des fichiers :

  • Copiez le dossier meteoqc et tout son contenu à la racine de votre site.
  • Copiez le fichier mapage.html... à la racine de votre site!

Note : Si vous avez d'autres Modules Météo du Québec, il se peut que certains fichiers existent déjà sur votre site. En tel cas, n'hésitez pas à remplacer les fichiers existants par ceux-xi.

Étape 3 : On automatise

Pour que votre thème Chic Météo soit mise à jour en même temps que vos autres pages météo, vous devez configurer Cumulus pour qu'il transforme les Balises Cumulus (Webtag) en données météorologiqies réelles.

  • À l'écran principal de Cumulus, ouvrez le menu Configuration.
  • Dans le menu Configuration, choisissez l'option Internet.
  • Au haut de l'écran Internet Settings, choisissez l'onglet Files


Ce qui vous amènera à l'écran de configuration des transferts et transformations : Arborescence du fichier archive

Pour traiter notre module, Cumulus a besoin de 4 informations:

  • Local filenames : - Le chemin d'accès vers le fichier chic_meteo.htm
  • Remote Finenames : - L'adresse url de destination pour le fichier chic_meteo.html.
  • Process? : - À cocher pour transformer les Balises Cumulus en données réelles.
  • Ftp? : - Commande le téléversement de la page sur votre Site Web.

Donc, dans notre exemple : (le gras indique un paramètre essentiel)

  • Local filenames :C:\meteoqc\chic_meteo.htm
  • Remote Finenames : MonSite/meteoqc/chic_meteo.html
  • Process? : - Coché
  • Ftp? : - Coché

Notez que le fichier que le fichier (avec les Balises) à traiter se nomme chic_meteo.HTM, tandis que le fichier (avec les infos météo) à téléverser sur votre site se nomme chic_meteo.HTML (avec cette habitude, vous ne craindrez pas de remplacer votre fichier "htm" source par mégarde)

Vous devez simplement remplacer le chemin d'accès vers le fichier chic_meteo.htm, sur votre Pc ("C:" dans notre exemple), puis sur votre Site Web ("MonSite" dans notre exemple)

Finalement, il ne vous reste plus qu'à sélectionner les cases "Process?" et "Ftp?" ... pour que le plaisir commence!

Et Voilà !

Votre nouveau Chic Météo sera sur votre Site Web au prochain téléversement automatique de Cumulus.
(Si vous ne voulez pas attendre, lancez un téléversement manuel avec l'option "Web Update" dans le menu "File" de Cumulus)

Notez que nous n'avons jamais fais référence au fichier mapage.html, il ne sert qu'à contenir le cadre (iframe) nécessaire à l'affichage de ce module. Ainsi votre page reste indépendante de ce module

Jacques Desroches, Webmaster

© 2010 Météo du Québec

Chic Météo - Intégration

Intégrer le module dans sa propre page

Fichier mapage.html :

Le fichier mapage.html est une page html très simple. contenant le cadre qui génère le cadran de votre module Chic Météo.

Vous pouvez utiliser mapage.html comme base pour créer votre propre page Web. Vous n'avez qu'à modifier à votre guise cette page et à la renommer, au besoin.

Votre propre page :

Vous pouvez aussi décider d'utiliser votre propre page Web et de simplement y ajouter les lignes de code nécessaires au fonctionnement de votre module Chic Météo. Pour se faire suivez les étapes suivantes :

Ouvrez le fichier mapage.htm et repérez la ligne suivante

<iframe src ="meteoqc/chic_meteo.html" width="525px" height="590px" marginheight="0px" marginwidth="0px" scrolling ="no" ></iframe>

Ce cadre iframe permet d'afficher le module Chic Météo. Vous n'avez qu'à copier cette ligne dans votre page Web pour avoir cet encadré de 525 x 590 points

Alors, je vous souhaite de profiter de votre nouveau module Station Météo!

si vous désirez allez un peu plus loin, continuez avec la Personnalisation de votre module.