LE COUR DE HTML POUR VOTRE PAGE WEB?

 
 

- COMMENT INSERER UNE IMAGE DANS MA PAGE ?
- COMMENT OPTIMISER LES IMAGES DE MA PAGE ?
- COMMENT INSERER DU SON DANS MA PAGE ?
- COMMENT COLORER DU TEXTE ?
- COMMENT FAIRE UN TEXTE DEFILANT ?

- COMMENT INSERER DES TITRES DANS LA BARRE D'ÉTAT ?
- COMMENT FAIRE UN MENU DE REDIRECTION ?
- COMMENT INSERER DES CURSEURS "FLECHES" ?
- LES PETITS PLUS "FUN" ?
- A SAVOIR...


  carreaide.gif (350 octets) COMMENT INSERER UNE IMAGE DANS MA PAGE ? Vous pouvez insérer des images dans votre page, à condition qu'elles se trouvent déjà sur Internet. Pour commencer, il faut connaître l'adresse de cette image, c'est à dire son URL. Pour cela, positionnez la souris sur l'image que vous voulez insérer (par exemple, le logo de dromadaire) et cliquez avec le clic droit de la souris. Vous verrez alors apparaître un menu contextuel comme ci-dessous :
 

  Il faut ensuite choisir "Propriétés" dans ce menu, pour aboutir à l'onglet ci-dessous.EX:
 

  Cet onglet vous donne des informations sur l'image sélectionnée, et plus particulièrement vous indique son adresse (URL) sur Internet (ici l'URL est http://www.chez.com/daallair/images2/DROMADAIRE1.gif )
Grâce à cette
URL, vous pouvez insérer cette image en utilisant les tags HTML appropriés.
Exemple :

copiez le texte situé dans le tableau (Ctrl + c) puis collez-le (Ctrl + v) sur votre page à l'endroit souhaité

carreaide.gif (350 octets) COMMENT INSERER DU SON DANS MA PAGE ? Comme pour les images, il faut, pour pouvoir insérer du son, que le fichier son ou fichier midi se trouve déjà sur Internet. Pour connaitre son URL, il faut regarder le code source de la page web où il se trouve. Cette opération un peu compliquée est donc réservée aux initiés du HTML.
Un fois obtenue l'URL du fichier .midi, il ne reste plus qu'à saisir le code suivant :
 

copiez le texte situé dans le tableau (Ctrl + c) puis collez-le (Ctrl + v) sur votre page à l'endroit souhaité

Une fois obtenue l'URL du fichier .wav ou autre, il ne reste plus qu'à saisir le code suivant :  

copiez le texte situé dans le tableau (Ctrl + c) puis collez-le (Ctrl + v) sur votre page à l'endroit souhaité

Le chiffre saisi après "loop" vous permet d'indiquer combien de fois la musique sera lue. Le chiffre saisi après "loop" vous permet d'indiquer aussi que la musique soit lue à l'infinit: "infinite"
 
 
  carreaide.gif (350 octets) COMMENT COLORER DU TEXTE ? C'est très simple : il suffit de taper le tag approprié (color=" ") et de connaître le code correspondant à la couleur voulue.
Par exemple, pour obtenir ceci :

Ce texte est bleu !

Il faut saisir cela :

copiez le texte situé dans le tableau (Ctrl + c) puis collez-le (Ctrl + v) sur votre page à l'endroit souhaité
Pour obtenir ceci :

Ce texte est rose !

Il faut saisir cela :

copiez le texte situé dans le tableau (Ctrl + c) puis collez-le (Ctrl + v) sur votre page à l'endroit souhaité

 
 
  carreaide.gif (350 octets)

LES PRINCIPAUX CODES DE COULEUR
Pour vous permettre de colorer vos textes, voici une sélection des codes couleurs les plus courants :

 
#FFFFD5
#FFFF80
#FFCC00
#FFE1D2
#FFCBB3
#FF9900
#FF8040
#FF6600
#FF00FF
#FF80FF
#FF99FF
#FF80C0
#FF0080
#FF8080
#FF0000
#804040
#804000
#808000
 
#008000
#00CC00
#00FF00
#80FFFF
#33CCFF
#AAAAFF
#8080FF
#8000FF
#0000FF
#0000A0
#8000FF
#FFFFFF
#EFEFEF
#C0C0C0
#808080
#666666
#5C5C5C
#000000

 
 
  carreaide.gif (350 octets) COMMENT FAIRE UN TEXTE DEFILANT ? Rien de plus simple que d'obtenir cet effet ; mais il faut savoir qu'il ne se verra pas avec le navigateur Netscape. Pour obtenir un texte défilant comme ci-dessous : Votre texte défilant ici Il suffit de saisir le code  HTML suivant :

copiez le texte situé dans le tableau (Ctrl + c) puis collez-le (Ctrl + v) sur votre page à l'endroit souhaité

Pour obtenir un texte défilant plus sophistiqué comme ci-dessous : Votre texte défilant ici Il suffit d'ajouter des tags de police (font), de couleur du texte (color), de couleur du fond (bgcolor). Reportez-vous au tableau des couleurs pour connaître les codes.

copiez le texte situé dans le tableau (Ctrl + c) puis collez-le (Ctrl + v) sur votre page à l'endroit souhaité

Voici un autre exemple que vous pouvez utiliser : Votre texte défilant ici

copiez le texte situé dans le tableau (Ctrl + c) puis collez-le (Ctrl + v) sur votre page à l'endroit souhaité

Encore un exemple, plus original celui-là :

Information de dernière minute à ne pas manquer : le cours de HTML est actualisé régulièrement et vous propose de nouvelles astuces pour rendre vos pages encore plus attractives !

copiez le texte situé dans le tableau (Ctrl + c) puis collez-le (Ctrl + v) sur votre page à l'endroit souhaité

 
  carreaide.gif (350 octets) COMMENT FAIRE UN MENU DE REDIRECTION ? Un menu de redirection donne le choix aux visiteurs de vos pages web entre toutes les pages de votre site. Pour obtenir un menu comme celui-ci :

A l'endroit où vous voulez qu'apparaisse votre menu (à la place d'un bloc de texte), copiez le code ci-dessous en entier puis remplacez les informations en rouge par les liens vers vos pages web et les informations en vert par le titre des pages concernées :
 
 
<form><p><select name="menu1" size="1"
onchange="location.href=(form.menu1.options[form.menu1.selectedIndex].value)"
style="background:
#804040" style="color: #FFFFD5" style="border: outset"
style="font-size: 12" style="background:
#804040">
<option value="0">Choisissez la page que vous voulez visiter</option>
<option value="
http://www3.sympatico.ca/daniel_allaire007">Ma page</option>
<option value="
http://www3.sympatico.ca/daniel_allaire007/boulot.htm">La radio au boulot</option>
<option value="
http://www3.sympatico.ca/daniel_allaire007/Flat_Puzzle.htm">Les Parfalooks</option>
<option value="
http://www3.sympatico.ca/daniel_allaire007/evolution.htm">L'évolution de l'homme</option>
<option value="
http://www3.sympatico.ca/daniel_allaire007/Puzzle_3D.htm">Les Puzzles 3D</option>
</select> </font></small></p>
</form>
 
copiez le texte situé dans le tableau (Ctrl + c) puis collez-le (Ctrl + v) sur votre page à l'endroit souhaité

 
  carreaide.gif (350 octets) JAVAS SCRIPT POUR LES LIENS URL DE MES PAGES:
  Retour au lien présédent, fermer une fenêtre et retour en haut de la page avec message dans la barre d'etat:
  Copiez les codes ci-dessous en entier puis le placer dans dans un bloc-note en mémoire pour des liens de code indiqué:
 

copiez le texte situé dans le tableau (Ctrl + c) puis collez-le (Ctrl + v) dans un bloc-note si désiré

 
  carreaide.gif (350 octets) UNE PUB À L'OUVERTURE D'UNE PAGE ?
  Page pour publicité dans votre page principale:
  Copiez le code ci-dessous en entier puis le placer dans votre page en inserent le lien URL de votre page "pub" et la dimension voulue à l'endroit où le code l'indique:
 

copiez le texte situé dans le tableau (Ctrl + c) puis collez-le (Ctrl + v) sur votre page à l'endroit souhaité

 
  carreaide.gif (350 octets) COMMENT INSERER DES TITRES DANS LA BARRE D'ÉTAT ?
  Texte défillant pour publicité dans la barre d'état:
  Copiez le code ci-dessous en entier puis le placer dans votre page et télécharger le programme: Sur le lien: téléchargement et le placer dans un répectoire et le nommer à l'endroit où le code l'indique:
 

copiez le texte situé dans le tableau (Ctrl + c) puis collez-le (Ctrl + v) sur votre page à l'endroit souhaité

  Il suffit de télécharger le programme: téléchargement
  Un texte dans la barre d'état à inserer dans votre arrière plan:image pour nommer votre titre de votre page , il ne reste plus qu'à saisir le code suivant :
 

copiez le texte situé dans le tableau (Ctrl + c) puis collez-le (Ctrl + v) sur votre page à l'endroit souhaité

  Un texte dans la barre d'état à inserer dans votre arrière plan:couleur pour nommer votre titre de votre page , il ne reste plus qu'à saisir le code suivant :
 

copiez le texte situé dans le tableau (Ctrl + c) puis collez-le (Ctrl + v) sur votre page à l'endroit souhaité

 
  Un texte dans la barre d'état à inserer pour nommer le titre de vos images avec des liens URL, il ne reste plus qu'à saisir le code suivant :
 

copiez le texte situé dans le tableau (Ctrl + c) puis collez-le (Ctrl + v) sur votre page à l'endroit souhaité

 
  carreaide.gif (350 octets) COMMENT INSERER DES MESSAGES À LA SOURIS ?
  Alerte à la copie de vos photos de vos pages et un message amicale suivi à la souris accompagné de fichier midi:
  Copiez le code ci-dessous en entier puis le placer dans votre page:Et inserer les noms des messages et du fichier midi à l'endroit où le code l'indique:
 

copiez le texte situé dans le tableau (Ctrl + c) puis collez-le (Ctrl + v) sur votre page à l'endroit souhaité

 
 
carreaide.gif (350 octets) COMMENT INSERER DES CURSEURS "FLECHES" ?
  Rien de plus simple que d'obtenir cet effet de niveau de page haut et bas en se servant de flêches; comme à droite de cette page:il s'agit d'inserer les flêches dans un répectoire et d'indroduire le nom de celui-çi à l'endroit indiqué dans le code.
 

copiez le texte situé dans le tableau (Ctrl + c) puis collez-le (Ctrl + v) sur votre page à l'endroit souhaité

 
  carreaide.gif (350 octets) COULEURS DES FLECHES:

f_haut.gif   -   f_bas.gif

Blanc:

Blanc:

 
copiez les images situé dans le tableau en les enregistrent par paire dans un répectoire souhaité.

 
  carreaide.gif (350 octets) CURSEUR DE VOTRE CHOIX DE COULEUR ET FLÊCHE ROUGE DANS VOS PAGES
  Copiez le code ci-dessous en entier puis le placer dans votre page et télécharger le programme: Sur le lien: téléchargement et le placer dans un répectoire et le nommer à l'endroit où le code l'indique:
 

copiez le texte situé dans le tableau (Ctrl + c) puis collez-le (Ctrl + v) sur votre page à l'endroit souhaité

  Il suffit de télécharger le programme: téléchargement
 
  carreaide.gif (350 octets) LES PETITS PLUS "FUN" Vous avez envie de rendre votre site encore plus attrayant ? Voici quelques bonnes adresses sur lesquelles vous pourrez trouver votre bonheur. Curseurs de toutes sortes :
- http://www.lissaexplains.com/french/cursor.html
- http://perso.wanadoo.fr/cv.interactif/index.html

Images, gifs animés, barres, etc..  :
-
http://www.chez.com/arantele/carbox/carbo/boutique.htm
- http://www.freegaia.com/
- http://www.a1clipart.com/fr/

 
  carreaide.gif (350 octets) A SAVOIR... Vous pouvez insérer dans vos pages toutes sortes de codes HTML que vous trouvez sur d'autres pages Web en regardant leur code source. Mais attention, une page web commence toujours par le tag suivant <HTML> et se termine par le tag </HTML>. Il ne faut surtout pas que le tag de fermeture (</HTML>) se trouve écrit deux fois dans la même page. Par conséquent le tag </HTML> ne doit jamais être inséré dans votre page sous peine de la détruire irrémédiablement car elle le contient déjà une fois de façon automatique.
Pour en savoir plus sur le langage HTML, voici quelques bonnes adresses à connaître :
- Le site "Lissa explains" :  traduit en français, ce site dédiés aux enfants et adolescents vous plaira par sa simplicité d'utilisation.

Voici également quelques sites qui proposent des cours de HTML :
- Cours HTML
- Guide du WEBMASTER
- Guide rapide du langage HTML
- Créer son site

 

 

Mini lexique

Code source : le code source constitue les "coulisses" d'une page web. Pour le voir, aller dans le menu "affichage" de votre navigateur et sélectionnez "souce". Vous découvrirez alors tous les tags HTML qui forment la page.

HTML :(littéralement Hyper Text Mark-up Language) - Langage de programmation des pages web.

Navigateur : (en anglais : browser) programme permettant la navigation sur le Web

MIDI :
(fichier) : format de fichier spécifique au son. Un fichier midi se présente sous la forme "fichier.mid"

Tag :
code permettant de mettre en forme un document

URL : adresse d'une page web - ex : http://www3.sympatico.ca/daniel_allaire007/mapage

  carreaide.gif (350 octets) HAUT DE LA PAGE
 

41flecG.gif (1780 octets) RETOUR