TAMAR GRANOR QUESTIONS&RÉPONSES. hotline. OpenOffice.org ISBN :

Transcription

1 TAMAR GRANOR 300 QUESTIONS&RÉPONSES hotline OpenOffice.org Groupe Eyrolles, 2005 ISBN :

2 Créer des pages web chapitre 13 La croissance du web est indéniable et de nombreuses personnes qui n avaient jamais entendu parler d une page web il y a quelques années sont aujourd hui chargées de la gestion de sites web. OpenOffice.org propose un outil de création et d édition des pages web. L Éditeur HTML d OpenOffice.org repose en fait sur le traitement de texte de la suite. C est pourquoi la plupart des fonctionnalités que nous avons déjà étudiées pour Writer s appliquent également à la création de pages web. Ce chapitre décrit les différences entre l Éditeur HTML et Writer ou, en d autres termes, les différences entre la création d une page web et celle d autres types de documents texte.

3 O P E N O F F I C E. O R G 208 Comment démarrer l Éditeur HTML? Vous pouvez lancer l Éditeur HTML de plusieurs façons. Si le Démarrage rapide est activé, choisissez Ouvrir un document et sélectionnez un document HTML existant qui est ouvert avec l Éditeur. Si une autre application OpenOffice.org est ouverte, choisissez Fichier> Nouveau>Document HTML ou effectuez un clic prolongé sur le bouton Nouveau de la barre de fonctions, puis sélectionnez Document HTML pour ouvrir l Éditeur avec un document vierge. Vous avez également la possibilité de choisir Fichier>Ouvrir ou de cliquer sur le bouton Ouvrir afin de démarrer l Éditeur avec une page Web existante. En dernier lieu, selon votre système d exploitation, vous pouvez parfois ouvrir l Éditeur HTML à partir d un menu. Sous Windows, choisissez Démarrer>Programmes>OpenOffice.org + numéro de version>document HTML. Attention L Éditeur HTML est un simple éditeur de texte capable de produire une sortie en HTML. Il ne comprend aucune des fonctionnalités avancées disponibles dans Microsoft FrontPage, comme les thèmes ou la possibilité de publier directement sur un site web. En outre, l Éditeur HTML traite les pages et non le site complet. Cela signifie qu il ne vous permet pas de mapper la navigation des sites, de cataloguer les liens, etc. 209 Que voyez-vous la première fois que vous ouvrez l Éditeur HTML? Vous ne serez pas surpris de constater que l Éditeur HTML et Writer sont similaires. En outre, les premières opérations que vous effectuez généralement dans Writer, comme l ancrage du Styliste ou du Navigateur, s appliquent également à cet Éditeur. La figure 13-1 illustre l Éditeur HTML tel qu il apparaît à l ouverture. Comme Writer, l Éditeur HTML comprend deux barres d outils (la barre de fonctions et la barre d objets texte) qui sont ancrées sous les menus, et la barre d instruments qui est ancrée à gauche. La barre de fonctions affiche les mêmes boutons que 268

4 Créer des pages web Figure 13-1 L Éditeur HTML présente de nombreuses similitudes avec Writer. dans Writer, contrairement à la barre d objets texte qui est légèrement différente. En effet, celle-ci ne propose pas la fonctionnalité de justification des paragraphes qui n est pas utile lors du formatage d une page web. Quant à la barre d instruments, elle est légèrement différente et propose notamment deux boutons supplémentaires qui permettent de basculer le mode Mise en page d impression et le mode Texte source HTML. 210 Comment créer une nouvelle page web? Comme nous l avons vu à la question 208 de ce chapitre, «Comment démarrer l Éditeur HTML?», vous pouvez créer une nouvelle page web en choisissant 269

5 O P E N O F F I C E. O R G Fichier>Nouveau>Document HTML ou en effectuant un clic prolongé sur le bouton Nouveau de la barre de fonctions, puis en sélectionnant Document HTML. 211 Comment entrer du texte dans une page web et le formater? Pour entrer du texte dans l Éditeur HTML, procédez comme vous en avez l habitude dans Writer. De la même manière, pour formater le texte saisi, il suffit d appliquer les styles appropriés ou d utiliser directement le menu Format. Pour plus de détails sur le formatage, consultez le chapitre 6, «Créer des documents simples». 212 Est-il possible d éditer le code HTML directement? L Éditeur HTML propose deux options de modification du code HTML. Par défaut, cet éditeur est WYSIWYG et vous permet donc d utiliser les sélections de menu ou les boutons des barres d outils afin de formater le texte. Cependant, lorsque vous créez des pages web, il est parfois plus facile de travailler directement sur le code HTML sous-jacent, ce que permet l Éditeur. Figure 13-2 Cette page web simple a été créée à l aide des outils de l Éditeur HTML. Pour afficher ou modifier le HTML, commencez par enregistrer la page web. Choisissez ensuite Affichage>HTML - Source ou cliquez sur le bouton Texte source HTML de la barre d instruments afin de passer en mode HTML. Vous pouvez alors entrer les modifications. Pour repasser en mode standard, choisissez à nouveau Affichage>HTML - Source ou cliquez sur Texte source HTML dans le menu contex- 270

6 Créer des pages web tuel. La figure 13-2 présente une page web excessivement simple affichée en mode normal, et la figure 13-3 illustre la même page en mode HTML. Figure 13-3 Vous pouvez consulter et modifier le code HTML source d une page web. 213 Comment ajouter des liens hypertextes? Les pages web se caractérisent surtout par leurs liens vers d autres pages. Vous pouvez ajouter facilement des liens hypertextes dans l Éditeur HTML de deux manières différentes. Tout d abord, il est possible d entrer le texte du lien, de le sélectionner, puis de choisir Insertion>Hyperlien. Vous pouvez également procéder via Insertion>Hyperlien sans entrer de texte au préalable. Dans ces deux cas, la fenêtre Hyperlien s affiche (figure 13-4). Si vous aviez sélectionné du texte, il apparaît dans la zone intitulée Texte. Dans le cas contraire, vous pouvez taper le texte du lien ou cliquer dans le document pour y accéder et le sélectionner. Vous pouvez créer des liens vers différentes sources en cliquant sur les options situées dans la barre de gauche. Dans l exemple de la figure 13-4, une page web a été sélectionnée comme source. La boîte de dialogue change en fonction des données que vous avez à saisir et de la source choisie. Si vous cliquez sur l option Document, le lien est établi vers un autre emplacement de la page en cours de modification. 271

7 O P E N O F F I C E. O R G Figure 13-4 Pour créer un lien hypertexte, spécifiez son URL comme cible et insérez dans la zone Texte l énoncé qui doit apparaître dans la page web. Lorsque vous créez un lien vers un site web, cliquez sur le bouton Navigateur web, à droite de la zone Cible, pour ouvrir le navigateur par défaut qui affiche les instructions de copie d une URL (voir la figure 13-5). Figure 13-5 Lorsque vous cliquez sur le bouton Navigateur web, cette page d instructions s affiche pour vous aider à définir l URL. Info Dans la boîte de dialogue correspondante de l application Microsoft FrontPage, vous pouvez parcourir un site web et insérer automatiquement l URL sans avoir à la copier, ni à la coller. Pour spécifier un lien de courrier électronique, choisissez Mail & News dans la barre de gauche. La boîte de dialogue se transforme (figure 13-6) et vous permet de 272

8 Créer des pages web spécifier l adresse du destinataire du message ainsi que le texte à envoyer. Vous pouvez également définir le lien d objet pour le message. Figure 13-6 Pour un courrier électronique, vous spécifiez l adresse et la ligne d objet du message. 214 Que faut-il retenir? Comme vous avez pu le constater, la création d une page web dans OpenOffice.org est similaire à celle de n importe quel autre document texte puisque vous utilisez les mêmes fonctionnalités de formatage et de saisie de texte. Cependant, dans le cas d une page web, vous pouvez en outre consulter et modifier le code source HTML du document. Certes, l Éditeur HTML proposé par OOo constitue une avancée spectaculaire par rapport aux éditeurs de texte comme Bloc-notes, mais de nombreuses améliorations s imposent avant qu il ne devienne un véritable outil de création de sites web. 273