Premiers pas en JavaScript

1.4 Connaissances préalables
cuy copyleft
  See You Why?  

 

Outils (1.2) | | � tester (1.4)

Contenu

 

 

I. Définition

voir <<< séquence précédente

 

 

II. Rappel historique

voir <<< séquence précédente

 

 

III. Outils indispensables

voir <<< séquence précédente

 

 

IV. Connaissances préalables

Avant de démarrer la programmation en JavaScript, nous ne pourrions que vous proposer d'avoir de bonnes bases :

 

A. le langage HTML

Le langage HTML doit absolument être compris et utilisé avant que l'internaute soucieux de rendre ses pages plus dynamiques ne s'engage dans l'apprentissage du langage JavaScript. Pour ceux qui ne l'ont jamais abordé, nous conseillons nos pages "Premiers pas en HTML... un guide pour vos débuts".

Nous rappellerons cependant ici l'ensemble des balises HTML que devrait maîtriser le candidat qui s'intéresse au JavaScript :

Balise HTML Description Fin Attribut
<!doctype> Num�ro de version du langage HTML utilis�. N  
<!-- --> Commentaire. N  
<abbr> Abr�viation. O  
<acronym> Acronyme O  
<address> URL sous forme textuelle, sans utilisation de lien hypertexte (italique). O  
<a> Cr�ation d'une ancre pour liens hypertexte. O href="http://..." :
   Hyperlien vers une page Web.
href="ftp://..." :
   Hyperlien vers une adresse FTP.
href="telnet://..." :
   Hyperlien vers une adresse TelNet.
href="mailto:" :
   Hyperlien vers l'e-mail de .
href="nomdefichier" :
   Hyperlien vers un fichier local, si le fichier ne peut pas �tre affich� dans le navigateur, le fichier sera t�l�charg�.
<applet> Insertion d'un applet Java. (d�conseill�) O  
<area> Permet de d�finir une zone cliquable dans la page ou sur une image. N  
<b> Gras. O  
<base> D�finition de l'URL de la page HTML exploit� en cas d'erreur de transmission. N  
<basefont> D�finit la taille par d�faut des caract�res. (d�conseill�) N size=x :
   La taille par d�faut des caract�res sera de x.
<bdo> Changement de direction impossible. O  
<bgsound> Insertion d'un fichier audio au format WAV ou MID (I.E. seulement). N src="fichierson" :
   emplacement et nom du fichier son.
<big> La taille de la police est augment� de 1 point. O  
<blink> Clignotement du texte (N.N. seulement). O  
<blockquote> Petite marge � gauche. O  
<body> Encadre le corps d'un fichier HTML. O bgcolor="couleur" :
   Couleur qui sera utilis� pour l'arri�re plan.
background="fichierimage" :
   Image d'arri�re-plan (PNG, BMP, JPG ou GIF).
link="couleur" :
   Couleur des liens.
alink="couleur" :
   Couleur des liens d�j� exploit�s.
vlink="couleur" :
   Couleur des liens lors du clic.
<br> Saut de ligne. N clear="left|right|all" :
   Le texte ou l'image suivante est d�cal� vers le bas, jusqu'� ce qu'il n'y ait plus d'�l�ment de formatage � gauche|� droite|� gauche et � droite.
<button> Bouton dans un formulaire (I.E. seulement). O  
<caption> Titre de tableau. O align="left|center|right" :
   Alignement du titre � gauche|centr�|� droite.
<center> Centrage. (d�conseill�) O  
<cite> Citation (italique). O  
<code> Code source. O  
<col> D�finition d'une colonne d'un tableau (I.E. seulement). N  
<colgroup> Regroupement de colonnes dans un tableau (I.E. seulement). F  
<commment> Commentaire (I.E. seulement). O  
<dd> D�finition d'un terme de glossaire (retrait) (encadr� par <dl>). F  
<del> Information sur le document HTML. O  
<dfn> Texte sous forme logique. (d�conseill�) O  
<dir> Liste � plusieurs dimensions. O  
<div> Impl�mente une feuille de style par bloc entier. O id="[nom]" :
   Identifiant.
class="[nom]" :
   Classe.
<dl> Structure d'un glossaire (encadre la balise <dt> et la balise <dd>). O  
<dt> El�ment d'un glossaire (encadr� par la balise <dl>). F  
<em> Emphase (italique). O  
<embed> Insertion d'application multim�dia. N  
<fieldset> Regroupement de zone dans les formulaires. O  
<font> D�finition du texte. (d�conseill�) O size=x :
   Caract�re de taille x (x compris entre 1 et 7).
size=+x|-x :
   Augmenter|R�duire la taille de caract�re de x.
color="couleur" :
   d�finit la couleur du texte.
<form> Insertion d'un formulaire (encadre les balises <input>, <textarea>, <select> et <option>). O action="..." :
   Pour l'envoi par e-mail, remplacer ... par l'e-mail.
method="..." :
   Pour l'envoi par e-mail, remplacer... par "post".
<frame> Insertion d'une nouvelle frame 'encadr� par la balise <frameset>. N  
<frameset> Fichier d'index pour les frames, remplace la balise <body> (encadre la balise <frame>). O  
<h1> Titre de niveau 1. O align="center|left|right" :
   Titre centr�|align� � gauche|align� � droite.
<h2> Titre de niveau 2. O align="center|left|right" :
   Titre centr�|align� � gauche|align� � droite.
<h3> Titre de niveau 3. O align="center|left|right" :
   Titre centr�|align� � gauche|align� � droite.
<h4> Titre de niveau 4. O align="center|left|right" :
   Titre centr�|align� � gauche|align� � droite.
<h5> Titre de niveau 5. O align="center|left|right" :
   Titre centr�|align� � gauche|align� � droite.
<h6> Titre de niveau 6. O align="center|left|right" :
   Titre centr�|align� � gauche|align� � droite.
<head> En-t�te d'un fichier HTML (encadre les balises <title>, <meta> et <base>). O  
<hr> Barre horizontale N align="center|left|right" :
   Barre centr�|align� � gauche|align� � droite.
width=x%|y :
   Trait large de x pourcent|y pixels.
size=x :
   Hauteur du trait en pixels.
color="couleur" :
   Couleur de la barre (I.E. seulement).
noshade :
   Pas d'affichage ombr�.
<html> Obligatoire au d�but et � la fin du fichier HTML. O  
<i> Italique. O  
<iframe> Cadre local (I.E. seulement). O  
<img> Insertion d'une image. N src="nomdefichier" :
   emplacement et nom du fichier image (format bmp, jpg, gif).
align="top|middle|bottom|left|right" :
   aligner l'image en haut|au milieu|en bas|� gauche|� droite.
width=x :
   largeur de x pixels.
height=y :
   hauteur de y pixels.
border=x :
   bordure de x pixels.
alt="texte" :
   affiche ce texte lorsque l'image n'est pas affichable ou lorsque la souris reste point�e dessus.
<input> Nouvelle �l�ment dans un formulaire. N type="submit|reset|radio|checkbox :
   d�finit le type de l'�l�ment : bouton "ENVOYER"|bouton "EFFACER"|case d'option|case � cocher. Pour tous ces types, l'attribut value est obligatoire. Pour radio et checkbox, l'attribut name est obligatoire.
value="texte" :
   texte � afficher dans la case ou la zone de texte.
name="NomDeL�l�ment" :
   nom donn� � l'�l�ment, chaque radio ou checkbox appartenant au m�me groupe doivent poss�der le m�me name, mais un value diff�rent.
size=x :
   longueur x d'un champs de saisie d'une ligne, (pour le champ de saisie, seuls les attributs size, name et maxlenght sont demand�s.
maxlenght=y :
   longueur maximal d'un champ de saisie d'une ligne.
<ins> Fournit des informations sur le document. O  
<isindex> D�finition d'un fichier de recherche (script CGI). (d�conseill�) N  
<kbd> Texte type "machine � �crire". O  
<label> Extension de la balise <form> (I.E. seulement). O  
<layer> D�finition des couches (N.N. seulement). O  
<legend> L�gende de tableau. O  
<li> El�ment d'une liste (encadr� par la balise <ul> ou la balise <ol>). O  
<link> Lien ind�pendant du m�dia. N  
<map> D�finit une zone cliquable. O  
<marquee> Texte d�filant (I.E. seulement). O  
<menu> Liste de type menu. (d�conseill�) O  
<meta> Information sur la page HTML. N name="description|keywords|author" :
   la description|les mots-cl�s|l'auteur seront indiqu�s dans l'attribut content.
http-equiv="refresh" :
   provoque le chargement de la page indiqu� dans l'attribut url apr�s x secondes indiqu�s dans l'attribut content. Si url est omis, la m�me page est recharg�e.
content="nombre ou texte" :
   voir ci-dessus.
url="fichier" :
   voir l'attribut http-equiv.
<nextid> Indique le document suivant. N  
<nobr> Pas de passage automatique � la ligne sauf avec la balise <wbr>. O  
<noembed> Encadre les �l�ments qui seront interpr�t� si les applications multim�dia ne sont pas accept�s par le navigateur. O  
<noframes> Encadre les �l�ments qui seront interpr�t�s si les frames ne sont pas accept� par la navigateur. O  
<noscript> Encadre les �l�ments qui seront interpr�t� si les scripts ne sont pas accept�s par le navigateur. O  
<object> Insertion d'objet (multim�dia, applet Java...). O  
<ol> Liste num�rot�e (encadre la balise <li>). O  
<option> Nouvelle entr�e dans une liste de choix. N  
<p> D�but d'un paragraphe, saute 2 lignes. F align="center|left|right" :
   Paragraphe centr�|align� � gauche|align� � droite.
<param> Param�tre d'un objet ins�r�. O  
<pre> Texte pr�-format� avec une police non-proportionnelle. O  
<q> Citation longue. O  
<s> Texte barr�. O  
<samp> Exemple en italique. O  
<script> Insertion d'un script O language="javascript|vbscript" :
   Langage utilis� pour le script.
<select> Liste de choix (encadre la balise <option> et encadr� par la balise <form>). O  
<small> R�duit la taille des caract�res de 1 point. O  
<span> Impl�mente une feuille de style. O id="[nom]" :
   Identifiant.
class="[nom]" :
   Classe.
<strike> Texte barr�. (d�conseill�) O  
<strong> Texte en gras. O  
<style> Feuille de style (le plus souvent dans entre les balises <head> et </head>). O  
<sub> Texte en indice. O  
<sup> Texte en exposant. O  
<table> Tableau. O cols=x :
   Tableau compos� de x colonnes.
width=x%|y :
   Tableau large de x pourcent|de y pixels.
border=x :
   Taille de la bordure en pixels.
cellpadding=x :
   Espacement entre bordure et texte.
cellspacing=x :
   Espacement entre les cellules.
<tbody> Regroupement de tableaux. F  
<td> Nouvelle cellule dans un tableau (encadr� par la balise <tr>). F width="x%|y" :
   Cellule large de x pourcent|y pixels.
align="center|left|right" :
   Le texte compris dans les cellules est centr�|align� � gauche|align� � droite.
colspan=x :
   x cellules � fusionner horizontalement.
rowspan=x :
   x cellules � fusionner verticalement.
bgcolor="couleur" :
   Couleur d'arri�re-plan de la cellule.
<textarea> Champ de saisie de plusieurs lignes. O name="nom" :
   Nom donn� � la zone de texte.
rows=x :
   Zone de texte de largeur x.
cols=x :
   Zone de texte de longueur maximale x.
<tfoot> Regroupement de tableaux. F  
<th> Cellule d'en-t�te d'un tableau. F  
<thead> Regroupement de tableaux. O  
<title> Titre du document HTML (� ins�rer dans la balise <head>). O  
<tr> Nouvelle ligne d'un tableau (encadr� par la balise <table>). F height="x%|y" :
   Ligne large de x pourcent|y pixels.
bgcolor="couleur" :
   Couleur d'arri�re-plan de la ligne.
<tt> Texte de type "machine � �crire". O  
<u> Texte en soulign�. (d�conseill�) O  
<ul> Liste non-num�rot� (encadre la balise <li>). O  
<var> Texte sous forme de variable. O  
<wbr> D�sactive temporairement la balise <nobr>. N  
<xmp> Texte sous forme d'exemple (italique). (obsol�te) O  

 

B. les feuilles de styles CSS

Les feuilles de style ont été abordées lors de l'étude du langage HTML et de la typo du Web. Pour le lecteur qui souhaite revoir ces notes, nous lui rappelons :

 

 

 

V. À tester

voir suite >>>

 

 

VI. Comparatif PHP/JavaScript

voir suite >>>

 

 

VIII. Exercices intro

voir suite >>>

 

 

IX. Test sur l'introduction

voir suite >>>

Outils (1.2) | | � tester (1.4)