https://www.abeille-cyclotourisme.fr/pratique/M_12_mois/00_mode_emploi_12_mois.html
 

Mode d'emploi programme du trimestre ("M_12_mois")

Creation du programme (données d'entrée, par Christian et par tout autre contributeur de la commission Parcours)

Lors de la réunion parcours, Christian, seul ou utilisant des données d'entrée provenant d'autres membres de la commission parcours, crée le programme, sur autant de fichier html qu'il y a de mois, soit 4 fichiers, plus un pour le "ou irons-nous?".

Pour ce faire, il utilise l'éditeur HTML WYSIWYG bon marché de son choix (KompoZer <http://www.kompozer.net/>, NVU de la fondation Mozilla <http://www.nvu.com/> (son équipe de développement a pour successeur l'équipe de KompoZer), SeaMonkey de la fondation Mozilla <https://www.seamonkey-project.org/releases/>, BlueGriffon <http://bluegriffon.org/>, un logiciel payant tel que DreamWeaver d'Adobe <https://www.adobe.com/fr/products/dreamweaver/free-trial-download.html>, ou un éditeur de texte évolué mais non-WYSIWYG, ou autre). Dans la suite ci-dessus, parmi les logiciels gratuits, celui qui a été mis à jour le plus récemment, qui est aussi le seul à être hébergé sur un serveur protégé https, est SeaMonkey, l'héritier lointain de Netscape Communicator. BlueGriffon est, pour sa part, le seul français de la bande, il est très utilisé aux USA pour de petits sites professionnels comme des sites de cabinets d'avocats. Pour porter correctement ses fichiers, il utilise et le modèle de Cube Horadrim décrit ci-dessous. => Faire un choix...

Le modèle utilisable pour cela est un Cube Horadrim dédié aux programmes en douze mois ("M_12_mois.zip"), qui 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 les 12 fichiers texte des 12 mois de l'année et un autre fichier texte pour le "Ou irons nous?". Deux autres fichiers textes donnent les plans d'accès et ne sont pas à utiliser. C'est une copie de dossier complet, situé dans cet environnement de fichiers, qu'il faudra ouvrir dans l'éditeur HTML wysiwyg.

On pourrait décrire ici, avec l'éditeur HTML choisi, le mode d'emploi de cette partie du travail [Remplir une ligne; Modifier une ligne; Insérer une ligne vide parmi d'autres lignes vides; Supprimer une ligne; Annuler une action erronée; Copier une ligne renseignée; Insérer une ligne renseignée parmi d'autres lignes renseignées; etc.]

Creation des pages html (par Jean-Pierre, sur la base des données de Christian)

À réception des formulaires renseignés pour le premier trimestre de l'an "N+1", Jean-Pierre crée les pages html des pages nécessaires pour l'année "N+1" sauf janvier, déjà débutée, dans un éditeur de texte (BBEdit).

Rangement des pages de l'an "N" dans un répertoire mouroir "0_programmes_an_dernier". Les mois hors T1 seront donc vides (au lieu de montrer l'an "N-1" comme précédemment). "N-1" est visible aux archives de l'année.

Nettoyage général du texte des 12 - 1 + 4 = 15 page par BB-Tidy (en sélectionnant le charset=iso utf-8), par utilisation des modèles de page figurant sur le site, création des pages mensuelles, en: 

Ensuite, pour chacun des 11 mois suivants, insertion par copier-coller, le moment venu, des données variables de Christian (entre "début mois" et "fin mois").

La page "programme mensuel de l'année en cours" demeure inchangée.

Trimestre. Création, aussi, à partir du modèle "M_01_1_trimestre.html", "M_04_2_trimestre.html", "M_07_3_trimestre.html" ou "M_10_4_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_1_trimestre.html".

Pour le premier mois du trimestre et le "ou_irons_nous", modifier dans la page "trimestre" 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;">"

Gestion des caches. On ne veut pas que, à chaque début de trimestre, les navigateurs des Abeilles conservent en cache les programmes mensuels ou trimestriels pdf d'avant. Pour ce faire, on les fait expirer avant la date de bascule, donnant ainsi aux navigateurs instruction de recharger la page peu avant la période de bascule. On le fait pour tous les mois.

Pour le dernier mois du trimestre, à sa création donc, ajuster dans la balise meta (du modèle) la date d'expiration de la page à dans 2 mois. Par la balise meta du modèle. S'assurer du jour de la semaine dans un calendrier. Exemple pour la création dès fin septembre 2015 de janvier 2016, deux mois après fin septembre signifie le 1er décembre 2016. Peu après cette date, Christian et la commission "parcours" émettra en effêt le programme du 1er trimestre 2016, commençant par janvier 2016:

  <meta http-equiv="EXPIRES" content="Tue, 01 Dec 2015 01:00:00 GMT">

C'est en anglais (Mon Tue Wed Thu Fri Sat Sun Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec). En cas d'erreur de syntaxe ou de calcul de date, la balise ne sera pas interprétée, ce qui serait ballot mais pas catastrophique.

Pour le premier mois du trimestre, Ce sera le second ajustement pour ce mois qui a déjà été créé et réglé 3 moins avant, ajuster la date d'expiration de la page à dans 8 mois (1 mois avant le 1er jour du trimestre précédant dans 1 an), ex pour Janvier 201x, le faire expirer au 1er Septembre 201x (de la même année). S'assurer du jour de la semaine dans un calendrier.

Pour les autres moins, faire expirer dans 11 mois, c'est à dire peu avant la création par Christian du mois successeur.

Styles de lignes colorées à l'écran (mais pas à l'impression): On affecte ce style dans les balises de ligne <tr class="">

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)

La police de la classe "programme" est maintenant réduite de 9.5 pt à 8 pt pour ne pas trop enfler les longueurs relatives de ligne entre la version écran pour un moniteur de 1280 x 800 px et la version imprimée sur page A4. Il ne devrait plus y avoir de dépassements de page A4, et iCab devrait dont toujours être utilisable à l'impression. Si les Abeilles râlent, on augmentera la taille de la police à l'impression de la classe "programme". 

Avec iCab (pour facteur d'échelle = 100%), avec insertion du lien html en pied de page et avec numérotation de page (car 4 pages), imprimer en pdf la page concaténée de 4 mois + "ou irons nous" et nommer ce pdf 4-pages de manière appropriée, l'indexer s'il y a des versions suivantes à la première non indexée (01_1_trimestre_v0a.pdf"), l'imprimer en ayant ajusté les réglages iCab  "Fichier > Mise en page > iCab" en marges à 30 pt (haut, bas) et 25 pt (gauche et droite). Pour imprimer en pdf, après la commande "Fichier > Imprimer", ouvrir dans Aperçu. Pour la version couleurs, sauvegarder le PDF dans Aperçu avec le filtre quartz "Reduce to 150 dpi average quality, Standard compression". Pour la version noir et blanc nécessaire à l'impression chez Bureau Vallée, sauvegarder le PDF dans Aperçu avec le filtre quartz "Gray Tone" (ne surtout pas prendre "Black & White" qui ne crée pas de nuances de gris). Sepia est intéressant aussi. Tout testé en avril 2018, dans les archives de 2018.

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 (voire Chrome, plus pratique pour gérer le facteur d'échelle au 1% près mais avec une gestion des hauts de page incomplète comparée à iCab ou à Firefox). En effet, seuls Firefox et Chrome traitent le facteur d'échelle de la manière souhaitée ici, sans accroître en proportion la marge de droite.

Depuis le 2° trimestre 2018, on n'imprime plus en pdf les pages des 4 mois et du "ou irons nous", trop consommateur de temps sans rendement manifeste. Les pages individuelles s'impriment depuis la vue écran (la vue normale, en somme) par la commande d'impression. Compte tenu du passage à une police de 8 pt, il est douteux que cela cause un saut de page, même pour des mois très longs comme mars. Les Abeilles diront.

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"