TABLEAU PERIODIQUE. Les flèches de la barre outils, antistress, vous permettent d annuler ou répéter des actions en cas de mauvaises manipulations.

Transcription

1 TABLEAU PERIODIQUE Objectif : Construction du tableau périodique à l aide du logiciel Front Page. Déroulement : 1. Compléter la recherche. 2. Création d une page web par binôme. 3. Classification des éléments. 4. Regroupement des pages en un site web ( liens hypertextes ). 5. Utilisation du site. I- Complément de la recherche sur les éléments. A votre disposition : CD Mendeleiev, documents II- Création de la page. Le logiciel Front Page vous permet d éditer des pages au format HTML, que l on peut ensuite relier et utiliser sur internet. Vous trouverez dans le fichier TPweb l ensemble des documents nécessaires. Conseil : Chaque binôme réalise sa page, qu il sauvegarde régulièrement dans le fichier au nom de l élément. (nom sans majuscules ni accents). Les flèches de la barre outils, antistress, vous permettent d annuler ou répéter des actions en cas de mauvaises manipulations. Lancer le logiciel Front Page en cliquant sur l icône. Fichier/ ouvrir/ tableau périodique/ squelette.htm. A. Remplir la page relative à chaque élément : - Police de caractères : Times new roman - Nom et symbole : utiliser titre2 - Ne pas écrire plus de deux lignes par cellule. Pour passer à la ligne suivante appuyer sur Maj + entrée.

2 Remarque : pour écrire un chiffre en indice : Exemple : Ba2O..sélectionner le chiffre 2 Ba2O indice. Même procédure pour l exposant. puis : Format/ Police/ cocher la case B. Insertion d images : Photo de l élément : Insertion/images/ à partir du fichier.insérer l image de votre élément. Image du tableau : même procédure. Remarque : Centrer ces deux images dans leur cellule. C. Couleur des cellules : Les cellules de données seront grisées : sélectionner les cellules, puis clic bouton droit, propriétés de la cellule/ arrière plan couleur/ autres couleurs/ personnaliser : entrer les caractéristiques du gris (code RVB) : Rouge 233, Vert 233, Bleu 233. Les cellules symbole, nom et photo de l élément seront colorées. Le choix de la couleur doit rester raisonnable : couleur pastelle, peu criarde III- Critères de classement des éléments chimiques. A partir des fiches sur les éléments chimiques, proposer des critères de classement possibles. Chercher à les regrouper selon les propriétés chimiques.

3 IV- Création du site. 1. Organisation du site. 1.1 Il faut regrouper dans un même dossier l ensemble des pages HTML ainsi que toutes les images contenues dans ces pages. La création d un nouveau site produit automatiquement certains dossiers (images ) ainsi qu une page accueil (index), qui sera le niveau zéro du site. Cette page sera ici un tableau, dont les cases pointent sur les pages des éléments. Le site a été crée à l avance, de la façon suivante: Exportez vôtre page vers ce fichier Tableau Périodique ( = notre site), placez aussi vos photos dans le fichier images. Pour cela copier les, et coller les dans le dossier du site. Attention : L ensembles des documents doivent se trouver à l intérieur de ce fichier pour que le site fonctionne. Finalement le site sera organisé de la façon suivante: 1.2 Ouvrir le site dans le logiciel Front Page. ( Fichier/ ouvrir C: Tableau Périodique). Cliquer sur la page de vôtre élément pour la visualiser.

4 Problème : Les photos ont disparues : Il faut insérer les photos que l on a mises dans le fichier images du site : Faire Insertion/ images/ A partir du fichier 2. Lier les pages entre elles : Liens Hypertextes. exemple : quand on clic sur l élément précédent, il faut que la page de cet élément s ouvre. Le nom de l élément doit donc pointer vers cette page cible : on créer un lien hypertexte. Sélectionner un élément de votre page. Faire un clic droit choisir lien hypertexte. Réaliser 4 liens hypertextes : - Elément précédent. - Elément suivant. - Tableau périodique ( qui pointe vers la page d accueil). - Image du tableau, qui pointe également vers la page d accueil : pour cela il suffit de sélectionner l image et d éditer le lien hypertexte.

5 A ce stade vous pouvez naviguer entre les différentes pages : pour cela il suffit de passer du mode Normal (éditeur) de Front Page au mode Aperçu qui vous permet la visualisation des pages. Au bas de l écran : 2.Ajouter un commentaire sur une zone de la page. Ce commentaire apparaît quand on approche la souris de la zone. Pour cela: clic droit sur l image, choisir propriétés de l image, et écrire le texte dans l encadré texte. Ce commentaire doit préciser l image, il doit être bref. 3. Page d accueil. Chaque case du tableau de la page d accueil doit pointer sur l élément correspondant. Ouvrir cette page d accueil (index). Vous devrez rendre une case du tableau réactive : Cliquer sur l icône zone réactive polygonale Délimiter la zone réactive, puis éditer le lien vers vôtre page V. Tableau interactif Naviguer sur ce site, à partir du moment où toutes les pages sont reliées.