Paramètres pour apparence Fiche familiale / Export Web

papa_georges · 2 Février 2009

bonjour,

souhaitant modifier un peu l'apparence de la page web résultant de :
Document ; Fiche familiale / Export Web ; export-html-cadre.ff (ou tout autre modèle)
j'ai examiné tous les fichiers du dossier C:\Program Files\Geneatique2009\applet qui gèrent cet affichage.
Je propose ici le contenu de ces fichiers avec des remarques sur les quelques paramètres modifiables et leur effet.
Chacun adaptera les valeurs en fonction de ses goûts !
En plus des paramètres que l'on choisit en construisant un nouveau modèle ou en adaptant un modèle existant, on peut jouer sur des paramètres contenus dans les fichiers suivants :

* applet.htm
* main.htm et main-.htm
* menu.htm

Ces paramètres seront de préférence modifiés quand on aura déterminé une fois pour toutes (ou presque) l'apparence désirée pour la page web qui en résultera ; ce ne sont pas des paramètres que l'on modifiera souvent. Ils n'ont d'ailleurs que des effets secondaires et n'apportent pas de changements majeurs ; ils permettent seulement une petite adaptation à des souhaits particuliers de mise en forme.
On pourrait souhaiter que certaines de ces variables soient accessibles lors de l'élaboration du modèle (par exemple le % de largeur du cadre gauche)

Les messages qui suivent portent sur :

1) la démarche générale de mise en oeuvre
2) les modifications pour le fichier applet.htm
3) les modifications pour les fichiers main.htm et main-.htm
4) les modifications pour le fichier menu.htm

papa_georges · 2 Février 2009

1) Démarche générale

1) On commencera par faire un double du dossier C:\Program Files\Geneatique2009\applet : il n'est pas très volumineux : en faire une copie à laisser dans le dossier C:\Program Files\Geneatique2009\

2) On réalisera le modèle souhaité (élaboration du modèle et réalisation des fiches) --> la page web s'affiche

3) Puis on fera des essais de modification des paramètres en jouant avec les fichiers (applet, main ou main-, menu) présents dans le dossier contenant tous les fichiers issus de la réalisation du modèle (par exemple dans le dossier Export HTML\Fiche_Familiale_Essai\) ; on ne touche donc pas aux fichiers de C:\Program Files\Geneatique2009\applet

4) Quand les valeurs convenables sont trouvées, après tâtonnement dans les fichiers du dossier Export HTML\Fiche_Familiale_Essai\ , on les note sur un papier (ou on en fait un Copier Coller dans un document texte avec le Bloc Notes)

5) Afin de pouvoir ensuite modifier ces paramètres dans les fichiers du dossier C:\Program Files\Geneatique2009\applet

6) On réalise à nouveau un modèle et on s'assure du résultat obtenu.

papa_georges · 2 Février 2009

2) applet.htm

Voici le contenu du fichier avec des remarques (en bleu) sur ce que l'on peut modifier (en rouge).

<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</head>
<body >
<center>


<applet codebase="." code="AppletGenea.AppletGenea" archive="genea.jar" name="AppletGenea" width=500 height=600 hspace=0 vspace=0 align=middle>

<param name=DataArchive >


<param name=TreeArchive value=tree.zip>


<param name=InitialNumber >


<param name=InitialImage value=arbre-5>

<param name=ExportHTMLFrame value=ffFrm>

<param name=TwoLinesForName>

</applet>
</center>
</body>
</html>

papa_georges · 2 Février 2009

3) main.htm et main-.htm

Les modifications sont les mêmes pour main et main-. Remarques et Modifications

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<SCRIPT SRC="listeimages.js" TYPE="text/JavaScript"></SCRIPT>

<SCRIPT SRC="preloadimages.js" TYPE="text/JavaScript"></SCRIPT>
</head>

<frameset rows="24,*" frameborder=no>

<frame marginheight=0 name=menuFrm noresize scrolling=no src=menu.htm>


<frameset name=geneaFrmSetter cols="35%,*" frameborder=yes>


<frame marginheight=2 marginwidth=0 noresize scrolling=no name=appletFrm src=applet.htm>

<frame name=ffFrm src=pageaccueil.htm>
</frameset>
</frameset>
<noframes>


<A HREF="pageaccueil.htm">Sommaire</A><BR>
</noframes>
</html>

papa_georges · 3 Février 2009

Remarques et Modifications

4) menu.htm

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">

</script>
</head>
<body background= onUnload='if (winHelp != null && !winHelp.closed) winHelp.close()'>
<center>
<script language="JavaScript">
var btn = "";
if (navigator.appName != "Netscape") {
btn += "<button type=button onClick='parent.geneaFrmSetter.cols=\"0%,*\"'><img src=text.gif alt=\"Affichage du texte seulement\"></button>&nbsp&nbsp";
btn += "<button type=button onClick='parent.geneaFrmSetter.cols=\"100%,*\"'><img src=tree.gif alt=\"Affichage de l'arbre seulement\"></button>&nbsp&nbsp";

btn += "<button type=button onClick='parent.geneaFrmSetter.cols=\"35%,*\"'><img src=default.gif alt=\"Affichage de l'arbre et de la page texte\"></button>&nbsp&nbsp";
btn += "<button type=button onClick='parent.ffFrm.location.href=parent.ffFrm.location.href'><img src=reload.gif alt=\"Synchroniser l'affichage\"></button>&nbsp&nbsp";
btn += "<button type=button onClick='winHelp=window.open(\"help.htm\", \"helpWin\", \"resizable,scrollbars\")'><img src=help.gif alt=\"Aide\"></button>";
}
window.document.write(btn);
</script>
</center>
</body>
</html>

papa_georges · 3 Février 2009

J'espère ne rien avoir oublié :roll:

mais je sais que des observateurs attentifs sauront trouver ce qui manque et complèteront ces informations qui je le rappelle ne sont pas essentielles.

Rappel pour ceux qui utilisent FireFox : le module complémentaire IE TAB est nécessaire pour obtenir le bandeau menu avec ses 5 petites icônes. Pour le faire apparaître : clic droit sur la partie droite de l'écran puis Afficher cette page avec IE Tab

Pour ceux qui ont un écran au nouveau standard (plus large que les anciens, genre 16/9) pensez aux utilisateurs encore nombreux qui auront un écran 4/3.

2 liens qui montrent le même écran AVANT et APRES ; peu de différences mais un peu plus de vision à droite sans en perdre à gauche, tout en affichant directement le graphique souhaité ; pas révolutionnaire mais si on aime

AVANT : http://www.cijoint.fr/cjlink.php?file=cj200902/cij49GUBDC.jpg
APRES : http://www.cijoint.fr/cjlink.php?file=cj200902/cijG2ISr5J.jpg :wink: