Atelier : créer une page html avec OpenOffice

___

NB : cet article décrit la création d’une page Web avec OpenOffice. Les copies d’écran ont été réalisées sur PC. L’article ne décrit pas comment mettre en ligne votre page sur un serveur distant pour la mettre à disposition des internautes.

___

Ouvrez OpenOffice et cliquez sur "Fichier" puis "Nouveau" et choisissez "Document html".

OpenOffice est, comme Mozilla Composer, un éditeur html WYSIWYG : vous créez directement votre page en tapant votre texte dans l’écran d’OpenOffice.

Pour insérer une image
La première précaution à prendre avant d’insérer une image (ou un lien vers un document à télécharger) est d’enregistrer votre page html quelque part sur votre disque dur.
La seconde précaution est de vérifier que OpenOffice est configuré pour créer des "liens relatifs" (rappelons qu’un "lien relatif" différe d’un "lien absolu" en ce qu’il peut voyager avec la page html quand elle est placée sur un serveur distant ; un lien relatif - par exemple vers images/lac.gif - pointera toujours sur l’image lorsque la page html aura déménagé, à condition bien sûr que l’image ""lac.gif" déménage en même temps - dans notre exemple dans un dossier "images" placé dans le même dossier que la page html ; si le lien est absolu - par exemple vers file :///Users/monordinateur/bureau/images/lac.gif, il ne trouvera plus l’image du lac une fois la page déménagée).

Pour vérifier qu’OpenOffice va créer des liens relatifs, allez dans Outils puis Options puis Chargement/enregistrement puis Général et cochez Système de fichiers et Sur Internet sous Enregistrement relatif des URL.

Une fois cela vérifié, cliquez sur Insertion puis Image et choisissez votre image sur votre disque dur (en ayant pris soin auparavant de vérifier : 1° qu’elle est en format Web : gif, jpg, png ou autre, 2° que sa taille ne dépasse pas, si possible, 50 Ko et 3° qu’elle se trouve si possible dans le même dossier que la page html). Il se peut que votre image ne soit pas alignée comme vous le souhaitez.

Elle est ici alignée à gauche. Si vous souhaitez la centrer, un moyen simple est d’afficher le code source de la page (cliquez sur Affichage puis HTML-Source), de repérer la ligne de code qui concerne votre image, et de remplacer left par center :

Pour créer un lien hypertexte vers la page d’un site Internet

Cliquez sur Insertion puis Hyperlien puis Internet.

Saisissez dans Cible l’adresse complète de la page, par exemple http://www.injep.fr/index.html. S’il s’agit d’un lien vers une page extérieure à votre site, les usages Internet conseillent de l’ouvrir dans une nouvelle fenêtre du navigateur. Dans ce cas, choisissez _blank dans l’option Cadre.
Validez ensuite en cliquant sur Appliquer. OpenOffice vous affiche alors l’adresse de votre lien en surligné, cliquable vers le lien.
Si vous souhaitez que votre lien hypertexte soit lié à un mot, sélectionnez celui-ci avec la souris et répétez l’opération ci-dessus.
Même si, dans la fenêtre de travail d’insertion d’hyperlien, OpenOffice affiche un chemin absolu, n’ayez crainte, il crée bien un chemin relatif dans le code de la page. Vous pouvez vous en assurer en affichant à nouveau le code source de la page.

Pour insérer un document à télécharger, cliquez sur Insertion puis Hyperlien. Choisissez Document et sélectionnez votre document sur votre disque dur, après vous être assuré que : 1° le format du document est lisible par la majorité des internautes (par exemple rtf ou pdf pour des textes) ; 2° sa taille ne dépasse pas 500 Ko grand maximum ; 3° qu’il se trouve si possible dans le même dossier que votre page html.