Vous êtes ici : archives > document d'archive
Le site a été créé par Rami YARED et Michel AL SABA et mis en ligne en janvier 2004 (création des pages avec Frontpage). À l'époque, on trouvait difficilement la paroisse : pas de lieu permanent, une ligne téléphonique que France-Télécom refusait d'enregistrer en temps qu'église orthodoxe. Il était urgent de devenir plus visible et pouvoir informer facilement les personnes qui le souhaitaient sur les dates des offices, la communauté des orthodoxes du pays nantais, nos projets de construction et nos besoins de fonds. C'est ainsi que l'idée d'un site est apparue comme une nécessité.
Au début, le site était une reprise des pages d'une plaquette d'information créée à la même époque. J'ai continué le travail commencé, et sollicité des liens d'autres sites orthodoxes - merci encore - ainsi les moteurs de recherche ont commencé à nous indexer. Par la suite, le site s'est enrichi petit à petit : informations et mots de Père Lambert repris de la lettre paroissiale mensuelle, pages décrivant le projet de construction, puis montrant le déroulement des travaux afin d'informer nos amis et donateurs.
Depuis Paques 2007, nous avons quitté la période des gros travaux, et il fallait que le site évolue en prenant une dimension plus "catéchètique" : repenser les menus de navigation et proposer de nouvelles rubriques, c'était l'occasion de se mettre en conformité avec les nouveaux standards pour faciliter l'évolution du site dans le futur.
décembre 2007
Les nouveaux standards sont utiles et nécessaires : utiliser une mise en page avec css, et un code HTML valide sont désormais souhaitables.
Pour ma part, j'utilise Notepad++ avec un codage en UTF-8 sans BOM (site multilingue, interprétation des caractères spéciaux) pour toutes les pages, Dreamweaver comme logiciel client FTP pour placer les pages sur le serveur free, et Firefox + extensions pour visualiser les pages et vérifier leur validité / W3C (valider le HTML local et les CSS locales).
Pour transformer mes anciennes pages créées avec Dreamweaver (des tas de tableaux imbriqués), j'ai procédé ainsi :
1- nettoyage du site local : supprimer les caractères spéciaux des noms de dosiers, et de fichiers y compris les images en mettant à jour les liens correspondants ; puis copie de tout le site local dans un autre dossier, ne plus modifier les noms de fichier.
2- création de plusieurs pages-types XHTML en UTF-8 sans BOM (avec 1, 2, ou 3 colonnes) (c'est long mais intéressant, de nombreux tutoriels sur le web), j'ai choisi finalement un menu non déroulant, interprétable par des navigateurs modernes et anciens + un "fil d'Ariane" pour faciliter la navigation, et une solution de rechange pour les vieux navigateurs (notes au survol ET en bas de page dans les mots de Père Lambert. Vérifier l' affichage avec plusieurs navigateurs courants. Valider W3c, les erreurs indiquées se rapportent souvent à la balise qui précède (non fermée, omise, répétée,…). Corriger les erreurs, F5, revalider.
3- dans la nouvelle version du site : avec Notepad++ ouvrir une page-type, faire "enregistrer sous" et sélectionner le document à modifier, écraser ; ouvrir le document correspondant dans l'ancienne version du site avec Dreamweaver, copier le texte en mode "création" idem pour le titre ; les images et les liens en mode "code", coller dans Notepad++.
4- travailler la mise en page du texte, mettre toutes les balises en minuscules (crtl+u), pour <img , l'attribut alt="" est obligatoire, fermer en ajoutant "espace+/>" ne pas modifier le nom du fichier image (respecter majuscules et minuscules). Pour une lecture de droite à gauche (ex : texte en arabe), dans le "body" ajouter : <span dir="rtl"> le texte en arabe </span>
5- firefox pour aspect écran (il faut alors indiquer un chemin relatif pour l'adresse des fichier css et des images en ajoutant 2 points, ex : ../style/page.css et ../images/icone.jpeg,) et valider HTML local +/- modifications. Supprimer les 2 points ajoutés dans les adresses des liens.
6- attaquer la page suivante, etc… 10 minutes par page simple, jusqu'à 1 heure s'il y a beaucoup d'images ou de liens à modifier.
7- quand toutes les pages sont faites, remplacer l'ancien site par le nouveau, tout placer sur le serveur… les jeux sont faits, rien ne va plus…
8- contrôler chaque page avec navigateur + vérifier validité.
NB : pour aller plus vite, grouper les taches : ouvrir une série de fichiers avec Notepad++, utiliser "remplacer dans tous les fichiers ouverts".
Il m'a fallu 1 mois pour créer des pages-types (je ne connaissais rien à XHTML ni à Notepad++, j'ai essayé toutes sortes de menus déroulants qui ne marchaient qu'avec les navigateurs récents pour finalement retenir un menu simple). J'ai mis ensuite 2 mois à tout transformer.
Fin décembre 2007 : toutes les pages sont valides !
Etapes à venir : modifier la bannière, utiliser php pour l'affichage quotidien des Saints du jour + icônes sur la page d'accueil.
Fin janvier 2008 : grâce au langage php, l'affichage du calendrier des saints sur la page d'accueil est maintenant automatique . Bientôt on aura aussi les lectures du jour.
Mars 2008 : c'est maintenant chose faite, après avoir décortiqué les calendriers liturgiques et programmé les cycles fixe et pascal ainsi que les nombreuses exeptions. Annonce des lectures du jour pour la semaine en cours, avec affichage de la lecture de l'épître du dimanche.
Octobre 2008 : ajout de formulaires pour accéder aux textes liturgiques (avec épître et évangile) et pour choisir une date dans le calendrier.
Novembre 2008 : ajout de formulaires pour téléchargements de certains fichiers : .doc (textes des vêpres), .pdf (calendrier des offices dans l'ouest) et .jpeg (partitions au format image).
Année 2009 : textes pour la liturgie et vêpres (et qqfois matines) pour chaque dimanche et fête majeure de l'année liturgique.
Novembre 2009 : formulaire de contact.
Début 2010 : partitions avec traductions adoptées par l'AEOF en 2007.
Juin 2011 : Olivier Duhenne fait ses premiers pas, et gère la page calendrier. Utilisation de Musescore pour créer les partitions.
Juillet 2011 : avec html2pdf et fonctions php sur les chaines de caractères : mise en page et édition d'un "pdf pour le chœur" prêt à imprimer des textes de la liturgie.
Le pas est franchi ! Je souhaitais renommer toutes les pages en .php pour évoluer plus facilement, mais les difficulés de redirection me retenaient : pas de rewriteEngine chez free.fr. Finalement, en creusant, j'ai fini par trouver la solution : utiliser le fichier Errordocument 404 en le personnalisant.
Dans ce fichier 404 (déclaré dans le .htaccess) il suffit de détecter la page.htm demandée avec $_SERVER['REQUEST_URI'], proposer la nouvelle_page.php correspondante par une règle de réécriture en php et la mettre dans une variable (si le fichier existe), déclarer les headers : header("HTTP/1.1 301 Moved Permanently") et header("Location: http://orthodoxedenantes.free.fr$nouvelle_page"), si pas de nouvelle page correspondante, on affiche la page d'erreur. On enregistre les requêtes sur un fichier.
Ainsi, les visiteurs arrivent directement sur la page demandée dans sa nouvelle version .php, les robots aussi - ils notent en plus le changement définitif d'adresse, et moi je surveille les redirections enregistrées sur le fichier qui trace les requêtes : je détecte ainsi les qq demandes qui n'aboutissent pas (erreur 404) et rajoute pour chacune des règles de redirections.
Depuis le 18 nov 2012 ça marche. Je découvre des requêtes pour de vieux vieux fichiers que j'avais oubliés (ex : images renommées) et corrige les erreurs.
Novembre & décembre 2014. Le site est restructuré : les pages sont regroupées par dossiers permettant d'utiliser un menu avec des sous-menus dynamiques.
Octobre 2015. Afin de faciliter l'évolution du site paroissial, l'ensemble calendrier liturgique + partitions et textes pour le chœur + calendrier des saints est détaché de ce site et intégré dans un nouveau site internet indépendant : "servicesliturgiques.free.fr". Le site paroissial ainsi allégé peut évoluer plus facilement. Ce choix a été validé en conseil paroissial, et béni par père Syméon.
"Web responsive design" octobre-novembre 2020 : la structure des pages, le menu et le style sont modifiés pour un affichage adapté à la taille de l'écran utilisé - desktop, tablette, smartphone ! Un site "adaptatif"