SlideShare une entreprise Scribd logo
1  sur  11
Télécharger pour lire hors ligne
Présentée par : Harizi Riadh
ANNÉE SCOLAIRE : 2022-2023
Section : Sciences de l’Informatique
Matière : STI
Introduction Programmation
Web
Plan
Programmation Web
Programmation Web statique
Programmation Web dynamique
Rappel
 Qu’est ce qu’un site Web ?
Index.htm
Serveur Web
Un site web est hébergées sur
un connecté en permanence à internet.
 Il existe deux types : sites Statiques et sites Dynamiques
un ensemble de pages Web
serveur
Rappel
Site web
STATIQUE
Rappel
Site web statique :
 Généralement écrit en
 Le contenu reste pour chaque utilisateur.
 La modification nécessite une mise à jour du code.
HTML.
le même
Rappel
Pages Web Statiques
Demande Accueil.html
Serveur Web
Accueil.html
Client 1
Client 2
Client 3
Demande Accueil.html
Demande Accueil.html
Site web dynamique :
 Offre, pour chaque visiteur, un contenu à partir
du
 La différence du contenu dépend de plusieurs
différent
même fichier.
paramètres.
Rappel
Serveur Web
Client 1
Client 2
Serveur de données
Réponse
Pages Web Dynamiques
Requête avec Paramètres
Client 3
Pour développer un site web :
Statique
Langages Coté Client
(Front-End)
HTML+ CSS + JavaScript
Dynamique
Langages Coté Client (Front-End)
HTML+ CSS + JavaScript
Langage Coté Serveur(Back-End)
PHP, Python, …
SGBD ( MYSQL, postgreSQL… )
Rappel
Merci Pour Votre Attention
BON COURAGE

Contenu connexe

Similaire à Introduction web.pdf

J2eeintro
J2eeintroJ2eeintro
J2eeintro
medbmb
 
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
Horacio Gonzalez
 
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
Korteby Farouk
 
WebSphere Portal & Rich Internet Applications
WebSphere Portal & Rich Internet ApplicationsWebSphere Portal & Rich Internet Applications
WebSphere Portal & Rich Internet Applications
Vincent Perrin
 

Similaire à Introduction web.pdf (20)

ENIB 2016 2017 - CAI Web S02E01- Côté navigateur 1/3 - HTTP, HTML, CSS, JS
ENIB 2016 2017 - CAI Web S02E01- Côté navigateur 1/3 - HTTP, HTML, CSS, JSENIB 2016 2017 - CAI Web S02E01- Côté navigateur 1/3 - HTTP, HTML, CSS, JS
ENIB 2016 2017 - CAI Web S02E01- Côté navigateur 1/3 - HTTP, HTML, CSS, JS
 
Introduction aux Technologies Web élaborée par Marouan OMEZZINE
Introduction aux Technologies Web élaborée par Marouan OMEZZINEIntroduction aux Technologies Web élaborée par Marouan OMEZZINE
Introduction aux Technologies Web élaborée par Marouan OMEZZINE
 
J2eeintro
J2eeintroJ2eeintro
J2eeintro
 
Formation - P1 - Spip Utilisation
Formation - P1 - Spip UtilisationFormation - P1 - Spip Utilisation
Formation - P1 - Spip Utilisation
 
La plateforme JEE
La plateforme JEELa plateforme JEE
La plateforme JEE
 
Support de cours angular
Support de cours angularSupport de cours angular
Support de cours angular
 
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
 
Développement d'applications pour la plateforme Java EE
Développement d'applications pour la plateforme Java EEDéveloppement d'applications pour la plateforme Java EE
Développement d'applications pour la plateforme Java EE
 
Langage HTML
Langage HTMLLangage HTML
Langage HTML
 
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
 
Java Entreprise Edition
Java Entreprise EditionJava Entreprise Edition
Java Entreprise Edition
 
Architecture jee principe de inversion de controle et injection des dependances
Architecture jee principe de inversion de controle et injection des dependancesArchitecture jee principe de inversion de controle et injection des dependances
Architecture jee principe de inversion de controle et injection des dependances
 
S51 vos projets web services ibm i a l aide de php
S51   vos projets web services ibm i a l aide de phpS51   vos projets web services ibm i a l aide de php
S51 vos projets web services ibm i a l aide de php
 
2015 Projet Web Collaborartif, Introduction au cours
2015 Projet Web Collaborartif, Introduction au cours2015 Projet Web Collaborartif, Introduction au cours
2015 Projet Web Collaborartif, Introduction au cours
 
Développement Web
Développement WebDéveloppement Web
Développement Web
 
WebSphere Portal & Rich Internet Applications
WebSphere Portal & Rich Internet ApplicationsWebSphere Portal & Rich Internet Applications
WebSphere Portal & Rich Internet Applications
 
Développement Web
Développement WebDéveloppement Web
Développement Web
 
Partie 2: Angular
Partie 2: AngularPartie 2: Angular
Partie 2: Angular
 
Resource Oriented Architecture
Resource Oriented ArchitectureResource Oriented Architecture
Resource Oriented Architecture
 
[TechDays 2012] : Quoi de neuf dans ASP.NET 4.5
[TechDays 2012] : Quoi de neuf dans ASP.NET 4.5[TechDays 2012] : Quoi de neuf dans ASP.NET 4.5
[TechDays 2012] : Quoi de neuf dans ASP.NET 4.5
 

Plus de harizi riadh (13)

séance1.pdf
séance1.pdfséance1.pdf
séance1.pdf
 
Coursera 96EBJW4ZEYZL.pdf
Coursera 96EBJW4ZEYZL.pdfCoursera 96EBJW4ZEYZL.pdf
Coursera 96EBJW4ZEYZL.pdf
 
IntelligenceArtificielle.pdf
IntelligenceArtificielle.pdfIntelligenceArtificielle.pdf
IntelligenceArtificielle.pdf
 
administration réseaux.pdf
administration réseaux.pdfadministration réseaux.pdf
administration réseaux.pdf
 
Notion_De_Base_En_Informatique.pdf
Notion_De_Base_En_Informatique.pdfNotion_De_Base_En_Informatique.pdf
Notion_De_Base_En_Informatique.pdf
 
Fiche_14_-_Informatique-Comment_gerer_la_maintenance_de_son_parc_informatique...
Fiche_14_-_Informatique-Comment_gerer_la_maintenance_de_son_parc_informatique...Fiche_14_-_Informatique-Comment_gerer_la_maintenance_de_son_parc_informatique...
Fiche_14_-_Informatique-Comment_gerer_la_maintenance_de_son_parc_informatique...
 
MODULE_18_Configuration_dun_Routeur.pdf
MODULE_18_Configuration_dun_Routeur.pdfMODULE_18_Configuration_dun_Routeur.pdf
MODULE_18_Configuration_dun_Routeur.pdf
 
Cours_boot.pdf
Cours_boot.pdfCours_boot.pdf
Cours_boot.pdf
 
assiter AR.pdf
assiter AR.pdfassiter AR.pdf
assiter AR.pdf
 
0_CoursSI_Plan.pdf
0_CoursSI_Plan.pdf0_CoursSI_Plan.pdf
0_CoursSI_Plan.pdf
 
cours_CSI.pdf
cours_CSI.pdfcours_CSI.pdf
cours_CSI.pdf
 
4_Architectures_de_SI.pdf
4_Architectures_de_SI.pdf4_Architectures_de_SI.pdf
4_Architectures_de_SI.pdf
 
5_EAI_des_SI.pdf
5_EAI_des_SI.pdf5_EAI_des_SI.pdf
5_EAI_des_SI.pdf
 

Dernier

Cours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdfCours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdf
ssuserc72852
 
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptxCopie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
ikospam0
 
Bilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdfBilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdf
AmgdoulHatim
 

Dernier (20)

Cours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdfCours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdf
 
Les roches magmatique géodynamique interne.pptx
Les roches magmatique géodynamique interne.pptxLes roches magmatique géodynamique interne.pptx
Les roches magmatique géodynamique interne.pptx
 
La nouvelle femme . pptx Film français
La   nouvelle   femme  . pptx  Film françaisLa   nouvelle   femme  . pptx  Film français
La nouvelle femme . pptx Film français
 
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptxCopie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
 
Cours Généralités sur les systèmes informatiques
Cours Généralités sur les systèmes informatiquesCours Généralités sur les systèmes informatiques
Cours Généralités sur les systèmes informatiques
 
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projet
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projetFormation échiquéenne jwhyCHESS, parallèle avec la planification de projet
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projet
 
les_infections_a_streptocoques.pptkioljhk
les_infections_a_streptocoques.pptkioljhkles_infections_a_streptocoques.pptkioljhk
les_infections_a_streptocoques.pptkioljhk
 
658708519-Power-Point-Management-Interculturel.pdf
658708519-Power-Point-Management-Interculturel.pdf658708519-Power-Point-Management-Interculturel.pdf
658708519-Power-Point-Management-Interculturel.pdf
 
Bilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdfBilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdf
 
CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...
CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...
CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...
 
L application de la physique classique dans le golf.pptx
L application de la physique classique dans le golf.pptxL application de la physique classique dans le golf.pptx
L application de la physique classique dans le golf.pptx
 
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANK
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANKRAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANK
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANK
 
Echos libraries Burkina Faso newsletter 2024
Echos libraries Burkina Faso newsletter 2024Echos libraries Burkina Faso newsletter 2024
Echos libraries Burkina Faso newsletter 2024
 
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptx
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptxIntégration des TICE dans l'enseignement de la Physique-Chimie.pptx
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptx
 
Cours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdfCours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdf
 
Formation qhse - GIASE saqit_105135.pptx
Formation qhse - GIASE saqit_105135.pptxFormation qhse - GIASE saqit_105135.pptx
Formation qhse - GIASE saqit_105135.pptx
 
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
 
Apolonia, Apolonia.pptx Film documentaire
Apolonia, Apolonia.pptx         Film documentaireApolonia, Apolonia.pptx         Film documentaire
Apolonia, Apolonia.pptx Film documentaire
 
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
 
L'expression du but : fiche et exercices niveau C1 FLE
L'expression du but : fiche et exercices  niveau C1 FLEL'expression du but : fiche et exercices  niveau C1 FLE
L'expression du but : fiche et exercices niveau C1 FLE
 

Introduction web.pdf

  • 1. Présentée par : Harizi Riadh ANNÉE SCOLAIRE : 2022-2023 Section : Sciences de l’Informatique Matière : STI Introduction Programmation Web
  • 2. Plan Programmation Web Programmation Web statique Programmation Web dynamique
  • 3. Rappel  Qu’est ce qu’un site Web ?
  • 4. Index.htm Serveur Web Un site web est hébergées sur un connecté en permanence à internet.  Il existe deux types : sites Statiques et sites Dynamiques un ensemble de pages Web serveur Rappel
  • 6. Site web statique :  Généralement écrit en  Le contenu reste pour chaque utilisateur.  La modification nécessite une mise à jour du code. HTML. le même Rappel
  • 7. Pages Web Statiques Demande Accueil.html Serveur Web Accueil.html Client 1 Client 2 Client 3 Demande Accueil.html Demande Accueil.html
  • 8. Site web dynamique :  Offre, pour chaque visiteur, un contenu à partir du  La différence du contenu dépend de plusieurs différent même fichier. paramètres. Rappel
  • 9. Serveur Web Client 1 Client 2 Serveur de données Réponse Pages Web Dynamiques Requête avec Paramètres Client 3
  • 10. Pour développer un site web : Statique Langages Coté Client (Front-End) HTML+ CSS + JavaScript Dynamique Langages Coté Client (Front-End) HTML+ CSS + JavaScript Langage Coté Serveur(Back-End) PHP, Python, … SGBD ( MYSQL, postgreSQL… ) Rappel
  • 11. Merci Pour Votre Attention BON COURAGE