|
|
5
04-04-2009
|
Fiche Formation
|
|
|
|
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é |
|
|
|
Nvu est un petit logiciel
simple permettant
de créer un site Web.
|
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.... |
|
Suite de l'apprentissage : Créer
sa première page
Informations légales |
|
|