 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
Le site du ciné-club existe depuis quinze ans et la plupart de ses pages sont écrites dans une syntaxe très éloignée des normes actuelles du HTML5. Un basculement vers des bases de données et un traitement PHP pourrait faire l'objet d'une collaboration auprès d'une université ou d'une école d'ingénieur.
Pour cela et pour une visualisation adaptée aux Smartphones, j'ai entrepris depuis un an de coder de manière plus rationnelle les pages du site. C'est néanmoins un travail de fourmi et j'aurais bien besoin d'aide pour le mener à bien dans des délais raisonnables (codage actuel de 3 000 pages sur les 15 000 du site).
Le mode d'emploi ci-après vous donne une idée du travail à accomplir. J'espère que vous voudrez bien me contacter pour plus de précisions et m'apporter votre aide pour ce travail.
Jean-Luc Lacuve (jeanluc@cineclubdecaen.com) le 26/06/2016
Les informations d'une page ancienne sont disposées sans ordre précis : c'était le positionnement en absolu qui donnait la place exact pour affichage html. Il convient désormais de rétablir un bon déroulé de l'information avec des "class" de "div" qui donnent des ordres de mises en page différents selon la taille de la fenêtre sur laquelle est consulté le fichier (à titre informatif on peut voir ces ordres dans la page https://www.cineclubdecaen.com/styles.css).
1ere étape : sélectionner un fichier à traiter et son modèle (un fichier déjà converti en html5)
- Prendre sur le site un fichier réalisateur qui ne s'adapte pas à taille de la fenêtre. Par exemple:
https://www.cineclubdecaen.com/realisat/akerman/newsfromhome.htm - Afficher le code source (clic droit)
- Copier le code source sur Notepad++ : le texte s'affiche uniformément en noir.
- Sauvegarder le fichier du nom qui suit la dernière barre : newsfromhome.htm (attention : htm et pas html) : des couleurs apparaissent alors dans le texte.
- menu encodage : "convertir en utf-8 (sans BOM)
- Prendre sur le site un fichier réalisateur qui s'adapte à taille de la fenêtre. Par exemple :
https://www.cineclubdecaen.com/realisat/akerman/sautemaville.htm - Afficher le code source(clic droit)
- Copier le code source sur Notepad++ : le texte s'affiche uniformément en noir.
- Sauvegarder le fichier du nom qui suit la dernière barre : sautemaville.htm (attention : htm et pas html) : des couleurs apparaissent alors dans le texte.
- Sectionner et copier l'ensemble du texte
- Coller ce texte tout en haut du premier fichier (newsfromhome.htm)
voir fichier prêt à être traité : newsfromhomeetape1.htm à ouvrir avec Notepad++
2e étape : couper les parties de l'ancien fichier placé en dessous du premier et les coller aux bons endroits de celui-ci.
- Placer les parties de l'ancien fichier entre les bonnes balises (<div></div>) du modèle au dessus en écrasant les informations du fichier modèle.
- L'ordre de ce travail est donné à titre indicatif. On peut couper-coller les parties dans n'importe quel ordre... du moment qu'elles vont au bon endroit.
Sont ainsi à remettre en ordre:
<title>Titre de la page</title>
<div class="gtitre"><h1>Titre du film </h1>
<img src="../../materiel/note.gif"></div>
<div class="flg">Lien vers film précédent du réalisateur</div>
<div class="filmreal">Lien vers la fiche réalisateur</div>
<div class="fld> Lien vers Film suivant du réalisateur</div>
<div class="filmdate">date du film</div>
<div class="filmphoto"> si lien vers photogrammes</div>
<div class="filmgenre">Lien vers le Genre</div>
<div class="filmtheme">Lien vers le Thème</div>
<p class="dessous"></p>
Générique du film</div>
<div class="filmaffiche">
<div align="center> Lien vers l'affiche</div>
<div class="imagemil">Lien vers l'image 1 </div>
<div class="imagemil> Lien vers l'image 2</div>
<p><img src="../../materiel/clap.gif">Résumé du film.</p>
<div class="imagemil> Lien vers l'image 3 <div>
<div class="imagemil> Lien vers l'image 4 <div>
<p><img src="../../materiel/clapstylo.gif">Analyse du film</p>
</div>
fin à laisser telle quelle.
3e étape : m'envoyer par mail, les fichiers recodés.
