PROGRAMMATION

WEB
2ÈME ANNÉE INFORMATIQUE DE GESTION
ESPIN-SFAX 2021-2022
 2

Sommaire
Chapitre I: Introduction au Web
Chapitre II : Le langage HTML5
Chapitre III : Les tableaux
Chapitre IV : Cascading Style Sheets (CSS)
Chapitre V : Structuration du site
Chapitre VI : Les formulaires HTML
 3

Internet
• Le réseau Internet c’est un réseau contenant un grand nombre
d’ordinateurs (et autres équipements) connectés et répartis sur
l’ensemble de la planète.
 4

Principes d’Internet : La couche applicative

 Internet permet l'élaboration d'applications et de services variés
comme:
▫ le courrier électronique
▫ la messagerie instantanée
▫ le transfert de fichiers Le World Wide Web
n'est pourtant que l'une
▫ le World Wide Web WWW des applications
d'internet.
▫ …
Chapitre I:
Introduction au Web
 6
Introduction au Web (1/15)

Définition du WWW
 Système hypertexte public fonctionnant sur Internet et qui permet
de consulter, avec un navigateur, des pages mises en ligne dans des
sites.
 La plus grande bibliothèque du monde qui est située sur un réseau
mondial
 Cette bibliothèque consiste en documents qui sont hébergés sur ces
ordinateurs appelés serveurs Web.
 Elle contient de nombreux types de données : des images, du texte,
des vidéos, mais aussi beaucoup d’autres formats.
 Sur presque tous les sites Web, nous trouvons un tronc commun de
documents HTML proprement dit. C’est le secret du succès du
WWW .
 7
Introduction au Web (2/15)

Intérêts de ce service
 Le besoin de visibilité : peut être un moyen pour une enseigne ;
 La collecte de données : web représente pour les entreprises une
formidable opportunité de recueillir des données sur leurs clients et
leurs concurrents
 La vente en ligne : Un site Internet peut représenter pour certaines
entreprises une opportunité en terme de commercialisation ;
 La mise en place d'un support aux utilisateurs : avec un site web, il
est possible de mettre à disposition des internautes un maximum
d'informations commerciales ou techniques, à moindre coût
 8
Introduction au Web (3/15)

Catégories de sites web

 Les sites catalogue : visent à présenter l'offre de l'entreprise
 Les sites d'information : fournissant une information particulière
à un type d'internaute
 Les sites marchands : permettant de vendre des produits aux
internautes et éventuellement de payer en ligne
 Les sites personnels : sont réalisés par des particuliers à titre de
loisir, ou dans un cadre professionnel
 Les sites web portail : offrent une porte d’entrée sur un large
panel de ressources et de services
 Les sites intranet : sont accessibles de l'intérieur d'une entreprise
ou d'une organisation, pour la mise à disposition et le partage
d'informations professionnelles
 9
Introduction au Web (4/15)

 L’architecture nécessaire
▫ La technologie du Web est basée sur l’architecture Client/Serveur.
▫ On distingue deux types d’architecture du Web :
 Web statique
 Web dynamique
 10
Introduction au Web (5/15)

Web Statique
▫ l’utilisateur envoie une requête de type URL au serveur Web via
le protocole HTTP
▫ Le serveur reçoit la demande et renvoie le fichier HTML à
l’explorateur du client qui le lit et l’affiche
 11
Introduction au Web (6/15)

Pour accéder à une page Web, l’utilisateur doit connaître son adresse
(URL)
▫ URL (Uniform Resource Locator) :
▫ Un format de nommage universel pour désigner une page sur
Internet ;
▫ Désigne une ressource sur internet

Exemple : [Link]
Protocole : http
Nom du serveur : [Link]
Chemin d’accès à la ressource : fr/[Link]
 12
Introduction au Web (7/15)

HTTP : HyperText Transfer Protocol

▫ un protocole de communication client-serveur développé pour le
World Wide Web.
▫ C'est un des protocoles les plus connus, celui que les internautes
utilisent pour se connecter à un site
▫ Les clients HTTP les plus connus sont les navigateurs web
permettant à un utilisateur d'accéder à un serveur contenant les
données.
▫ Il permet le transfert directionnel (serveur vers client) de
documents, encodés par le langage de description de page HTML
 13
Introduction au Web (8/15)

Web Dynamique
1. Le client demande une requête du serveur d’application.
2. Le serveur d’application reçoit cette requête qui va l’interpréter.
3. Le serveur d’application interroge le serveur de données avec une
requête de type SQL, XML, etc.
 14
Introduction au Web (9/15)

4. Le serveur de données renvoie la réponse au serveur

d’application et la réponse sera formatée au format web.
5. La réponse sera ensuite envoyée via le Web au client.
6. Le client reçoit la réponse qui sera affichée par son navigateur
Web.
 15
Introduction au Web (10/15)

Réalisation d’un site web

 Le développement des pages web consiste à créer des fichiers en
utilisant :
▫ un langage de présentation de page web (lorsque la page est
statique)
▫ un langage de programmation (lorsque le contenu de la page
varie dynamiquement).
 16
Introduction au Web (11/15)

Réalisation d’un site web (suite)

 Manuellement
 à l'aide d'un simple éditeur de texte (Bloc-notes)
 créer des pages en écrivant du code HTML
 En utilisant un éditeur WYSIWYG
 What You See is What You Get (ce que vous voyez est ce que
vous obtenez)
 ces éditeurs permettent de générer automatiquement les balises
HTML à l’aide d’un simple click de souris.
 Exemple : Frontpage, Dreamweaver et Webexpert.
 En utilisant des convertisseurs de formats
 Convertir des documents bureautiques vers le format HTML.
 Exemple de convertisseur : RTF2HTML
 17
Introduction au Web (12/15)

Hébergement d’un site web

 mettre en ligne, c'est-à-dire de transférer les fichiers de
l’ordinateur client sur le serveur.
 se connecter à Internet, puis envoyer les pages vers le serveur à
l'aide d'un client FTP (un logiciel de transfert de fichiers :
Filezilla, smartFTP).
 Hébergeur : une société mettant à disposition un serveur web
connecté en permanence à Internet
 hébergeurs gratuits :
 Ils prêtent gratuitement un espace disque sur un serveur pour
créer vos pages web.
 Ils gagnent de l'argent soit avec un espace publicitaire sur le
site, soit uniquement grâce au trafic sur leur propre site.
 18
Introduction au Web (13/15)

Hébergement d’un site web (suite)

 hébergeurs professionnels:
 garantit un service de qualité et de sécurité (sécurité des
données et assurance d'un nombre de pannes réduit).
 indispensable dans le cas d'un site à trafic important
 19
Introduction au Web (14/15)

 Les langages à apprendre : HTML et CSS

▫ Deux langages ont des rôles différents
▫ Deux langages qui se complètent
 20
Introduction au Web (15/15)

 HTML (HyperText Markup Language) :

▫ apparu dès 1991 lors du lancement du Web.
▫ Son rôle est de gérer et organiser le contenu. C'est donc en HTML
que vous écrirez ce qui doit être affiché sur la page : du texte, des
liens, des images…

 CSS (Cascading Style Sheets, aussi appelées Feuilles de style) :

▫ Son rôle est de gérer l'apparence de la page web (agencement,
positionnement, décoration, couleurs, taille du texte…).
▫ Il vient de compléter le HTML en 1996.