Créer sa première page web avec Nvu

Insérer du texte

Le texte s'insère comme avec votre traitement de texte classique.
La barre centrale vous permet de faire tous les enrichissements habituels: style prévu, couleur, surligneur, taille du texte, gras, italique, souligné, liste à numéros, liste à puces, aligné à gauche, au centre, à droite, justifié, retrait à gauche, retrait à droite.
enrichissement



Insérer une image

Il est important pour commencer de comprendre que les éléments graphiques pèsent lourd et ralentissent le chargement d'une page. Il faut donc les alléger au maximum, dans la limite de la conservation de leur qualité graphique, en utilisant un logiciel de traitement d'image. Tâchez de les enregistrer au format .gif, .jpg ou .png et de limiter leur poids à 30 ko (une page ne devrait jamais peser plus de 100 ko). 

Rappel: cette image doit absolument se trouver dans votre dossier de travail (et même si possible dans un sous-dossier "images"). 

Positionnez votre curseur à l'endroit voulu.  Insertion/Image ou cliquez sur l'icône . Une fenêtre s'ouvre contenant toutes les propriétés des images.
Commencez par sélectionner l'image souhaitée avec le bouton parcourir en la recherchant dans votre arborescence. Veillez à ce que la case "L'URL est relative à l'adresse de la page" soit cochée.

Remplir le champ texte alternatif (c'est le texte qui apparaît si votre image n'apparaît pas) ou cochez la case: "ne pas utiliser de texte alternatif". Observez que vous avez maintenant une vignette reproduisant votre image en bas de cette fenêtre et aussi les dimensions de l'image, sa taille réelle en pixels.

Cette fenêtre propose d'autres onglets de réglage: 

Cliquez sur "ok" pour valider votre choix.

L'image est, pour l'alignement horizontal, considérée comme un élément sur la ligne comme le texte qui se trouve sur la même ligne : cliquez sur la ligne ou sur l'image et sélectionnez l'alignement que l'on veut. L'image s'alignera, ainsi que l'éventuel texte du paragraphe auquel appartient l'image. (faire le test)

Comment modifier l'image une fois qu'elle est insérée? Un double clic sur l'image, ou un clic sur l'image pour la sélectionner, puis un clic sur l'icône .

Vous pouvez aussi redimensionner l'image directement: cliquez une fois sur l'image pour la sélectionner, puis utilisez les "poignées" placées sur les bords de l'image. Mais attention, cela ne modifie que l'apparence, pas le poids, car vous n'avez pas modifié l'image de base. Si votre image est trop grande, trop lourde, il faudra utiliser un logiciel de traitement d'image pour la modifier vraiment.
De plus, une image trop petite ne pourra pas être agrandie sans être détériorée.