|
|||||||||||
![]() Mots clés : Premier pas, première page, apprendre l'HTML, Nvu Tutoriel, apprendre Nvu, aide, index, création de site web, création de page web, éditeur |
|
||||||||||
Editeur de pages Web Nvu :Découverte de l'écran NVu
(Etape 1 :
Prise de contact avec la fenêtre Nvu) |
Niveau de difficulté |
|
| Faible | ☼ |
| Moyen | |
| Elevé | |

Parcourons la fenêtre de Nvu En haut : les menus classiques de Windows • Fichier : Nouvelle page, ouvrir une page, sauvegarder… • Edition : Annuler la dernière action, copier coller…. • Insertion : d’une image, d’un tableau….. • Format des caractères, des paragraphes, de la page, du titre et de la description de la page Juste en dessous : Les boutons de commande. Il s'agit de raccourcis des menus les plus souvent utilisés. On note notamment l’accès à la création d’un lien hypertexte, à l’insertion d’une image ou d’un tableau. |
|
Enfin, les icônes de raccourci concernant la mise en forme du texte et des
paragraphes. (Gras, italique, couleur….) La zone de travail affiche la page Web de plusieurs façons. Le texte affiché dans la page web sera créé ici. En bas de la fenêtre, les différents onglets d'affichage : • Onglet "Normal" : le mode classique de création de la page Web (Mode quasi Wysiwyg, permettant de voir à l'écran ce que l'on obtiendra sur la page Web). • Onglet 'Balise HTML'. Il ajoute les balises HTML au mode normal • Onglet "Source" : Tout le code HTML produit par l’éditeur. Il s'utilise pour venir modifier le code lorsque l’éditeur ne fait pas ce que l’on veut ! • Onglet "Aperçu" : Permet de pré-visualiser ce que l'on obtiendra avec un explorateur Internet. (Ce mode ne permet cependant pas de suivre les liens hypertextes*). * Lien hypertexte : Lorsque vous cliquez sur certaines zones de la page Web, vous accédez à une autre page ou à un autre site Web..... Toutes ces zones (texte, images....) sont appelées lien hypertexte. Ces zones sont souvent mises en valeur : en bleu, soulignées.... |

