SlideShare ist ein Scribd-Unternehmen logo
1 von 31
Développer un site Web de qualité plateformes, standards et ergonomie
Pages statiques ... rappel ,[object Object],[object Object],[object Object],[object Object],[object Object]
Pages Web dynamiques ,[object Object],[object Object],[object Object],[object Object],[object Object]
Client – serveur : modèle statique ,[object Object], Serveur Web 1  -  le client demande la page accueil.htm 2  -  le serveur transmet la page au client  client
Client – serveur : modèle dynamique 1  -  le client demande la page accueil.asp 2  -  le serveur web sollicite le serveur d’applications (plateforme PHP, .Net, etc.) 3  – le serveur d’application exécute la requête et transmet le résultat au serveur web 4  – le serveur web transmet la page au client  Serveur d’applications  client  Serveur Web
Pages dynamiques = programmation ,[object Object],[object Object]
Pages dynamiques : pour quoi faire ? ,[object Object],[object Object],[object Object],[object Object],[object Object]
Avantages des pages dynamiques ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Site dynamique : coût de mise en oeuvre ,[object Object],[object Object],[object Object],[object Object],[object Object]
HTML, XML et XHTML ,[object Object],[object Object],[object Object],[object Object],[object Object]
A quoi ressemble un mauvais code HTML? ,[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],A quoi ressemble un mauvais code HTML?
HTML, XML et XHTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
XML (eXtensible Markup Language) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML, XML et XHTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Séparer contenu et présentation, structurer la page, respecter les standards ,[object Object],[object Object],[object Object],[object Object],[object Object]
A quoi ressemble un mauvais code HTML? ,[object Object],[object Object]
XHTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
CSS ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
DOM: exemple d’un « show/hide » par javascript ,[object Object]
Quelle plateforme de développement ? ,[object Object],[object Object],[object Object],[object Object],[object Object]
Bases de données ,[object Object],[object Object],[object Object],[object Object]
Pages dynamiques et bases de données ,[object Object],[object Object],[object Object],[object Object],[object Object]
… et XML ,[object Object],[object Object],[object Object],[object Object],[object Object]
XML pour publier de l’information
XML et les services Web
AJAX (Asynchronous Javascript And XML)  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
AJAX oui ou non ? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
AJAX en action ,[object Object]
Flash ... Le retour ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Questions et réponses ,[object Object],[object Object],[object Object]

Weitere ähnliche Inhalte

Andere mochten auch

T2 m mondeca vfinale
T2 m mondeca vfinaleT2 m mondeca vfinale
T2 m mondeca vfinalemondeca
 
Web Standards and Accessibility
Web Standards and AccessibilityWeb Standards and Accessibility
Web Standards and AccessibilityKarl Dawson
 
Prez t2 m bernard odier
Prez t2 m  bernard odierPrez t2 m  bernard odier
Prez t2 m bernard odierBernard Odier
 
Injecting Clock in Java
Injecting Clock in JavaInjecting Clock in Java
Injecting Clock in JavaDaniel Sobral
 
Les Nouveaux Standards et leur implémentation dans les navigateurs modernes
Les Nouveaux Standards et leur implémentation dans les navigateurs modernesLes Nouveaux Standards et leur implémentation dans les navigateurs modernes
Les Nouveaux Standards et leur implémentation dans les navigateurs modernesTristan Nitot
 
Le Web est la plateforme - #Frenchtech
Le Web est la plateforme - #FrenchtechLe Web est la plateforme - #Frenchtech
Le Web est la plateforme - #FrenchtechTristan Nitot
 

Andere mochten auch (6)

T2 m mondeca vfinale
T2 m mondeca vfinaleT2 m mondeca vfinale
T2 m mondeca vfinale
 
Web Standards and Accessibility
Web Standards and AccessibilityWeb Standards and Accessibility
Web Standards and Accessibility
 
Prez t2 m bernard odier
Prez t2 m  bernard odierPrez t2 m  bernard odier
Prez t2 m bernard odier
 
Injecting Clock in Java
Injecting Clock in JavaInjecting Clock in Java
Injecting Clock in Java
 
Les Nouveaux Standards et leur implémentation dans les navigateurs modernes
Les Nouveaux Standards et leur implémentation dans les navigateurs modernesLes Nouveaux Standards et leur implémentation dans les navigateurs modernes
Les Nouveaux Standards et leur implémentation dans les navigateurs modernes
 
Le Web est la plateforme - #Frenchtech
Le Web est la plateforme - #FrenchtechLe Web est la plateforme - #Frenchtech
Le Web est la plateforme - #Frenchtech
 

Ähnlich wie Développement Web

Google Web Toolkit 1.5 Presentation Web Creative Common
Google Web Toolkit 1.5 Presentation Web Creative CommonGoogle Web Toolkit 1.5 Presentation Web Creative Common
Google Web Toolkit 1.5 Presentation Web Creative CommonStéphane Liétard
 
Yass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptxYass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptxyassinesouli2
 
Publication de documents sur le Web
Publication de documents sur le WebPublication de documents sur le Web
Publication de documents sur le WebSaïd Radhouani
 
Enib cours c.a.i. web - séance #1 - html5 css3-js - 1
Enib   cours c.a.i. web - séance #1 - html5 css3-js - 1Enib   cours c.a.i. web - séance #1 - html5 css3-js - 1
Enib cours c.a.i. web - séance #1 - html5 css3-js - 1Horacio Gonzalez
 
ENIB 2015-2016 - CAI Web - S01E01- Côté navigateur 1/3 - HTTP, HTML, CSS, JS
ENIB 2015-2016 - CAI Web -  S01E01- Côté navigateur 1/3 - HTTP, HTML, CSS, JSENIB 2015-2016 - CAI Web -  S01E01- Côté navigateur 1/3 - HTTP, HTML, CSS, JS
ENIB 2015-2016 - CAI Web - S01E01- Côté navigateur 1/3 - HTTP, HTML, CSS, JSHoracio Gonzalez
 
INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...
INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...
INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...ssuser1a62e1
 
Les dernières avancées HTML5 & CSS3 en action !
Les dernières avancées HTML5 & CSS3 en action !Les dernières avancées HTML5 & CSS3 en action !
Les dernières avancées HTML5 & CSS3 en action !Microsoft Technet France
 
Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !davrous
 
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 1/3 - HTTP, HTML, CSS JS
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 1/3 - HTTP, HTML, CSS JSENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 1/3 - HTTP, HTML, CSS JS
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 1/3 - HTTP, HTML, CSS JSHoracio Gonzalez
 
Digital race evolution programmation web 1.0
Digital race   evolution programmation web 1.0Digital race   evolution programmation web 1.0
Digital race evolution programmation web 1.0Sequoia-ID
 
Chapitre 1 - Introduction générale.pdf
Chapitre 1 - Introduction générale.pdfChapitre 1 - Introduction générale.pdf
Chapitre 1 - Introduction générale.pdfAnouAr42
 
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8davrous
 
Resource Oriented Architecture
Resource Oriented ArchitectureResource Oriented Architecture
Resource Oriented ArchitectureDNG Consulting
 
Création des sites web pour débutant
Création des sites web pour débutantCréation des sites web pour débutant
Création des sites web pour débutantKorteby Farouk
 
ASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJSASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJSRenaud Dumont
 
Les apports d'HTML5 pour l'interopérabilité des applications géospatiales
Les apports d'HTML5 pour l'interopérabilité des applications géospatialesLes apports d'HTML5 pour l'interopérabilité des applications géospatiales
Les apports d'HTML5 pour l'interopérabilité des applications géospatialesGaëtan LAVENU
 
ACube : De la solution à l'industrialisation
ACube : De la solution à l'industrialisationACube : De la solution à l'industrialisation
ACube : De la solution à l'industrialisationpeguet
 

Ähnlich wie Développement Web (20)

Association 2 0
Association 2 0Association 2 0
Association 2 0
 
Google Web Toolkit 1.5 Presentation Web Creative Common
Google Web Toolkit 1.5 Presentation Web Creative CommonGoogle Web Toolkit 1.5 Presentation Web Creative Common
Google Web Toolkit 1.5 Presentation Web Creative Common
 
Yass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptxYass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptx
 
Publication de documents sur le Web
Publication de documents sur le WebPublication de documents sur le Web
Publication de documents sur le Web
 
Enib cours c.a.i. web - séance #1 - html5 css3-js - 1
Enib   cours c.a.i. web - séance #1 - html5 css3-js - 1Enib   cours c.a.i. web - séance #1 - html5 css3-js - 1
Enib cours c.a.i. web - séance #1 - html5 css3-js - 1
 
SAPIENS2009 - Module 4B
SAPIENS2009 - Module 4BSAPIENS2009 - Module 4B
SAPIENS2009 - Module 4B
 
ENIB 2015-2016 - CAI Web - S01E01- Côté navigateur 1/3 - HTTP, HTML, CSS, JS
ENIB 2015-2016 - CAI Web -  S01E01- Côté navigateur 1/3 - HTTP, HTML, CSS, JSENIB 2015-2016 - CAI Web -  S01E01- Côté navigateur 1/3 - HTTP, HTML, CSS, JS
ENIB 2015-2016 - CAI Web - S01E01- Côté navigateur 1/3 - HTTP, HTML, CSS, JS
 
INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...
INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...
INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...
 
Les dernières avancées HTML5 & CSS3 en action !
Les dernières avancées HTML5 & CSS3 en action !Les dernières avancées HTML5 & CSS3 en action !
Les dernières avancées HTML5 & CSS3 en action !
 
Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !
 
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 1/3 - HTTP, HTML, CSS JS
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 1/3 - HTTP, HTML, CSS JSENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 1/3 - HTTP, HTML, CSS JS
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 1/3 - HTTP, HTML, CSS JS
 
Digital race evolution programmation web 1.0
Digital race   evolution programmation web 1.0Digital race   evolution programmation web 1.0
Digital race evolution programmation web 1.0
 
Chapitre 1 - Introduction générale.pdf
Chapitre 1 - Introduction générale.pdfChapitre 1 - Introduction générale.pdf
Chapitre 1 - Introduction générale.pdf
 
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8
 
HTML5 en Entreprise
HTML5 en EntrepriseHTML5 en Entreprise
HTML5 en Entreprise
 
Resource Oriented Architecture
Resource Oriented ArchitectureResource Oriented Architecture
Resource Oriented Architecture
 
Création des sites web pour débutant
Création des sites web pour débutantCréation des sites web pour débutant
Création des sites web pour débutant
 
ASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJSASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJS
 
Les apports d'HTML5 pour l'interopérabilité des applications géospatiales
Les apports d'HTML5 pour l'interopérabilité des applications géospatialesLes apports d'HTML5 pour l'interopérabilité des applications géospatiales
Les apports d'HTML5 pour l'interopérabilité des applications géospatiales
 
ACube : De la solution à l'industrialisation
ACube : De la solution à l'industrialisationACube : De la solution à l'industrialisation
ACube : De la solution à l'industrialisation
 

Mehr von mastertic

Technologies mobiles
Technologies mobilesTechnologies mobiles
Technologies mobilesmastertic
 
Un site Web de qualité
Un site Web de qualitéUn site Web de qualité
Un site Web de qualitémastertic
 
Le Web comme plateforme TIC pour l'entreprise
Le Web comme plateforme TIC pour l'entrepriseLe Web comme plateforme TIC pour l'entreprise
Le Web comme plateforme TIC pour l'entreprisemastertic
 
Le Web comme plateforme TIC pour l'entreprise
Le Web comme plateforme TIC pour l'entrepriseLe Web comme plateforme TIC pour l'entreprise
Le Web comme plateforme TIC pour l'entreprisemastertic
 
Le Web comme plateforme TIC pour l'entreprise
Le Web comme plateforme TIC pour l'entrepriseLe Web comme plateforme TIC pour l'entreprise
Le Web comme plateforme TIC pour l'entreprisemastertic
 
Du site Web au portail d'entreprise
Du site Web au portail d'entrepriseDu site Web au portail d'entreprise
Du site Web au portail d'entreprisemastertic
 
RSS et veille technologique
RSS et veille technologiqueRSS et veille technologique
RSS et veille technologiquemastertic
 
Hec 353 Exposé Ato B C (2007)
Hec 353 Exposé Ato B C (2007)Hec 353 Exposé Ato B C (2007)
Hec 353 Exposé Ato B C (2007)mastertic
 
Hec 352 Exposé Bto B (2007)
Hec 352 Exposé Bto B (2007)Hec 352 Exposé Bto B (2007)
Hec 352 Exposé Bto B (2007)mastertic
 
Hec 351 Exposé Bto C (2007)
Hec 351 Exposé Bto C (2007)Hec 351 Exposé Bto C (2007)
Hec 351 Exposé Bto C (2007)mastertic
 
Hec Ergonomie
Hec ErgonomieHec Ergonomie
Hec Ergonomiemastertic
 
Les TIC dans l'entreprise - 3- e-Business
Les TIC dans l'entreprise - 3- e-BusinessLes TIC dans l'entreprise - 3- e-Business
Les TIC dans l'entreprise - 3- e-Businessmastertic
 
Les TIC dans l'entreprise - Partie 2
Les TIC dans l'entreprise - Partie 2Les TIC dans l'entreprise - Partie 2
Les TIC dans l'entreprise - Partie 2mastertic
 

Mehr von mastertic (15)

Technologies mobiles
Technologies mobilesTechnologies mobiles
Technologies mobiles
 
Un site Web de qualité
Un site Web de qualitéUn site Web de qualité
Un site Web de qualité
 
Le Web comme plateforme TIC pour l'entreprise
Le Web comme plateforme TIC pour l'entrepriseLe Web comme plateforme TIC pour l'entreprise
Le Web comme plateforme TIC pour l'entreprise
 
Le Web comme plateforme TIC pour l'entreprise
Le Web comme plateforme TIC pour l'entrepriseLe Web comme plateforme TIC pour l'entreprise
Le Web comme plateforme TIC pour l'entreprise
 
Le Web comme plateforme TIC pour l'entreprise
Le Web comme plateforme TIC pour l'entrepriseLe Web comme plateforme TIC pour l'entreprise
Le Web comme plateforme TIC pour l'entreprise
 
Du site Web au portail d'entreprise
Du site Web au portail d'entrepriseDu site Web au portail d'entreprise
Du site Web au portail d'entreprise
 
RSS et veille technologique
RSS et veille technologiqueRSS et veille technologique
RSS et veille technologique
 
Hec 353 Exposé Ato B C (2007)
Hec 353 Exposé Ato B C (2007)Hec 353 Exposé Ato B C (2007)
Hec 353 Exposé Ato B C (2007)
 
Hec 352 Exposé Bto B (2007)
Hec 352 Exposé Bto B (2007)Hec 352 Exposé Bto B (2007)
Hec 352 Exposé Bto B (2007)
 
Hec 351 Exposé Bto C (2007)
Hec 351 Exposé Bto C (2007)Hec 351 Exposé Bto C (2007)
Hec 351 Exposé Bto C (2007)
 
Hec Ergonomie
Hec ErgonomieHec Ergonomie
Hec Ergonomie
 
Les TIC dans l'entreprise - 3- e-Business
Les TIC dans l'entreprise - 3- e-BusinessLes TIC dans l'entreprise - 3- e-Business
Les TIC dans l'entreprise - 3- e-Business
 
technotic
technotictechnotic
technotic
 
Les TIC dans l'entreprise - Partie 2
Les TIC dans l'entreprise - Partie 2Les TIC dans l'entreprise - Partie 2
Les TIC dans l'entreprise - Partie 2
 
RSS
RSSRSS
RSS
 

Développement Web

  • 1. Développer un site Web de qualité plateformes, standards et ergonomie
  • 2.
  • 3.
  • 4.
  • 5. Client – serveur : modèle dynamique 1 - le client demande la page accueil.asp 2 - le serveur web sollicite le serveur d’applications (plateforme PHP, .Net, etc.) 3 – le serveur d’application exécute la requête et transmet le résultat au serveur web 4 – le serveur web transmet la page au client  Serveur d’applications  client  Serveur Web
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25. XML pour publier de l’information
  • 26. XML et les services Web
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.