Le document présente un module de développement web côté serveur, principalement axé sur la création d'applications ASP.NET. Il contient un plan détaillé des séquences d'apprentissage, allant de la création de pages web à l'utilisation de services web et au déploiement sur un serveur IIS. L'accent est mis sur les compétences à acquérir, notamment la structuration de sites, l'utilisation de contrôles serveurs et la gestion des données.

1. Module
DÉVELOPPEMENT WEB CÔTÉ SERVEUR
(Modèle WebForm / Option DotNet )
Nom & Prénom : ABDALLAH NAOUAL
Direction Régionale : Nord Ouest I
Etablissement : ISTA HAY RIAD
Secteur : NTIC
Filière : Techniques de Développement Informatique (TDI)
Niveau : Technicien Spécialisé

2. 2
Achats Réservations
Opérations
bancaires
Inscriptions
Cours en
ligne
WEB
……

3. Plan du Module
3
 Séquence1 Créer une page web ASP.NET
 Séquence2 Structurer et organiser son site web par l’utilisation des
thèmes et des pages maîtres
 Séquence3 Utiliser des contrôles de validation
 Séquence4 Utiliser ADO.Net dans une application Web ASP.NET
 Séquence5 Utiliser des mécanismes de gestion d’état pour garder des
données lors des communications Web
 Séquence6 Configurer l’accès à un site web ASP.NET
 Séquence7 Manipuler les données d’une source de données en utilisant
des composants serveurs
 Séquence8 Modifier le comportement de certains composants serveur
en utilisant des modèles
 Séquence9 Créer et utiliser des contrôles utilisateur Web
 Séquence10 Créer et exploiter des services Web
 Séquence11 Déployer une application web ASP.Net sur un serveur web IIS

4. Plan du Module
4
 Séquence1 Créer une page web ASP.NET
 Séquence2 Structurer et organiser son site web par l’utilisation des
thèmes et des pages maîtres
 Séquence3 Utiliser des contrôles de validation
 Séquence4 Utiliser ADO.Net dans une application Web ASP.NET
 Séquence5 Utiliser des mécanismes de gestion d’état pour garder des
données lors des communications Web
 Séquence6 Configurer l’accès à un site web ASP.NET
 Séquence7 Manipuler les données d’une source de données en utilisant
des composants serveurs
 Séquence8 Modifier le comportement de certains composants serveur
en utilisant des modèles
 Séquence9 Créer et utiliser des contrôles utilisateur Web
 Séquence10 Créer et exploiter des services Web
 Séquence11 Déployer une application web ASP.Net sur un serveur web IIS

5. Description de la Compétence visée
par la Séquence
5
Les stagiaires, étant habitués à manipuler l’environnement Visual
Studio pour la création d’applications Windows Forms et étant
capables de réaliser des pages Web statiques, l’objectif sera de
déterminer les spécificités des applications Web ASP.NET sous
Visual Studio et de créer un premier projet web avec une première
page Web dynamique.
« Créer une page web ASP.NET »

6. 6
• Introduction et rappels
• Environnement de travail
• Création d’une page web ASP.NET
Plan de la séquence

7. Introduction et rappels
7
CSS
HTML
Javascript / jQuery …
La particularité de tels scripts
est de ne pas devoir effectuer
de retours serveur et ainsi
limiter les échanges
 Application Web côté Client

8. 8
Introduction et rappels
 Application Web côté Client/Communication

9. Introduction et rappels
9
ASP.NET
 ASP.NET est la technologie utilisée par Microsoft pour
développer des applications Web
 ASP.NET s’appuie sur une combinaison de HTML, de
composants serveur, de langage de programmation (C#,
VB.Net…), le tout s’exécutant côté serveur, pour produire du
HTML
 Application Web côté Serveur
HTML
Langage de
programmation
Composants
Serveur

10. Introduction et rappels
 Application Web côté Serveur / Communication

11. 11
Environnement de travail
 Premier projet Web

12. 12
Environnement de travail
 Premier projet Web

13. 13
Environnement de travail
 Serveur web

14. 14
 Le fichier web.config est un fichier au format XML qui contient
toutes les informations de configuration du site web
Environnement de travail
 Fichier Web.config

15. Page web ASP.NET
15
Créer une
nouvelle page
web
Attribuer un
nom à la page
1
2
Bouton Droit sur le
projet dans
l’explorateur de
solutions
Une page ASP.NET
possède une
extension .aspx
 Création

16. Page web ASP.NET
16
 Description du mode Source

17. Page web ASP.NET
17
<%@ Page Language="C#" AutoEventWireup="true"
CodeBehind="WebForm1.aspx.cs" Inherits="MonApp.WebForm1"
%>
Codebehind= WebForm1.aspx.cs /
Le code sera dans une page séparée
 Description du mode Source

18. Page web ASP.NET
18
<%@ Page Language="C#" AutoEventWireup="true"
Inherits="MonApp.WebForm1" %>
Le code sera dans la même page que le code HTML
 Description du mode Source

19. Page web ASP.NET
19
 Description du mode Design

20. Page web ASP.NET
20
 Description du mode Design

21. Page web ASP.NET
21
 Spécificités des contrôles Serveur

22. Page web ASP.NET
22
<asp:Button ID="Button1" runat="server" Text="Button" />
TagPrefix=asp / L’ensemble des Server Contrôles sont préfixé asp
TagName=Button / Ce contrôle fait partie de la catégorie Button
ID=Button1 / Nécessaire pour identifier un objet
Runat=Server / Le script associé sera exécuté côté serveur
 Spécificités des contrôles Serveur

23. 23
Page web ASP.NET
 Il est possible d’insérer des scripts serveurs dans le code HTML.
Les scripts sont insérés entre <% et %>
 utilisation des scripts serveur

24. DEMONSTRATION