Introduction aux technologies du Web (2)

Nouvelles technologies du Web World Wide Web (suite) Saïd Radhouani Université de Genève

Architecture du Web (rappel) 23-10-2007 Saïd Radhouani - CUI Le réseau Internet TCP/IP Web HTTP HTML Feuille de style

Le Web évolue ,[object Object],[object Object],[object Object],[object Object],23-10-2007 Saïd Radhouani - CUI

Comment animer le Web ? ,[object Object],[object Object],[object Object],[object Object],[object Object],23-10-2007 Saïd Radhouani - CUI

Langage de script ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],23-10-2007 Saïd Radhouani - CUI

Fonctionnement d'un script 23-10-2007 Saïd Radhouani - CUI ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ HTML Script <SCRIPT language="Javascript"> L e code d u script </SCRIPT >

Fonctionnement d'un script ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],23-10-2007 Saïd Radhouani - CUI

Fonctionnement d'un script ,[object Object],[object Object],23-10-2007 Saïd Radhouani - CUI Navigateur web (client) <html> … < javascript …> … </html> http://www.unige.ch/… Serveur Web Interpréteur Java script page html

Exemples de scripts-1 ,[object Object],[object Object],[object Object],[object Object],[object Object],23-10-2007 Saïd Radhouani - CUI

Exemples de scripts-2 ,[object Object],[object Object],[object Object],[object Object],[object Object],23-10-2007 Saïd Radhouani - CUI

Utilités des langages de scripts ,[object Object],[object Object],[object Object],[object Object],[object Object],23-10-2007 Saïd Radhouani - CUI

Architecture du Web 23-10-2007 Saïd Radhouani - CUI Le réseau Internet TCP/IP Web HTTP HTML Feuille de style Langage de script

Plus de besoins, plus de fonctionnalités ,[object Object],[object Object],[object Object],[object Object],23-10-2007 Saïd Radhouani - CUI

Web statique / Web dynamique ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],23-10-2007 Saïd Radhouani - CUI

Web statique 23-10-2007 Saïd Radhouani - CUI Navigateur web (client) <html> … … </html> http://www.unige.ch/… Serveur Web page html Les pages HTML ont été créées par le Webmaster Le client reçoit la page tel quelle a été créée par le Webmaster Plusieurs clients reçoivent la même page avec le même contenu

Web statique vs. Web dynamique ,[object Object],[object Object],23-10-2007 Saïd Radhouani - CUI Navigateur web (client) <html> … < javascript …> … </html> http://www.unige.ch/… Serveur Web Interpréteur Java script page html

Pages dynamiques ,[object Object],[object Object],23-10-2007 Saïd Radhouani - CUI Navigateur web (client) <html> … </html> http://www. ...[ paramètres ] page html Serveur Web La page HTML est créée en fonction des param êtres de la requête HTTP Le client reçoit la page dont le contenu est créé en temps réel page : le contenu est dépendant des paramètres de sa requête

Démo ,[object Object],[object Object],[object Object],23-10-2007 Saïd Radhouani - CUI

Pages dynamique ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],23-10-2007 Saïd Radhouani - CUI

Interprétation d'un script sur le serveur 23-10-2007 Saïd Radhouani - CUI Script Page HTML Base de données Page ASP Interprète ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ Navigateur web (client) <html> … </html> http://www.....asp , .php page html Serveur Web

Architecture du Web 23-10-2007 Saïd Radhouani - CUI Le réseau Internet TCP/IP Web HTTP HTML Feuille de style Javascript VBscript ... ASP PHP …

Limites du langage HTML ,[object Object],[object Object],[object Object],[object Object],23-10-2007 Saïd Radhouani - CUI

Limites de HTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],23-10-2007 Saïd Radhouani - CUI

Le langage XML - eXtensible Markup Language ,[object Object],[object Object],23-10-2007 Saïd Radhouani - CUI HTML <p>Saïd</p> <p>Radhouani</p> <p>Assistant/doctorant</p> <p>Radhouani@cui.unige.ch</p> XML <prenom>Saïd</prenom> <nom>Radhouani</nom> <Fonction> Assistant/doctorant </Fonction> <email>Radhouani@cui.unige.ch </email>

Le langage XML ,[object Object],[object Object],[object Object],[object Object],23-10-2007 Saïd Radhouani - CUI

Mise en page de XML ,[object Object],[object Object],[object Object],[object Object],23-10-2007 Saïd Radhouani - CUI

Principe des feuilles de style 23-10-2007 Saïd Radhouani - CUI Données brutes Pages XML Feuille de style Appliquer Données formattées Pages HTML Présenter

Objectifs et avantages du XML ,[object Object],[object Object],[object Object],[object Object],[object Object],23-10-2007 Saïd Radhouani - CUI

Objectifs et avantages du XML ,[object Object],[object Object],[object Object],23-10-2007 Saïd Radhouani - CUI

Architecture du Web 23-10-2007 Saïd Radhouani - CUI Le réseau Internet TCP/IP Web HTTP HTML Feuille de style Javascript VBscript ... ASP PHP XML

Systèmes de Gestion de Contenu ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],23-10-2007 Saïd Radhouani - CUI

Architecture du Web 23-10-2007 Saïd Radhouani - CUI Le réseau Internet TCP/IP HTTP HTML Feuille de style Javascript VBscript ... ASP PHP XML CMS Web

Web 2.0, encore plus simple ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],23-10-2007 Saïd Radhouani - CUI

Architecture du Web 23-10-2007 Saïd Radhouani - CUI Le réseau Internet TCP/IP Web 2.0 HTTP HTML Feuille de style Javascript VBscript ... ASP PHP XML CMS Web

Quels outils pour créer des pages Web ? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],23-10-2007 Saïd Radhouani - CUI

Outils WYSIWYG ,[object Object],[object Object],[object Object],[object Object],[object Object],23-10-2007 Saïd Radhouani - CUI

Avantages et inconvénients ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],23-10-2007 Saïd Radhouani - CUI

Introduction aux technologies du Web (2)

Recommended

Recommended

More Related Content

What's hot

What's hot (10)

Viewers also liked

Viewers also liked (20)

Similar to Introduction aux technologies du Web (2)

Similar to Introduction aux technologies du Web (2) (20)

More from Saïd Radhouani

More from Saïd Radhouani (15)

Introduction aux technologies du Web (2)

Editor's Notes