SUPPORT DE COURS DE LA MATIERE

PROGRAMMATION WEB
Partie 1 : Les bases de HTML5
Chap 1 : Méthode de création des sites avec HTML5 et CSS3
I. Historique, rôles du HTML et du CSS

1. Historique
Le HTML et CSS ont connu plusieurs évolution, le HTML est notamment quitté du
HTML1 au HTML5, quant au CSS il est parti du CSS1 au CSS3. Ce sont des langages
informatiques qui permettent de créer des sites web, tous les sites web sont basés sur ces
langages, ils sont incontournables et universels aujourd'hui. Ils sont à la base même du Web.
Le langage HTML a été inventé par Tim Berners-Lee en 1991.
2. Les rôles de HTML et CSS
HTML (HyperText Markup Language) : il a fait son apparition dès 1991 lors du
lancement du Web. Son rôle est de gérer et organiser le contenu. C'est donc en HTML que
vous écrirez ce qui doit être affiché sur la page : du texte, des liens, des images. Le HTML 5
est sa dernière version.

CSS (Cascading Style Sheets, aussi appelées Feuilles de style) : le rôle du CSS est de
gérer l'apparence de la page web (agencement, positionnement, décoration, couleurs, taille du
texte…). Ce langage est venu compléter le HTML en 1996. Le CSS 3 est sa dernière version.

NB : HTML c’est le fond d’une page web et CSS sa forme.

II. Editeur de texte, navigateur, moteur de recherche et site

internet
1. L'éditeur de texte
Il existe effectivement de nombreux logiciels dédiés à la création de sites web.
On peut classer ces logiciels de création de site web en deux catégories :
Les WYSIWYG (What You See Is What You Get - Ce Que Vous Voyez Est Ce Que
Vous Obtenez) : ce sont des programmes qui se veulent très faciles d'emploi, ils
permettent de créer des sites web sans apprendre de langage particulier. Parmi les plus
connus d'entre eux : Mozilla Composer, Microsoft Expression Web, Dreamweaver… et
même Word.

Les éditeurs de texte : ce sont des programmes dédiés à l'écriture de code, Ils se révèlent
être de puissants alliés pour les créateurs de sites web !

a. Sous Windows
Il existe une grande quantité d'éditeurs de texte, nous distinguons par exemple :
 Notepad++, l'un des plus utilisés parmi ceux disponibles pour Windows, Ce logiciel
est simple, en français et gratuit.
 BlocNote
  jEdit ;
 PSpad ;
 ConTEXT

b. Sous Mac OS X
Nous distinguons les logiciels suivants :
 jEdit ;
 Smultron ;
 TextWrangler.
c. Sous Linux
Les éditeurs de texte sont légion sous Linux. Certains d'entre eux sont installés par défaut,
d'autres peuvent être téléchargés facilement via le centre de téléchargement (sous Ubuntu
notamment) ou au moyen de commandes comme apt-get et aptitude. Voici quelques logiciels
que vous pouvez utiliser :
 gEdit ;
 Kate ;
 vim ;
 Emacs ;
2. Navigateur
Un navigateur c’est un logiciel qui gère les pages web. C’est aussi un logiciel conçus pour
naviguer (ou surfer) sur les réseaux informatiques en général ou Internet en particulier.
Nous pouvons citer comme exemples de navigateur :
 Mozilla Fire Fox
 Google Chrome
 Internet Explorer
 Safari
 Opéra
NB : Le navigateur web est un programme qui permet d'afficher des sites web. Il lit les
langages HTML et CSS pour savoir ce qu'il doit afficher.

3. Moteur de recherche
Un moteur de recherche est un logiciel qui permet d’effectuer des recherches sur
internet. Comme exemples on peut citer entre autres :
 Alta vista avec http : //www.alta vista.com

 Google avec http : //www.google.com

 Yahoo avec http : //www.yahoo.fr

4. Le Site Internet (Web)

Un site web est un ensemble de pages web qui renvoie à une adresse web bien précise.
Exemples : Google, Wikipédia, You tube…