Météo Villarzel Suisse

Impacts de foudre
Ephéméride - PDA Prévisions Alertes - Dangers Température Pression - Humidité Solaire et UV Rayonnement solaire Pluviométrie Vent Agriculture Chauffage Danger feux de forêt Info station Activité sismique Astronomie Divers / Liens / Explications Créations / GW / Tutoriels Evénement météo

Hors météo Broye Mon étang Consommation électrique Pompe à chaleur Panneaux solaire Serre

Livre d'Or

Forum Highcharts

Privé

Version pour mobile




Merci à nos donateurs:
M. Blanc
M. JavierMartinez
M. Viktor
M. Emanuel Roggen
M. Raphaël Chochon
M. José Luis Sanchez
M. Daniel Stuyck
M. Jean-Pierre Tonnele
M. Benoist Lerouge
M. Pierre Sabatier

M. Patrick Ollivier
M. Michel Le Viol
M. César López
M. Didier Mestric
M. Francesco Paolo Trapani
M. Charles Durand
M. Philippe Blanchard
M. Benjamin Leblic
Philippe Dupertuys
M. Jaume Mas Ferrer
M. Daniel Lavocat
M. Jean-Pierre Bernard
M.Gérard Egger
M. Jean-Claude Birade
M. Dominique Herraire
M. Eric Lemoine
M. Jean Gabriel Boulet
M. Olivier Bovel
M. Arnaud Rahier
M. Bruno Goyac
M. Jean Michel Vouillot
M. Sarah Cordeau
M. Jean-Pierre Grieu
M. Loic Roulin
M. Michel Beel
M. Dominique Gautheron
M. Hubert Verwilghen
Picardie WebMarketing
M. Patrick Puydebois
M. Thierry Hauuy
M. Francis Mirante


 

Visiteurs depuis le 07.01.2010

 

 

Visites du jour :

 

 

Service Cron Gratuit

 

Tutoriel mon premier site en html avec GraphWeather

Ce tutoriel est aussi disponible en espagnol
Este tutorial también está disponible en español
Ce tutoriel est aussi disponible en italien
Questo tutorial è disponibile in italiano
Vous pouvez aussi trouver un excellent tutoriel créé par Pierre de météo Carentan ici, merci à lui pour ce travail.
Aperçu du site
Cliquez sur l'image pour l'ouvrir.

 

 

Petit rappel, pour créer ou éditer un fichier XML, PHP, HTML est utilisez de préférence Notepad++ ou PSpad car avec la colorisation syntaxique c'est plus facile de se retrouver dans les lignes de codes.


 

Pour éditer un fichier HTML ou PHP, si vous n'êtes pas à l'aise avec les balises HTML, je vous
conseil d'utiliser un programme WYSIWYG
« What you see is what you get », signifiant littéralement en français « ce que vous voyez est ce que vous obtenez » tel que Dreamweaver ou Komposer qui est gratuit et en français.
Avant de commencer, vous devez vous assurer que votre hébergeur prend en charge le
PHP, par exemple orange ne le prend pas en charge sur les pages perso !!!

1 - Téléchargement

 

Téléchargez le site complet.

 

2 - Installation.

 
Décompressez l'archive complète dans un répertoire de votre choix sur votre disque.
Puis tranférez ces fichiers par FTP sur votre serveur à la racine, ne mettez pas le répertoire "site_model"

L'architecture de votre site doit resembler à l'image ci-dessous.


Explications des répertoires

Nom du répertoire : Contient :
aucun / racine du site Toutes les pages du site, tel que le menu, le haut de page, le pied de page, etc...
Les fichiers css du site (future amélioration)
Les images du site, du menu, bannière, etc..
Les graphiques (images) générées par GraphWeather
Les fichiers java script
La librairie highcharts et les fichiers de la page comparaisons
Les fichiers statistiques de GraphWeather
Les feuilles de style GraphWeather
Le script des prévisions Yr.no
 

Je vous ai dit que le site était fait en HTML, alors pourquoi les fichiers ont une extension PHP ?

Voici un schema de l'architecture d'une page pour bien comprendre pourquoi j'ai mis une extension PHP et non HTML.
En principe si vous renommez n'importe quelle page HTML en PHP il n'y aura aucune différence visible quand vous visualisez votre page dans un navigateur, mais le PHP permets des fonctions plus avancées, nous allons juste en utiliser une dans nos pages que je vais vous expliquer.

Imaginons que vous créez une page avec toutes les informations contenues dans cette même page,
menu, haut et pied de page, chaque fois que vous apporterez une modification, par exemple le
menu,vous devrez faire la modification dans chaque page, si votre site comporte 3 pages ce n'est
pas très grave, mais s'il comporte 300 pages, vous devrez chaque fois modifier les 300 pages,
pas très pratique. Comment contourner ce problème ?
IL suffit de créer plusieurs page, la page principale, une page pour le haut (header) une page pour
le pied de page (foot) et une page pour le menu.
Maintenant nous avons 4 pages toute nommées avec l'extension PHP, nous allons découper la page
principale en 4 zones comme sur le graphique ci-dessus et dans chaque cadre inclure le fichier
correspondant, header, menu et foot grâce à une fonction PHP, la fonction s'appelle "include"
Voilà, c'était juste pour vous expliquer l'extension des fichiersen PHP , mais dans mon exemple
tous est déjà fait, il faut juste retenir que si vous voulez ajouter une page a votre site, il faut utiliser la page "modele.php" ne pas modifier les cadres haut et bas de page et le cadre menu. Si vous voulez modifier le menu, vous éditez uniquement le fichier "menu.php" et toutes les autres
pages auront le menu avec votre modification.
 

2 - Installation de votre bannière.

Créez une image au format jpg de 1100 pxs au maximum, la hauteur n'est pas importante, mais
une hauteur de 150 à 200 pxs est un bon compromis.
Enregistrer votre bannière dans le répertoire "images" avec comme nom "banniere.jpg" ne changez
pas ce nom. Uploadez cette image sur le serveur distant.

 

Voilà votre site est terminé

 

Bon, je plaisante, il faut quand même mettre à jour les graphiques et les statistiques, nous allons donc paramétrer GreaphWeather.

Rendez-vous à la page suivante.

Je mets ce modèle à disposition et libre de toutes modifications, mais par respect pour les
heures passées à le réaliser, merci de laisser le lien vers mon site dans le pied de page.
 
 
Untitled Document


Este tutorial también está disponible en español
Questo tutorial è disponibile in italiano
Vous avez aimé ce tutoriel, il vous a rendu service,
alors dites-le-moi.
Ou aidez-moi à maintenir ce site en fonction.

 

  Untitled Document
Station Davis Vantage Pro 2 + station agricole - Weatherlink 6.0.0 - GraphWeather 3.0.15
© 2010-2013, Météo Villarzel - Webmaster Aubert Pierre-André

Attention, les données météo publiées sur ce site sont issues d'une station météo personnelle et ne sont données qu'à titre indicatif,
elles ne peuvent en aucun cas être utilisées pour garantir la protection des personnes ou de biens quelconques.
Stations amies