pour quitter ces pages

Présentation de MOLECULES

INTRODUCTION

CHIME

MOLECULES

METHODE

EXEMPLE



- 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

fenetre.jpg (9725 octets)

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>&nbsp;</p><p align='center'><embed src="+nom+" display3D='ball&amp;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>

  1. 'eau.pdb' : le nom du fichier pdb de la molécule
  2. 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


Auteur : JF Noblet : http://perso.infonie.fr/jf_noblet/index.htm