Initiation Web

Introduction

Les trois languages principaux du web sont html, css et javascript.

• HTML permet de structurer le contenu
• CSS permet de mettre en forme le contenu
• Javascript permet de rendre dynamique le contenu

Outils nécessaires

• Un éditeur de texte
• Un navigateur
• Le validateur du w3c

Les bases du html

Le language html est un language à balises. Une balise est un mot clé du type <nomDeLaBalise> (balise ouvrante) ou bien </nomDeLaBalise> (balise fermante). Les balises ouvrantes et fermantes permettent de délimiter un bloc d'instructions ou de texte. Elles permettent aussi d'insérer des images, du son...

Exemples:

La balise <img> permet d'insérer une image:

  < img src="http://tutorial-all.org/fileman/Uploads/html_icon.png" alt="logo">


Les bases du CSS

Une instruction en CSS est constituée d'un selecteur suivi d'une liste de propriétés et de valeurs, mises entre accolades.

Exemple:

body {
    background: blue;
}


Dans l'exemple ci-dessus

• body est le sélecteur
• background est la propriété
• blue est la valeur de cette propriété

Les bases de Javascript

Javascript permet d'accéder aux différents objets d'une page et de les modifier. Une variable se déclare à l'aide du mot clé var et une fonction à l'aide du mot clé function

Exemple

var monBouton=document.getElementById("bouton1");

monBouton.addEventListener("click", function(){
  //alert("Le bouton fonctionne!");
});


Charles Deleforge