Savoir faire avancé

Utiliser les styles prédéfinis
 

Pour obtenir une mise en forme du texte plus soignée, il est possible d'utiliser la feuille de style. Cette méthode est un petit peu plus délicate, mais est en revanche plus efficace pour obtenir des présentations plus élaborées. Les avantages de l'utilisation de la feuille de style pour l'édition sont nombreux:

Rapidité et simplicité de la mise en forme.
Uniformisation des documents.
Indépendance du contenu et de la  mise en forme (si un jour  la charte graphique du site est modifiée, celle de votre document le sera aussi).

Préparation du document

Pour éditer un document en utilisant la feuille de style, cocher la  case "utiliser la feuille de style pour l'édition" dans le formulaire "propriétés du document".

Cochez la case "Utiliser la feuille de style pour l'édition" et cliquez sur "enregistrer les modifications".

Sommaire "savoir faire avancé"
Sommaire "aide"

Appliquer un style a un paragraphe

En mode édition, une  liste des styles apparaît dans la partie droite de l'éditeur (voir image ci-dessous).

Placez le curseur sur le paragraphe à mettre en forme, mais ne sélectionnez pas une zone de texte. Cliquez ensuite sur le style que vous désirez lui appliquer (voir exemple ci-dessous).

Il est possible de cumuler les styles. C'est le principe du CSS (Cascading Style Sheets ou feuilles de style en cascade).
Attention cependant, certains styles sont incompatibles entre eux (voir exemple ci-dessous).

Sommaire "savoir faire avancé"
Sommaire "aide"

Appliquer un style a plusieurs paragraphes

Pour réaliser cette opération, il est préférable d'avoir quelques connaissances du langage HTML. Il est en effet nécessaire de placer manuellement une balise HTML dans le code source de la page.

Sélectionner le texte sur lequel vous désirez appliquer le style, puis cliquez sur l'icône "Editer le code HTML du texte sélectionné".

La boite de dialogue "Editeur de tag HTML" apparaît.

En haut de la sélection, ajouter la balise <div class="  "> en indiquant le non de la classe entre les guillemets. Si vous utilisez plusieurs classes en même temps, elles dovent être séparées par un espace. Faites très attention à la syntaxe.

En bas de la sélection, ajouter la fermeture de balise </div>.

Cliquez sur le bouton OK. Les styles sont appliqués à la zone sélectionnée.

Sommaire "savoir faire avancé"
Sommaire "aide"

©1999-2011 Philippe Campion. (contacter le webmestre)

L'ensemble de ce site est protégé en vertu de la loi sur les droits d'auteur.

Toute reproduction totale ou partielle ne peut être faite sans le consentement écrit de l'auteur.