Вы находитесь на странице: 1из 13

Année Scolaire : 2006-2007 Trimestre :3 Date :21/05/07

Nom : Deneulin Aurelien No : 2


Section : INFO Année : 5TQ
Professeur : Mr. Normand Branche : INFO
Evaluation : Rapport No :

< N|VU>
Année Scolaire : 2006-2007 Trimestre :3 Date :21/05/07
Nom : Deneulin Aurelien No : 2
Section : INFO Année : 5TQ
Professeur : Mr. Normand Branche : INFO
Evaluation : Rapport No :

voici les principaux boutons :

créer des tableaux :

La structure se crée grâce à des ensembles de tableaux superposés les uns sur les autres .
Premièrement, créer un tableau qui a la largeur voulue (par exemple, si vous voulez du
800x600 alors il vous faudra sélectionner une largueur de 800pixels ).

Cliquez sur le bouton « tableau » pour ensuite paramétrer les options du tableau .

Ici vous pouvez choisir où iront


s’aligner les textes ,images et
autres objets insérés dans le
tableau .

Ici vous choisissez la largeur de


tableau .Cela signifie, l’espace entre
les cellules à l’intérieur ou à
l’extérieur du tableau ;je vous
conseille d’y indiquer 0 .
Année Scolaire : 2006-2007 Trimestre :3 Date :21/05/07
Nom : Deneulin Aurelien No : 2
Section : INFO Année : 5TQ
Professeur : Mr. Normand Branche : INFO
Evaluation : Rapport No :

Régler les nombre de lignes et


colonnes dans le tableau .

Ici vous pouvez choisir entre


pixels et %de la fenêtre .

Nombre de pixels ou %

Ici vous pouvez choisir l’épaisseur du tableau ,


à 0 le tableau est invisible et est représenté
par un contour rouge en pointillés .Pour le
design , il vaut mieux y mettre 0 car voir
toujours un tableau ça n’est pas très
esthétique .

Grâce à cet outil ,vous pouvez choisir


en 2 secondes le nombre de colonnes
horizontales et verticales de votre futur
tableau .Exemple : 1x5 ,6x4 ,etc…Pour
cela il vous suffit de déplacer votre
curseur dans la case qui correspond le
mieux au tableau désiré ,et
automatiquement les carrés vont
passer de couleur bleue ,ce qui
représente de façon simple votre futur
tableau. .
Année Scolaire : 2006-2007 Trimestre :3 Date :21/05/07
Nom : Deneulin Aurelien No : 2
Section : INFO Année : 5TQ
Professeur : Mr. Normand Branche : INFO
Evaluation : Rapport No :

Voici à quoi ressemble le tableau une fois créé :

Pour redimensionner le tableau :


Année Scolaire : 2006-2007 Trimestre :3 Date :21/05/07
Nom : Deneulin Aurelien No : 2
Section : INFO Année : 5TQ
Professeur : Mr. Normand Branche : INFO
Evaluation : Rapport No :

Pour redimensionner les cellules :


Année Scolaire : 2006-2007 Trimestre :3 Date :21/05/07
Nom : Deneulin Aurelien No : 2
Section : INFO Année : 5TQ
Professeur : Mr. Normand Branche : INFO
Evaluation : Rapport No :

3)Insérer une image :

Vous pouvez insérer une image ou photo sur votre page ,soit dans une cellule ou simplement
sur la page .
Pour insérer l’image il vous suffit de cliquer sur l’icône « images » situé en haut de votre
écran .

Une fois que vous avez cliqué sur image voici ce qui apparaît :

Ici vous choisissez le lien de


l’image ,dans votre PC comme sur
le web .
Le texte alternatif permet que si
certains navigateurs n’afficheraient
pas l’image ,celle-ci serait
automatiquement remplacée par un
texte .
Ici l’aperçu avec les dimensions
de l’image en pixels .

Cliquez sur OK pour


valider .

Pour redimensionner une image il suffit de maintenir un carré et de l’étirer .


Année Scolaire : 2006-2007 Trimestre :3 Date :21/05/07
Nom : Deneulin Aurelien No : 2
Section : INFO Année : 5TQ
Professeur : Mr. Normand Branche : INFO
Evaluation : Rapport No :

Insérer un lien sur une image ou texte :


1)Sélectionnez le texte ou l’image

Une fois cela effectué ,cliquez sur le bouton « Lien » qui se situe dans les barres
supérieures .

C’est ici que vous pouvez


insérer un lien Internet ou
un lien interne dans le
fichier de votre site .

Grâce à ceci vous pourrez faire


que dès que quelqu’un clique
sur l’image /texte cela va
ouvrir son système d’email par
défaut ,exemple Outlook
express
Année Scolaire : 2006-2007 Trimestre :3 Date :21/05/07
Nom : Deneulin Aurelien No : 2
Section : INFO Année : 5TQ
Professeur : Mr. Normand Branche : INFO
Evaluation : Rapport No :

Technorati est un site


,du genre système de
recherche spécialisé
dans les blog .
http://www.technorati.com/

Certaines options
assez importantes
permettant de choisir
de quelle manière va
s’ouvrir le lien
,exemple : dans une
nouvelle fenêtre ou
sur la même page,
etc…

Permet de
« classer » le lien .

Ici vous trouverez des attributs HTML ,style interne


,événement Java script .Ceci est pour les utilisateurs
expérimentés .
Année Scolaire : 2006-2007 Trimestre :3 Date :21/05/07
Nom : Deneulin Aurelien No : 2
Section : INFO Année : 5TQ
Professeur : Mr. Normand Branche : INFO
Evaluation : Rapport No :

Couleurs et fonds de page :

Ici vous pouvez choisir les


couleurs des textes ,des liens
etc… Les couleurs que l’on
peut voir là sont les couleurs
de base des navigateurs .
Année Scolaire : 2006-2007 Trimestre :3 Date :21/05/07
Nom : Deneulin Aurelien No : 2
Section : INFO Année : 5TQ
Professeur : Mr. Normand Branche : INFO
Evaluation : Rapport No :

En cliquant sur la couleur on peut la changer grâce au panel affiché ci-


dessous .
Année Scolaire : 2006-2007 Trimestre :3 Date :21/05/07
Nom : Deneulin Aurelien No : 2
Section : INFO Année : 5TQ
Professeur : Mr. Normand Branche : INFO
Evaluation : Rapport No :

Insérer une Ancre :

Vous pouvez définir des ancres à l'intérieur d'un fichier HTML. Ensuite, vous pouvez poser
des liens à de telles ancres pour faire un saut exactement à l'endroit de l'ancre dans le
fichier. Le lien peut se trouver dans le même fichier. Alors, le saut s'effectue à l'intérieur de la
page affichée. Mais le lien peut aussi se trouver dans un autre fichier. Alors, le fichier-cible
est chargé et le navigateur saute, dès qu'il a chargé l'endroit avec l'ancre, à l'endroit
correspondant du fichier.

Grâce à cet icône .

Publier :

Grâce à ceci ,vous pouvez directement publier votre page sur le web sans avoir à
utiliser un programme de FTP .

Ici il vous suffit d’entrer le


nom de la page .

Ici entrez le lien exact de la


page

Ici vous devez entrer


toutes les informations
que votre hébergeur vous
à fourni .
Année Scolaire : 2006-2007 Trimestre :3 Date :21/05/07
Nom : Deneulin Aurelien No : 2
Section : INFO Année : 5TQ
Professeur : Mr. Normand Branche : INFO
Evaluation : Rapport No :

Vérificateur d’orthographe :

Grâce à ceci,Nvu corrige les fautes d’orthographe un peu comme dans Word .

Les différents modes d’affichage :

Ceci ce situe dans le bas de la page .

*Normal : s’est le style de base pour créer la page ,pour les utilisateurs novices .

*Balises HTML : Dans le cas de NVU ,elles permettent de voir comment se dispose la page.
Plus d’explications sur les balises HTML
Exemple :
Année Scolaire : 2006-2007 Trimestre :3 Date :21/05/07
Nom : Deneulin Aurelien No : 2
Section : INFO Année : 5TQ
Professeur : Mr. Normand Branche : INFO
Evaluation : Rapport No :

*Source : Ceci sont les codes de la page,c’est déjà pour les utilisateurs expérimentés .
Exemple :

*Aperçu : c’est ici que l’on peut avoir un aperçu de la page une fois sur le web.

Вам также может понравиться