4/ Insérer du texte et mettre en forme

Difficile de faire plus simple, puisqu'il suffit de taper directement votre texte puis de le sélectionner pour faire les éventuelles modifications de mises en formes, comme vous le feriez avec un logiciel de traitement de texte tel que Word ou OpenOffice.

Toutes les fonctions sont accessibles par les barres d'outils ou par les menus. Pour afficher une barres d'outils, cliquez sur Affichage >> Barres d'outils et sélectionnez la barre d'outils que vous souhaitez afficher. Si vous ne souhaitez plus qu'une barre d'outils s'affiche, il suffit de la décocher.
Ici la barre d'outils qui nous intéresse est la barre d'outils de mise en forme :

Si vous placez votre souris sur un bouton de la barre d'outils une bulle d'aide vous décrit la fonction du bouton. Placez-la au-dessus de tous les boutons pour savoir à quoi ils correspondent.
ex : taille de police plus petite, gras, italique... Le bouton avec une flèche allant vers la droite a pour info-bulle : "indenter le texte (vers la droite)" : cela signifie le décaler vers la droite.

Juste à côté de "Texte simple", vous remarquez deux rectangle de couleur : un noir et un blanc. Une info-bulle correspond à chacun de ces rectangles : le rectangle noir permet de choisir la couleur du texte, le rectangle blanc la couleur du fond de la page Si vous cliquez sur un des deux rectangles, la fenêtre suivante apparaît :

Vous pouvez choisir une couleur parmi celles qui sont proposées. Vous remarquez en bas de la fenêtre un rectangle blanc. Celui-ci vous permet de choisir une couleur qui n'est pas proposée par les petits rectangles de couleur du haut de la fenêtre en indiquant son code hexadécimal. Un code hexadécimal est formé du symbole dièse (#) suivi de 6 caractères, qui peuvent être des chiffres (donc de 0 à 9) et des lettres (de A à F). Le premier couple de caractères indique la nuance de rouge, le deuxième de vert, le troisième de bleu.
Donc à chaque couleur correspond un code hexadécimal. Ainsi si vous voulez une autre couleur que celle proposée, il faut indiquer son code hexadécimal. Vous pouvez vous rendre sur cette page pour définir la couleur que vous souhaitez et obtenir son code hexadécimal.

Les réglages de couleurs que vous entrez dans cette fenêtre ne s'appliquent qu' à la page en cours mais vous pouvez définir certains de vos réglages par défaut pour qu'ils soient identiques à chaque fois que vous créez une page :
Cliquez sur Edition >> Préférences. Dans la colonne de gauche intitulé Catégorie, choisissez, Composeurr --> Nouvelle page :

La page suivante s'affiche :

C'est dans cette fenêtre que vous pouvez définir l'auteur pour toutes les pages que vous créez. Vous pouvez également, en cochant le bouton radio, définir les couleurs pour :

Texte normal : celui que vous tapez directement et ce quelque soit la balise html qui le caractérise : texte principal, paragraphe, titre 1...

Texte de lien.

Texte de lien activé : c'est la couleur que prend le lien quand vous cliquez dessus.

Texte de lien visité : c'est la couleur du lien une fois que vous avez visualisé ce qui lui était lié (autre page, image ou autres).

Fond : la couleur du fond de la page.

Vous avez également la possibilité de définir une image de fond commune à toutes vos pages.

Lorsque vous cliquez sur les couleurs en face de chaque catégorie (texte normal, texte du lien ..) vous avez la même boîte de dialogue de choix des couleurs que celle vue précédemment (avec la même possibilité d'indiquer le code hexadécimal pour une couleur précise): il suffit de cliquer sur la couleur choisie et le bouton ok.

Comment intégrer une image en fond à vos pages :
Cliquez sur le bouton Choisir un fichier..,. en naviguant dans l'arborescence des fichiers sélectionner un fichier image ( gif, jpg, png ou autres ) et cliquez sur le bouton Ouvrir. Vous aurez un aperçu de l'image qui servira de fond à vos pages web.
Remarque : Veillez à bien choisir votre image de fond en fonction de ses dimensions, ses couleurs et de la taille du fichier image en Kilo-octets.

Pour effacer l'image de fond il suffit de cliquer dans la partie qui indique le chemin de cette image, de tout effacer et de cliquer sur le bouton OK .

Page suivante : insérer une image