Comment rédiger des documents prêts-pour-le-web ?

Introduction

Lors de la rédaction d'un document, plusieurs auteurs désirent présenter leur document sous plusieurs médias et formats.  AbiWord rend disponible aux utilisateurs des formats de fichiers variés.

Souvent, un format de fichier particulier est associé naturellement à un type particulier de média. Par exemple, HTML est naturellement associé avec la présentation sur le World Wide Web.  Si vous êtes intéressé à présenter votre document dans une variété de médias, des items de présentation sont à considérer. Ce tutoriel discute comment créer un document AbiWord prêt-pour-le-web. Un document prêt-pour-le-web est un document qui se présentera précisément en HTML et qu'il vous sera facile de modifier pour intégration dans votre site web.

Traitement de texte versus rédaction de contenu

A la création de n'importe quel document, il existe deux approches différentes que l'auteur peut employer. La première implique de se concentrer sur la présentation : l'auteur édite manuellement les détails visuels de son document jusqu'au moment où il ou elle est satisfait de son apparence. La seconde implique de se concentrer sur la structure : l'auteur cible le contenu du document et applique alors la mise en forme basée sur le type de structure que le contenu possède.

Pour créer un document AbiWord prêt-pour-le-web, vous devez vous attaquer au traitement du texte tout en portant attention à la structure du document que vous créez. Un document typique est composé de structures variées tel que titres, puces et numéros, paragraphes et plus encore.

Pour démontrer ce dont je vous parle, considérons un exemple de création d'un titre dans un document. En utilisant la première approche, c'est-à-dire se concentrer sur la présentation, nous insérions le curseur là où nous voulons le titre, puis nous sélectionnerions la police de caractère Times New Roman, 20 pour la taille des caractères et gras pour marquer une importance particulière.  En employant la deuxième approche, c'est-à-dire se concentrer sur la structure, nous sélectionnerions le style qui représente le mieux la structure dans le menu déroulant à la gauche de la barre d'outils de Mise en forme. Dans ce cas, nous sélectionnerions Heading 1 et alors cette section du document correspondrait au style Heading 1.

Les styles

Ce que nous remarquons premièrement, en suivant les instructions plus haut, est qu'en appliquant le style Heading 1 à notre titre, nous n'obtenons pas la mise en forme que nous avions lorsque nous avons mis en forme manuellement notre titre par la première méthode. Par défaut, la mise forme interne du style Header 1 utilise une police Arial, gras et 17 points. Ce sont simplement les valeurs par défaut. Cependant, les styles fournissent à l'auteur beaucoup plus de contrôle sur l'apparence du document.

Un style est simplement une description d'un élément structurel dans votre document, tel qu'un titre. Chaque style possède un ensemble d'instructions de mise en forme associées qui s'appliquent à chaque élément avec ce style. L'auteur peut alors manipuler ces instructions de mise en forme pour contrôler la présentation visuelle de tous les éléments qui utilisent un style donné.

Pourquoi est-ce important?

Deux raisons principales justifient l'importance des styles pour la rédaction de vos documents.  L'utilisation des styles vous permet d'effectuer des modifications à la présentation de votre document très facilement. Par exemple, si vous devez grossir la taille de caractères de tous les titres d'un certain type, vous avez simplement qu'à changer les instructions de mise en forme du style pour ce type de titre. La modification s'applique alors au travers de l'ensemble du document. Pour réaliser cette modification, accédez à Format > Style... pour activer la fenêtre de dialogue Style. Sélectionnez le style que vous désirez modifier à partir de la liste des Styles disponibles et appuyez sur le bouton Modifier... pour faire apparaître la fenêtre de dialogue Modifier les styles. A partir de cette fenêtre vous pouvez accéder à l'information de présentation associée au style que vous avez choisi. Comme vous voyez, cette technique est utile pour tous les types de rédaction de documents. Ce concept de style est aussi utilisé lors de l'exportation en HTML de telle manière que si vous voulez éditer séparément le HTML, vous pouvez modifier la présentation d'un style aisément en éditant les instructions de mise en forme, mieux connues sous le nom de feuilles de style en cascade.

En plus, l'utilisation des styles et des instructions de mise en forme rassemble toute l'information de présentation à un endroit centralisé, ce qui simplifie grandement le contenu de votre document. C'est particulièrement important lorsque vous travaillez en HTML, puisque vous pouvez avoir à travailler directement avec les balises HTML pour intégrer votre document dans votre site web.

Instructions de mise en forme HTML - feuilles de style en cascade (CSS)

Par défaut, lorsque vous enregistrez votre document dans un fichier HTML, AbiWord place toutes les instructions de mise en forme dans un seul bloc au début. Ces instructions de mise en forme utilisent le langage des feuilles de style en cascade et sont localisées à l'intérieur de la balise <style> elle-même dans la balise <head> de votre document. D'ici, il est facile de déplacer les styles en entier (par copier et coller) dans un nouveau document qui peut alors être lié ou intégrer à la feuille de style de votre site web.

Les paragraphes et l'indentation

Chaque fois que vous appuyez sur la touche Entrée ou Retour lorsque vous éditez un document AbiWord, vous créez un nouveau bloc de contenu dans votre document. Pour créer des documents AbiWord prêts-pour-le-web, vous devriez regrouper dans un seul bloc le contenu d'une section de contenu de votre document. Des exemples de sections de contenu incluent les paragraphes, titres, et les items des listes à puces et numéros.

Par exemples plusieurs auteurs, lorsqu'ils utilisent un traitement de texte, inséreront manuellement des lignes blanches entre les paragraphes en appuyant sur la touche Entrée à plusieurs reprises. La quantité de blanc entre les paragraphes est cependant un détail de présentation visuel qui devrait relever des instructions de mise en forme du paragraphe, tel que discuté dans la section à propos des styles, plus haut.

Vous pouvez aussi contrôler l'indentation dans les paragraphes avec des instructions de mise en forme. Il est souvent tentant de contrôler l'indentation de sections spécifiques de texte par de multiples espaces ou tabulations. Cependant, de manière à créer des documents prêts-pour-le-web, vous devriez régler les marges désirées ou l'indentation en utilisant les instructions de mise en forme ou les indicateurs de marges de la règle :

L'utilisation de cette méthode permet au HTML d'employer les instructions de mise en forme appropriées pour indenter correctement le texte et vous évite, à vous l'auteur, d'indenter manuellement de manière répétitive.

Les images

En tant qu'auteur utilisant AbiWord et intéressé à présenter votre document comme page web, il existe une particularité dont vous devez être informé en ce qui a trait aux images dans votre document. Premièrement, contrairement aux fichiers d'AbiWord, les fichiers HTML ne peuvent stocker les informations des images à l'intérieur d'eux. Plutôt, ils doivent référer à des fichiers d'images séparés. Lorsque vous enregistrez un fichier AbiWord en tant que fichier HTML, alors, toutes les images sont enregistrées dans un répertoire et sont référencées à partir de cette localisation. Si le nom d'un fichier HTML vers lequel vous enregistrez est fichier.html, alors le répertoire sera nommé fichier.html_d. Vous trouverez toutes les images de votre document dans ce répertoire.

Page d'accueil Tutoriel Astuces Information Interface Modules Problèmes Crédits Index GNU FDL