-KompoZer, qui est un logiciel gratuit téléchargeable ici:

Transcription

1 Didacticiel destiné à la création d un répertoire de ressources numériques consultables localement à l aide d un index. Cette technique permet à la fois de s émanciper d une connexion internet et de contrôler la validité des sources d information. Nous utiliserons pour cela: -le navigateur internet: Mozilla Firefox -KompoZer, qui est un logiciel gratuit téléchargeable ici: Notre première tâche consiste à créer, sur le bureau de notre PC, un répertoire à l interieur duquel nous stockerons les informations. A l aide du bouton droit de la souris, cliquez dans une partie vide du bureau, le menu contextuel apparaît, survolez Nouveau, puis cliquez avec le bouton gauche sur Dossier. Le dossier est créé, Windows nous invite alors à le nommer... Nous l appelerons Recherches. 3 Nous allons maintenant ouvrir Mozilla Firefox, dans le champ de recherche taper portail histoire des arts. Se diriger vers le portail officiel d Histoire des arts... Puis, cliquer sur le lien Lycée...

2 Ce portail fournit un menu déroulant permettant de trouver des sites abordant des thèmes d histoire des arts en sélectionnant une période, un domaine et une thématique. Nous choisirons: -XVI -XVIII siècle -Arts de l espace -Arts, contraintes, réalisations... Nous ouvrirons successivement 3 liens: le manoir tourangeau de la Courtinière (un site), La chapelle de l Oratoire et son collège (un fichier PDF) et La cathédrale Saint-Julien du Mans (un fichier PDF) qui aborde la période essentiellement pour ses tapisseries. Ouvrons d abord le site de La Courtinière, pour enregistrer la page, rien de plus simple: -Cliquer sur Fichier, Enregistrer Sous... -Enregistrer dans notre répertoire Recherches sur le bureau. -Donner un nom explicite à la page ( ex: le manoir tourangeau de la Courtinière ) -Cliquer bien-sûr sur la bouton Enregistrer. 3 4

3 Ouvrons maintenant les liens vers l Oratoire et la Cathédrale du Mans. Pour enregistrer ces PDF il suffit de cliquer ici et de choisir de nouveau notre répertoire Recherches... 3 Nos documents sont prêts à être consultés, nous pouvons fermer Mozilla Firefox et ouvrir le logiciel KompoZer... KompoZer est un logiciel gratuit, il sert à éditer et créer des sites internet, il fonctionne en mode WYSIWYG ( what you see is what you get), c est à dire qu il se donne l ambition d afficher dans la fenêtre d édition une image fidèle de la page produite... Pas besoin donc de connaître le code de programmation d un site ( HTML pour HyperText Markup Langage) pour produire une page simple avec KompoZer. Une fois ouvert, notre logiciel ressemble à cela Nous allons d abord créer un tableau, il nous permettra de placer des éléments à des emplacements fixes en contrôlant leur mise en page. Pour cela, un simple clic ici suffit. Faire glisser ici le curseur pour produire un tableau de cases sur

4 Notre tableau créé, déplaçons les curseurs ici et là afin de modifier les dimensions des cellules... Nous allons maintenant modifier chacune des cellules... Cliquer dans la cellule de son choix avec le bouton DROIT de la souris puis sélectionner Propriétés Cellule... avec le bouton gauche. Supprimons d abord la bordure en lui affectant une valeur 0 exprimée en pixels. Puis modifions la couleur de chaque cellule en cliquant ici

5 Et voilà... Déplaçons maintenant notre curseur dans la cellule inférieure gauche et saisissons notre texte: Recherche de... Puis sélectionner le texte à l aide du curseur et changer ici la police et là sa couleur. ATTENTION: Le choix des polices doit se limiter aux seules polices système (Helvetica, Arial, Times, Courrier). Sans quoi, si l ordinateur qui ouvre le document n en est pas doté, le choix de police sera ignoré.

6 Déplaçons maintenant notre curseur dans la cellule inférieure droite et cliquons à l aide du bouton droit de la souris. Survolons Insert ion dans le tableau, puis cliquons sur Tableau. En reprenant l explication donnée en page 3 créer un tableau de 3 lignes et colonnes. Re-dimensionnons les cellules afin qu elles aient plus ou moins cet aspect

7 Déplaçons maintenant notre curseur dans la cellule supérieure gauche, nous allons y insérer une image. Pour cela il suffit de cliquer ici, puis là pour indiquer l emplacement de l image (rep. recherches) À la demande du logiciel taper ici un nom alternatif apparaissant an cas d absence de l image ou cliquer là. Cliquer ici pour la centrer dans la cellule et déplacer ces poignées pour la re-dimensionner.

8 Déplaçons maintenant notre curseur dans la cellule supérieure droite et tapons y le titre de notre index. Un clic ici pour agrandir et centrer... puis clic droit au milieu de la cellule et cliquer sur Propriétés Cliquer sur l onglet cellules puis dans le menu déroulant Alignement du contenu... Vertical sélectionner Milieu 3 4

9 Tapons dans chacune de ces cellules un texte permettant d identifier chaque document (site ou PDF) présent dans notre répertoire Recherches. Puis, en utilisant de nouveau la méthode vue en page 7, insérer une image illustrant le lien correspondant dans chacune de ces cellules. Cependant, pour chacune d entre elles, au moment d indiquer l emplacement de l image, dans l onglet Dimensions régler la hauteur à 8 pixels

10 Ensuite sélectionner chaque partie de texte devant déclencher l ouverture des différents liens... Puis cliquer sur Lien... Si je dois pointer le lien vers un site enregistré, rien de plus simple: comme dans notre exemple, parcourir l ordinateur jusqu à notre répertoire Recherches puis cliquer sur le fichier htm ou html concerné Si je dois pointer le lien vers un fichier, la méthode est la même MAIS je dois préalablement sélectionner Tous les fichiers dans ce menu déroulant. Le texte souligné confirme la présence de nos liens

11 Nous pouvons également créer des liens à partir de nos images... Pour cela, cliquer à l aide du bouton droit sur l image à activer, puis cliquer sur Créer un lien... à l aide du bouton gauche. Comme pour les liens créés précédemment il suffit d indiquer ici l emplacement des fichiers et de cliquer sur le bouton OK 3 4 Et voilà notre page d index de recherche prête à être enregistrée.

12 L enregistement se fait comme dans tout logiciel fonctionnant sous Windows... Fichier, Enregistrer sous... dans le menu de bandeau. Notre fichier doit être enregistré dans notre répertoire Recherche, et nommé de manière explicite... Dans notre exemple index arts de l espace XVI-XVII.html. Puis, lorsque le logiciel en fait la demande, saisir le titre de la page... Il ne reste plus qu à se rendre dans le répertoire Recherche et à double cliquer sur index arts de l espace XVI-XVII.html pour vérifier son affichage dans notre navigateur internet... C est également le moment d en vérifier les différents liens...