En 2004, je pensais créer mon site WEB pour présenter la fruitière et les 4 gites. L'idée me trottait dans la tête depuis quelques temps.
Cependant, n'étant ni informaticien ni webmaster, je me suis fixé un objectif simple mais réaliste :
Un copain m'avait donné un exemple de site qu'il avait créé avec un logiciel adapté et cela m'a donné quelques idées.
Je voulais le faire avec Dreamveaver, un logiciel WYSIWYG de création de site.
Seul, sans aide et 'pataugeant' sans fil conducteur, j'ai baissé les bras et le site est resté à la version 0.00.
Courant 2005, l'office de tourisme du Châtelard, pour aider ceux qui voulaient avoir un site WEB, anime une réunion d'information pour les personnes interessés. On était une dizaine.
Devant les obstacles communs, le webmaster du site de l'OT nous donne des conseils de base pour nous aider.
Je ressors 'des cartons' mon 1er projet avorté 1 an plus tôt et me remets au travail avec toujours le même objectif :
Le travail avance lentement, avec des périodes difficiles, mais je sais que je ne suis pas seul à en baver. Lionel, du camping du Châtelard, a aussi des difficultés.
Je dois tout apprendre car je ne connais rien de la création d'un site WEB : le site en lui-même ( que je fais avec DREAMWEAVER ), le travail sur les photos que je dois compresser au maximum pour une fluidité de chargement en bas débit, la mise en place chez l'hébergeur, le référencement...
Finalement, début décembre 2005, je prends un hébergement chez OVH et un nom de domaine propre : WWW.GITE-BAUGES.COM est né.
Durant plus d'un an, j'ai amélioré mon site en faisant au mieux. Petit à petit, mes connaissances s'étoffaient avec mon site.
Au final, une quinzaine de pages et une grande satisfaction. Ci-dessous, un aperçu :
 La page d'accueil, comme toute les autres, avec le bandeau et le fond vert. |
 La fruitière, coupée en 4, pour représenter les 4 gites. |
 Chaque page présentait l'essentiel avec 4 ou 5 photos. |
 L'objectif était d'avoir également un site très léger. En 2005, nous étions en bas débit. |
 Chaque page que je faisais demandait beaucoup de travail d'adaptation. |
 Les activités en Bauges était présenté très rapidement. Et sans photos ! |
En 2009, je décide de refaire mon site. Il est vrai que je suis resté longtemps, trop longtemps sans le faire évoluer. Depuis 2007, je n'ai pas modifié profondément le site. la présentation n'est plus au goût du jour. Ma femme râle.
Je pensais le refaire avec DREAMWEAVER mais une discussion avec une créatrice de site internet me fait changer d'avis.
Sur son conseil avisé, je décide d'abandonner complètement l'ancienne structure de mon site et de remplacer le logiciel spécialisé par du codage 'à la mano' en HTML et CSS. L'interêt principal est un meilleur référencement naturel du site, mais je me rends vite compte que je m'ouvre de grandes possibilités techniques.
Tout cela me prends beaucoup de temps mais c'est intéressant. De plus, la satisfaction de créer soi-même son site m'a toujours motivé. Et pas de dépendance commerciale avec une société de création et maintenance de site !
Je rencontre des problèmes techniques mais avec internet, les forums, le site du zéro...je continue à avancer.
Et le résultat est là :
 La page d'accueil, comme toute les autres, avec le bandeau et le fond crème. |
 J'ai gardé l'idée de couper la fruitière en 4, pour bien représenter le partage de la maison. |
 Chaque page, toujours avec 4 ou 5 photos, mais avec beaucoup plus de détails. |
 Dans le menu, en rouge, la page visitée. |
 Chaque page avec un bandeau unique en haut et un menu plus étoffé sur la gauche. |
 Les activités en Bauges avec des photos, c'est plus sympa ! |
.
En mai 2011, je continue de complèter le site. Je l'enrichis et je souhaite créer plus de pages sur les balades et les activités en Bauges.
Mais mon menu sur le coté gauche me pose des difficulté. A chaque fois que je rajoute une page, je dois modifier le menu dans les 20 autres pages existantes. Plus je fais de pages, plus j'ai de mises à jour à faire ! De plus, je suis limité sur le nombre de lignes du menu : si j'ai 50 pages, mon menu ne pourra pas faire 50 lignes !
La solution existe : Pour le coté maintenance du menu, je me lance dans le codage en PHP. Le menu ne fait plus partie de chaque page mais il est dans un fichier indépendant que chaque page appelle par une ligne de code en PHP. Je n'ai plus qu'un fichier à modifier pour les menus de toutes mes pages!
Pour le nombre de lignes, c'est le menu déroulant que j'adopte. Dans un souci d'esthétique, j'opte pour le menu horizontal en haut avec déroulement vertical.
En concret, on obtient les pages ci dessous.
 Le menu peut contenir un nombre important de choix. |
 J'ai gardé les principales pages de la version 2. |
Copyright : Eric BOLLARD - Crédits photos : Eric et Michel BOLLARD. Tous droits réservés
Version 3.00 , décembre 2011. Pour plus de détails sur les versions successives, cliquez - ici -
Tél : 04 79 61 20 58 Mobile : 06 75 13 35 44