![]() |
Alexandr'OOo.HG Créer des documents web intégrant un dictionnaire instantané avec"Alexandria" ® |
![]() |
Télécharger ce dossier au format texte openoffice (odt) ou au format pdf
Télécharger le fichier modèle page blanche qui contient déjà le code
1-Qu'est-ce qu'Alexandria?
Dictionnaire instantané, en ligneMode d'emploiPour utiliser cet outil, il suffit de double-cliquer sur un mot quelconque . Alexandria® fonctionne par défaut avec la langue de votre navigateur . Cependant, avec le bouton muni d'une double flèche (en haut à droite de la fenêtre), vous pouvez choisir la langue cible dans la liste déroulante. Alexandria® est un outil gratuit que vous pouvez installer sur vos propres pages web |
![]() |
Testons Alexandria sur du vocabulaire Hist géo (en vrac...)
abbaye adoubement abdiquer anticlérical analphabète antisémitisme apartheid apatride archéologie armistice assignat athée autarcie autocratie
baby-boom banlieue bocage camp de concentration colonie concile coopération
CEE UE Union Européenne ONG ONU CGT
racisme référendum régence rendement reg république résistance révolution rurbanisation
De Gaulle Mitterrand Chirac Napoléon Mazarin
2-Utiliser Alexandria avec OpenOffice en Hist-Géo
=> exemple: concevoir un devoir interactif
Objectif : Créer un devoir que les élèves vont réaliser "online"directement sur l'écarn du PC. Ils pourront donc bénéficier du dictionnaire et répondront aux questions dans les zones prévues. Ensuite selon les logiciels utilisés , ils pourront:
-
imprimer leur devoir
-ou, en utilisant InternetExplorer, possibilité de copier coller leur travail dans un traitement de texte.
2-1 Préparation pour l'insertion du dictionnaire
Méthode simplifié
Télécharger ce fichier modèle page blanche qui contient déjà le code
et ouvrez-le avec OpenOffice : remarquez que c'est OpenOffice éditeur HTML qui s'est lancé...
Méthode pour les experts....
1- Lancer OpenOffice en mode HTML | ![]() |
2-Enregistrer immédiatement sa page (format HTML) | ![]() |
3-Insérer le code spécifique "Alexandria", il faut passer en mode source html | ![]() |
![]() |
|
4-Insérer ce code juste avant la balise </HEAD> | <script type="text/javascript" language="JavaScript1.2" src="http://www.sensagent.com/alexandria-v1/scripts/alexandriaMemodata.v1.js"></script> <link rel=StyleSheet href="http://www.sensagent.com/alexandria-v1/css/alexandriaMemodata.css" type="text/css"> |
5- pour obtenir (attention sur cette image le texte est coupé) |
![]() |
6-Repasser en mode normal | remarquer que rien n'apparait sur la page : elle est toujours blanche bien que "code" soit intégré ... la page obtenue corespond àlapage prposée en téléchargement en méthode simplifée |
2-2 Création du devoir
Il s'agit ici de travailler comme dans tout traitement de texte .... donc taper ou copier/coller vos textes.
Les seules nouveautés à apprendre à concevoir sont:
-
la création de zones de texte pour obtenir les réponses des élèves
- la création de liens vers d'autres documents
A l'endroit de la réponse , mettre le point d'insertion puis faire apparaître la barre d'outils "Contrôles de formulaire" | ![]() |
Puis sélectionner la "zone de texte" et la dessiner sur la page | ![]() |
Egalement, possibilité de créer des liens , soir vers un document existant (une image) ou vers un site web. Sélectionner le mot sur lequel le lien doit être créé puis :
|
![]() |
Dans cette boîte de dialogue, sélectionner à gauche la nature du lien et à droite indiquer son adresse. | ![]() |
![]() |
|
Voici une capture écran "page web" d'un exemple de devoir en cours de réalisation -remarquer les zones à compléter -et noter laprésence d'un lien (mot Colbert) |
|
![]() |