CM1-2 : Web, historique - Mickaël Martin

CM1-2 : Web, historique
Mickaël Martin Nevot
V5.0.0
03/03/2016 02:01
Cette œuvre de Mickaël Martin Nevot est mise à disposition selon les termes de la
licence Creative Commons Attribution - Pas d'Utilisation Commerciale - Partage à l'Identique
3.0 non transposé.
Prés. > Web > Histo. > HTML > Balises > Web II > CSS > CSS II > HTML5 > CSS3 > Nouv. techno.
I.
II.
III.
IV.
V.
VI.
VII.
VIII.
IX.
X.
XI.
V5.0.0
Prés.
Web
Histo.
HTML
Balises
Web II
CSS
CSS II
HTML5
CSS3
Nouv. techno.
HTML/CSS
Mickaël Martin Nevot
1/9
Prés. > Web > Histo. > HTML > Balises > Web II > CSS > CSS II > HTML5 > CSS3 > Nouv. techno.
V5.0.0
Historique
 1970, premiers pas :
 ARPAnet
 Courrier électronique (1972 : Ray Tomlinson)
 FTP
 TCP/IP (Transmission Control Protocol / Internet Protocol)
 1980, Internet :
 ARPAnet devient Inter Networking (Internet)
HTML/CSS
Mickaël Martin Nevot
2/9
Prés. > Web > Histo. > HTML > Balises > Web II > CSS > CSS II > HTML5 > CSS3 > Nouv. techno.
V5.0.0
Historique
 1990, début du Web statique (Tim Berners-Lee) :
 HTTP (hyper text transfer protocol)
 HTML/XHTML (extensible hypertext markup language)
3
2
Interprétation HTML
par le navigateur
Page HTML
Client
Internet
1
Serveur
Requête HTTP
HTML/CSS
Mickaël Martin Nevot
3/9
Prés. > Web > Histo. > HTML > Balises > Web II > CSS > CSS II > HTML5 > CSS3 > Nouv. techno.
V5.0.0
Historique
 1995, le Web orienté client :
 JavaScript
3
2
Interprétation HTML
par le navigateur
4
Page HTML
Exécution JavaScript
Client
Internet
1
Serveur
Requête HTTP
HTML/CSS
Mickaël Martin Nevot
4/9
Prés. > Web > Histo. > HTML > Balises > Web II > CSS > CSS II > HTML5 > CSS3 > Nouv. techno.
V5.0.0
Historique
 2000, le Web orienté serveur :
 PHP (hypertext preprocessor)
 Base de données
4
Base de
données
3
Échange de données
PHP / Base de données
6
7
2
5
Interprétation HTML
par le navigateur
Page HTML
Exécution JavaScript
Client
Exécution PHP
Internet
1
Serveur
Requête HTTP
HTML/CSS
Mickaël Martin Nevot
5/9
Prés. > Web > Histo. > HTML > Balises > Web II > CSS > CSS II > HTML5 > CSS3 > Nouv. techno.
V5.0.0
Historique
 2005, le compromis client-serveur :
 CSS (cascading style sheets)
 DOM (document object model)
4
Base de
données
3
Échange de données
PHP / Base de données
6
7
2
5
Interprétation
HTML/CSS par le
navigateur
Page HTML
Internet
Exécution JavaScript
1
Client
Exécution PHP
Serveur
Requête HTTP
HTML/CSS
Mickaël Martin Nevot
6/9
Prés. > Web > Histo. > HTML > Balises > Web II > CSS > CSS II > HTML5 > CSS3 > Nouv. techno.
V5.0.0
Historique
 2010, les tendances du Web 2.0 :
 Ajax (asynchronous JavaScript and XML)
Interprétation
HTML/CSS par le
navigateur
7
8
9
HTTP Ajax
Exécution PHP
3
2
5
Page HTML
Internet
Exécution JavaScript
1
Client
Base de
données
Échange de données
PHP / Base de données
Données serveur
Moteur Ajax
4
10
12
6
11
Serveur
Requête HTTP
HTML/CSS
Mickaël Martin Nevot
7/9
Prés. > Web > Histo. > HTML > Balises > Web II > CSS > CSS II > HTML5 > CSS3 > Nouv. techno.
V5.0.0
Historique : récapitulatif
 1970 : premiers pas
 1980 : Internet
 1990 : début du Web statique
 1995 : le Web orienté client
 2000 : le Web orienté serveur
 2005 : le compromis client-serveur
 2010 : les tendances du Web 2.0
HTML/CSS
Mickaël Martin Nevot
8/9
Prés. > Web > Histo. > HTML > Balises > Web II > CSS > CSS II > HTML5 > CSS3 > Nouv. techno.
V5.0.0
Crédits
Auteur
Mickaël Martin Nevot
[email protected]
[email protected]
Carte de visite électronique
Relecteur
 Christophe Delagarde
 Nicolas Tassara
 Pierre-Alexis de Solminihac
Cours en ligne sur : www.mickael-martin-nevot.com
HTML/CSS
Mickaël Martin Nevot
9/9