http://abeille-cyclotourisme.fr/pratique/M_cinq_mois_pour_olivier/01_mode_emploi_cinq_mois.html
 

Mode d'emploi programme du trimestre

Creation du programme (donnees d'entree, par Olivier)

Lors de la réunion parcours, Olivier crée le programme, sur un fichier html unique.

Pour ce faire, il utilise l'éditeur HTML de son choix (Kompozer ou autre) et le modèle décrit ci-dessous.

Le modèle utilisable pour ceci est un Cube Horadrim spécifique aux programmes en cinq mois pour Olivier ("M_cinq_mois_pour_olivier.zip") est accessible depuis le site Abeille, par un lien depuis la page: Formulaires internes du club. Quand on le dézippe, on y trouve un dossier, contenant d'une part une copie de la feuille de styles du site, et d'autre part un sous-dossier dénommé "programmes" et contenant le fichier texte "M_cinq_mois_pour_olivier.html". C'est une copie de ce fichier texte, situé dans cet environnement de fichiers, qu'il faudra ouvrir dans l'éditeur HTML (Kompozer ou autre)

Creation des pages html (par Jean-Pierre)

A réception du formulaire renseigné, Jean-Pierre crée les pages html dans un éditeur de texte (BBEdit)

Nettoyage général du texte de la page par BB-Tidy (en sélectionnant le charset=iso 8859-1)

Par utilisation des modèles de page figurant sur le site, création des pages mensuelles en

Pour le premier mois, insertion par copier-coller des données d'Olivier postérieures à la réunion Abeille dans ce qui avait été établi lors du trimestre précédent, réunion Abeille comprise.

Création, aussi, à partir du modèle "M_1_trimestre.html" du fichier html concaténé des 4 mois du trimestre (les trois mois plus le morceau de mois suivant), auquel s'ajoute le "ou_irons_nous".

Le nom de ce fichier du site, vers lequel aucun lien ne pointe, est du type: "01_premier_trimestre.html"

Pour le premier mois du trimestre et le "ou_irons_nous", modifier la balise "<div class="titrage">" pour, par un style local dans cette balise div, neutraliser le saut de page "avant page imprimée" imposé par les instructions CSS de style de la page html. Mettre, donc, ce qui figure en commentaire dans le modèle, soit à ce jour:

"<div class="titrage" style="clear: none; page-break-before: avoid;">"

Mise en ligne des pages html (par Jean-Pierre)

Par Website Maestro, pas de synchro à ce stade. En une passe, nettoyer, optimiser, mettre à jour le dossier de pages optimisées et mettre en ligne. ceci permettra d'intégrer le lien url dans le bas de page des pages imprimables pdf.

Creation des pages imprimables pdf (par Jean-Pierre)

Avec iCab (pour facteur d'échelle = 100%), avec insertion du lien html en pied de page mais sans numérotation de page (car page unique), imprimer en pdf (compacté sous Mac OS 10.4) les 4 mois et le "ou irons nous" et nommer ces pdf de manière appropriée.

Si le facteur d'échelle n'est pas 100%, c'est à dire s'il faut le réduire pour réduire une page à un format A4 à l'impression, utiliser Firefox et non iCab, car seul Firefox traite le facteur d'échelle de la manière souhaitée ici, sans accroitre en proportion la marge de droite.

Faire de même avec le fichier du trimestre, mais en ajoutant en pied de page le N° de page. Si cela ne s'imprime pas en 4 pages, ajuster le facteur d'échelle comme précédemment (et passer pour ce faire à Firefox).

Mise en ligne des pages imprimables pdf (par Jean-Pierre)

Effectuer une synchronisation du dossier de travail et du dossier optimisé par Websitemestro, ce qui synchronise tous les fichiers sans exception (compter une bonne heure).

Charger alors sur le site (les pages pdf, en principe) par  un téléversement "miroir" par Transmit (choisir tout le site, en mode "miroir, compter 1/2 heure).


"Le Cyclotourisme, un art de vivre"