Les 3 PHASES d'ACTIONS pour produire un
 Menu Déroulant
(méthode graphique
)

Ce n'est pas parce que les choses sont difficiles que nous n'osons pas,
 c'est parce que nous n'osons pas qu'elles sont difficiles
.(Sénèque)



Pour mettre un menu déroulant dans ta page il faut: :
phase 1
0) RECOPIER le lien suivant:
       
http://techno.jch.free.fr/aidekompozer/tutoSite3eme/descriptionMettreMenuDeroulant.html

1) LANCER
Document made with KompoZer, recopier la page courante grâce à 'Fichier/Ouvrir une page Web'   pour ... Aspirer cette  page:'
2) Nous allons RECOPIER le menu déroulant:
     -> Tjrs sous
Document made with KompoZer se mettre sur le menu déroulant  pour le recopier (par exemple celui ci: ) (avec Edition/Copier)
3) Document made with KompoZer Puis le COLLER à l'endroit voulu  dans ta page (clic droit/coller)
4) APPUYER sur l'onglet Mixte (fenêtre en bas de Document made with KompoZer)  --> on a ainsi accès au code html du fameux menu déroulant!
5) Dans la fenêtre Mixte du bas, MODIFIER le contenu du texte pour l'adapter à ton projet
       Au minimum modifier Select name=" ici TON NOM de LISTE DEROULANTE"   (par ex name="menu deroulant 1")
       Tu peux modifier toutes les options pour changer le texte de ton menu déroulant, ou bien la cible lors du clic .... etc
phase 2

6) Pour disposer de la fonction déterminant le comportement du menu, COPIER la ligne suivante (tu peux la surligner/recopier avec ta souris):
<script src="ScriptsEleves.js" type="text/javascript"></script>
7) APPUYER
sur l'onglet Source (fenêtre en bas de Document made with KompoZer) et COLLER cette ligne au début du Source entre head et /head.
8) SAUVEGARDER en faisant Fichier/Enregistrer

phase 3
9) Il est mainteant nécessaire de disposer d'une fonction écrite en JavaScript qui va reproduire un comportement de 'menu déroulant' sur ta page.
   
    --> copier le fichier ScriptsEleves.js et le COLLER dans le bon répertoire, à savoir à côté de tes pages de site.
         (conseil: si tu es au collège, mettre ce fichier dans Mes  Documents/Devoirs/holstein)

          C'est teminé, il faut tester maintenant.
____________ FIN ____________


maj 28-11-2014
nota: présente page reproductible par un élève de 3ème utilisant Kompozer,  sans html sophistiqué ni JavaScript, ni CSS .....