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.
|
|