Outils Nvu pour créer une page web (fichier .html) de consignes On

Transcription

Outils Nvu pour créer une page web (fichier .html) de consignes On
Outils Nvu pour créer une page web (fichier .html) de consignes
On se contentera des zones suivantes du menu des outils:
Premières opérations (habituelles): enregistrer et nommer le fichier puis insérer une table.
Mon système D pour centrer la table:
PDF processed with CutePDF evaluation edition www.CutePDF.com
Le menu Format
(1)
(2)
(1) Outils semblables à ceux d’un traitement de texte et disponibles aussi directement sur la barre:
et
(2)
-L’outil “Títol de página i propietats” est utile si
-“Colors de página i del fons…” contient des
outils semblables aussi à d’autres logiciels et très l’on souhaite donner un titre particulier à barre
supérieure de notre page web:
intuitifs:
Présentation de l’utilisation des icônes à partir du fichier devoir_3.html
-Cliquez sur -
pour insérer une image visible sur la page:
Même opération bien sûr pour un gif animé:
Si l’on souhaite afficher une infobulle lorsque la main
le texte dans la fenêtre “Texte alternatif”.
du curseur sera sur l’image, il faut en saisir
-Cliquez sur
-Cliquez aussi sur
pour insérer un lien sur un fichier audio:
pour insérer un lien sur un fichier pdf:
-
sert aussi à insérer un lien sur une page web:
-Utilisez
pour insérer une image s’ouvrant dans une autre fenêtre (pour ne pas embarasser le
menu des consignes):
FACULTATIF : pour créer un bouton retour en haut de la page si celle-ci est trop longue.
1) D’abord, je crée le point d’ancrage
pour configurer l’ancre:
. Je positionne le curseur en haut et je clique sur
2) Puis je donne la propriété à l’image où il faudra cliquer pour remonter tout en haut de ma page:
3) Je peux aussi faire afficher un message lorsque le curseur sera sur l’image:
>>
pour enregistrer mes changements et
pour essayer ma page web….
ATTENTION (réservé au plus courageuses!): Le système WYSIWYG (What you see is what you get)
de NVU marche mal pour incruster une vidéo , par exemple YouTube, il faut coller le code “embeded”
dans la fenêtre de travail “Code source HTML”:
Sélectionner et copier le code de la fenêtre insertar du vidéo de Youtube:
<object width="425" height="344"><param name="movie"
value="http://www.youtube.com/v/H2AUmM78ipY&hl=es_ES&fs=1&"></param><param
name="allowFullScreen" value="true"></param><param name="allowscriptaccess"
value="always"></param><embed src="http://www.youtube.com/v/H2AUmM78ipY&hl=es_ES&fs=1&"
type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425"
height="344"></embed></object>
Puis le copier à l’endroit souhaité (attention, pas facile à trouver, utilisez si nécessaire Édition
>Chercher):
Attention, il faudra enregistrer
puis cliquez sur Navigation
pour voir le résultat final: