| M
E T H O D E : Préalable : Il
suffit de savoir utiliser le copier/coller et de posséder un
éditeur de texte tel que le bloc-note.
Répertoire:Les fichiers seront rangés dans un
répertoire comme ceux du répertoire
exemple : Les 3 fichiers htm ( index, menu et menu0) et tous les fichiers
de molécules nécessaires en format pdb. Un tel ensemble de fichiers est très léger
en octets. Le répertoire exemple contient 9 molécules en pdb et ne fait que 8.4 ko.
Les fichiers htm se présentent sous la forme suivante :
| Index.htm
: fichier contenant les 2 frames menu.htm et menu0.htm (ne pas modifier
index.htm) menu.htm : le seul à adapter suivant les besoins il contient les liens
faisant afficher les molécules.
menu0.htm ( à ne pas modifier) . Cette page
sert uniquement à afficher les molécules |
 |
Ouverture de menu.htm dans le bloc-note :
1-----------------Structure :
<html>
<head>
<title>menu</title>
<style>
A{background-color:#ffc0c0;color:blue; text-decoration:none}
A:hover{background-color: #ff0000;color:yellow}
A:visited:{color:#ff00ff}
A:active {background-color: #ffff80;color: #ff0000;}
</style> <---- Feuille de style (inutile d'y toucher)
<script>
function mol(nom){
parent.droite.document.write("<htm><head><title>mol</title></head><body
bgcolor='#000000' text='#FFFFFF'>");
parent.droite.document.write("<p> </p><p
align='center'><embed src="+nom+" display3D='ball&stick'
options3d='dots' spinX='10' spinY='50' spinZ='50' spinfps='30' name='ethene' frank='no'
width='427'height='356' script='zoom 150;");
parent.droite.document.write("set bondmode and; wireframe 40;
spacefill 120;'></p></body></html>");
parent.droite.document.close();
}
</script> <----
Javascript permettant l'affichage des différentes molécules ( ne pas modifier)
</head>
<body bgcolor="#000000" text="#FFFFFF">
7 Liens permettant
l'affichage de 7molécules
<p><a
href="javascript:mol('hcl.pdb')"><small>Chlorure
d'hydrogène</small></a></p>
<p><a
href="javascript:mol('eau.pdb')"><small>Eau</small></a></p>
<p><a
href="javascript:mol('nh3.pdb')"><small>Ammoniac</small></a></p>
<p><a
href="javascript:mol('ch4.pdb')"><small>Methane</small></a></p>
<p><a
href="javascript:mol('c2h4.pdb')"><small>Ethène</small></a></p>
<p><a
href="javascript:mol('c2h6o.pdb')"><small>Ethanol</small></a></p>
<p><a href="javascript:mol('h2o2.pdb')">eau
oxygénée</a></p>
<p><a href="javascript:mol('co2.pdb')"><small>dioxyde de
carbone</small></a></p>
</body>
</html> |
2-----------------Modifications :
Structure de chaque lien :
<p><a
href="javascript:mol('eau.pdb')"><small>Eau</small></a></p>
- 'eau.pdb' : le nom du fichier
pdb de la molécule
- Eau : le texte du lien
visible sur la page
Modifications :
Il suffit donc soit de modifier ces 2 paramètres,
ou de copier cette ligne en dessous en modifiant ensuite ces 2 paramètres
3-----------------Exercice :
Il n'y a rien de mieux que la pratique :
Dans le répertoire exemple il y a un fichier : menthol.pdb qui
n'est pas utilisé. Utiliser le copier/coller dans le bloc-note pour créer un lien dans
la page menu.htm permettant la visualisation de ce fichier. Enregistrer, puis ouvrir le
fichier index.htm dans un navigateur pour voir le résultat.
Bon courage |
