IT 130

INTRODUCTION AUX TECHNOLOGIES WEB

M. Dodji EDOU

Octobre 2024

M. Dodji EDOU IT 130 Octobre 2024 1 / 27

OBJECTIFS DU COURS
Une introduction à Internet, au World Wide Web et au développement
Web pour les étudiants ayant un fort intérêt pour la technologie.
Les élèves créeront des pages Web interactives en écrivant du HTML et
du CSS et en programmant en JavaScript.
Les sujets abordés comprennent les origines du Web, les rôles et les
opérations des navigateurs Web et des serveurs Web, l’interaction avec
les applications Web via des formulaires et l’utilisation de feuilles de
style pour séparer la structure et la mise en forme des documents.
L’objectif principal de ce cours est de fournir une compréhension
générale de l’informatique en se concentrant sur le Web et ses
technologies. Les objectifs spécifiques comprennent :
▶ Expliquer comment les sites Web sont organisés ;
▶ Développer des pages Web utiles ;
▶ Rédiger des programmes simples ;
M. Dodji EDOU IT 130 Octobre 2024 2 / 27
OBJECTIFS DU COURS

L’objectif principal de ce cours est de fournir une compréhension

générale de l’informatique en se concentrant sur le Web et ses
technologies. Les objectifs spécifiques comprennent :
▶ Apprendre à rechercher de la documentation pour apprendre par
vous-même
▶ Diagnostiquer les problèmes de code informatique en traçant les états du
programme, en prédisant les résultats et en expliquant les écarts entre
les résultats prévus et le comportement réel ;
▶ Expliquer le rôle des programmes et des algorithmes pour résoudre des
problèmes scientifiques ;
▶ Identifier les difficultés et les limites de l’utilisation de la technologie
informatique pour résoudre des problèmes.

M. Dodji EDOU IT 130 Octobre 2024 3 / 27

PLAN

PARTIE 1 : Ctéez votre site web avec HTML5 et CSS3

PARTIE 2 : Dynamisez votre site web avec Javascript

M. Dodji EDOU IT 130 Octobre 2024 4 / 27

PARTIE 1 : CTÉEZ VOTRE SITE WEB AVEC HTML5 ET
CSS3

M. Dodji EDOU IT 130 Octobre 2024 5 / 27

CHAPITRES COUVERTS DANS CETTE PARTIE

Chapitre 1 : Généralités sur le web

Chapitre 2 : Les bases de HTML5
Chapitre 3 : Mise en forme avec CSS
Chapitre 4 : Mise en page du site
Chapitre 5 : Fonctionnalités évoluées

M. Dodji EDOU IT 130 Octobre 2024 6 / 27

CHAPITRE 1 : GÉNÉRALITÉS SUR LE WEB

Internet
Qu’est ce que le World Wide Web ?

M. Dodji EDOU IT 130 Octobre 2024 7 / 27

1.1. INTERNET

M. Dodji EDOU IT 130 Octobre 2024 8 / 27

1.1.1. HISTORIQUE

Internet a été le fruit d’une réflexion visionnaire menée par des personnes au
début des années 1960, qui voyaient une grande valeur potentielle en
permettant aux ordinateurs de partager des informations sur la recherche et
le développement dans les domaines scientifiques et militaires. J.C.R.
Licklider du MIT, a d’abord proposé un réseau mondial d’ordinateurs en
1962, et est passé à l’Agence des Projets de Recherche Avancée de Défense
(DARPA) à la fin de 1962 pour diriger le travail pour le développer.Leonard
Kleinrock du MIT et plus tard UCLA développé la théorie de la
commutation par paquets, qui devait former la base des connexions Internet.

M. Dodji EDOU IT 130 Octobre 2024 9 / 27

1.1.1. HISTORIQUE

Lawrence Roberts du MIT a connecté un ordinateur du Massachusetts à un

ordinateur californien en 1965 sur des lignes téléphoniques commutées. Il a
montré la faisabilité d’un réseau étendu, mais a également montré que la
commutation du circuit téléphonique était inadéquate. La théorie de
commutation de paquets de Kleinrock a été confirmée. Roberts est passé à
DARPA en 1966 et a développé son plan pour ARPANET. Ces visionnaires
et bien d’autres laissés sans nom ici sont les véritables fondateurs d’Internet.

M. Dodji EDOU IT 130 Octobre 2024 10 / 27

1.1.2. DÉFINITION

Il s’agit d’un réseau informatique mondial permettant d’échanger et de

partage des informations contenues dans des ordinateurs répartis aux quatre
coins du monde.

M. Dodji EDOU IT 130 Octobre 2024 11 / 27

1.1.3. LE CONCEPT GÉNÉRAL D’INTERNET

Le terme Internet désigne aujourd’hui le réseau d’ordinateurs publics

exécutant des protocoles Internet.
Internet est un système global de données d’échange de réseaux
informatiques interconnectés par commutation de paquets utilisant les
protocoles Internet standardisés (TCP / IP).
Il s’agit d’un réseau de réseaux qui se compose de millions de réseaux
privés et publics académiques, commerciaux et gouvernementaux de
portée locale à globale qui sont reliés par des câbles en fibre optique,
des connexions sans fil et d’autres technologies.
L’Internet porte diverses sources d’information telles que le courrier, le
chat en ligne, le transfert de fichiers, le partage de fichiers, les jeux en
ligne et les documents hypertextes interconnectés et d’autres sources
de World Wide Web (www).

M. Dodji EDOU IT 130 Octobre 2024 12 / 27

1.1.4. COMMENT FONCTIONNE INTERNET ?
Internet est un réseau mondial d’ordinateurs dont chaque ordinateur
connecté à Internet doit avoir une adresse unique.
Les adresses Internet sont sous la forme nnn.nnn.nnn.nnn où nnn doit
être un nombre compris entre 0 et 255.
Cette adresse est connue comme une adresse IP

Figure 1: Fonctionnement d’internet (1/3)

M. Dodji EDOU IT 130 Octobre 2024 13 / 27
D’une manière plus macro

M. Dodji EDOU Figure 2: Fonctionnement

IT 130 d’internet (2/3) Octobre 2024 14 / 27
Plus réellement

M. Dodji EDOU IT 130 Octobre 2024 15 / 27

1.2. QU’EST CE QUE LE WORLD WIDE WEB ?

M. Dodji EDOU IT 130 Octobre 2024 16 / 27

1.2.1. DÉFINITION

Le World Wide Web (littéralement la « toile (d’araignée) mondiale », abrégé

WWW ou le Web), la toile mondiale ou la toile, est un système hypertexte
public fonctionnant sur Internet. Le Web permet de consulter, avec un
navigateur, des pages accessibles sur des sites. C’est une interface logicielle
et un programme de communication associé qui permet de communiquer en
passant par le réseau Internet. L’accès au World Wide Web (Web)
s’effectue par l’intermédiaire d’un logiciel de navigation (ou navigateur).
C’est la porte d’entrée et la voie qui mène à toutes les informations qui se
trouvent dans les ordinateurs qui y sont connectés.

M. Dodji EDOU IT 130 Octobre 2024 17 / 27

1.2.1. DÉFINITION

Le World Wide Web a été inventé par le physicien britannique Tim

Berners-Lee en 1989. Il a développé un langage de balisage appelé HTML
(HyperText Markup Language) pour créer des pages web, un protocole de
transfert appelé HTTP (Hypertext Transfer Protocol) pour permettre le
transfert de ces pages, et un navigateur web pour les afficher. Cette
combinaison de technologies a ouvert la porte à la création de sites web, où
les documents peuvent contenir des liens hypertextes permettant de
naviguer d’une page à l’autre, créant ainsi un réseau d’informations
interconnectées

M. Dodji EDOU IT 130 Octobre 2024 18 / 27

1.2.2. LES NAVIGATEURS WEB

Un navigateur web est un logiciel qui permet d’interpréter les langages des
sites web, comme le HTML5, le CSS, le java, le JavaScript, le PHP, le
MySQL, le Flash

M. Dodji EDOU IT 130 Octobre 2024 19 / 27

1.2.2. LES NAVIGATEURS WEB

Il en existe plusieurs dizaines, et parmi eux les plus connus :

Internet Explorer sous Windows 95 à 8.1 ;
Microsoft Edge sous Windows 10 ;
Safari sou Mac OSX ;
Mozilla Firefox sous licence OpenSource ;
Google Chrome de Google ;
Opéra
A noter que tous ces navigateurs sont disponibles sous le système
d’exploitation Microsoft Windows ; certains comme ceux de Windows
ne sont pas compatibles avec Mac OSX ou Linux.

M. Dodji EDOU IT 130 Octobre 2024 20 / 27

 Figure 4: Navigateurs

M. Dodji EDOU IT 130 Octobre 2024 21 / 27

 Figure 5: Fonctionnement du web (1/2)

M. Dodji EDOU IT 130 Octobre 2024 22 / 27

 Figure 6: Fonctionnement du web (2/2)

M. Dodji EDOU IT 130 Octobre 2024 23 / 27

1.2.3. QUELQUES DÉFINITIONS

Le Web, ou World Wide Web : est un système complexe qui permet

de partager des informations et des ressources à travers Internet. Voici
une explication simplifiée de son fonctionnement :
Protocole HTTP/HTTPS : Le Web utilise le protocole HTTP
(Hypertext Transfer Protocol) ou son équivalent sécurisé, HTTPS
(HTTP Secure). Ces protocoles permettent la communication entre les
clients (navigateurs Web) et les serveurs Web. HTTPS ajoute une
couche de sécurité grâce au chiffrement des données.
Navigateurs Web : Les utilisateurs interagissent avec le Web via des
navigateurs tels que Google Chrome, Mozilla Firefox, Safari, etc. Ces
navigateurs envoient des requêtes HTTP aux serveurs Web pour
récupérer des pages Web.

M. Dodji EDOU IT 130 Octobre 2024 24 / 27

1.2.3. QUELQUES DÉFINITIONSs

Serveurs Web : Les sites Web sont hébergés sur des serveurs Web.
Ces serveurs sont des ordinateurs puissants qui stockent les fichiers des
sites Web (HTML, CSS, images, etc.). Lorsqu’un navigateur envoie
une requête, le serveur Web répond en envoyant les fichiers demandés.
URL (Uniform Resource Locator) : Une URL est l’adresse qui
permet de localiser une ressource sur le Web. Elle se compose du
protocole (http://, https://), du nom de domaine (par exemple,
www.example.com), et du chemin vers la ressource spécifique.
HTML (Hypertext Markup Language) : Les pages Web sont
généralement écrites en HTML. Il s’agit d’un langage de balisage qui
structure le contenu de la page en utilisant des balises, telles que
<html>, <head>, <body>, <p>, etc.

M. Dodji EDOU IT 130 Octobre 2024 25 / 27

1.2.3. QUELQUES DÉFINITIONS

CSS (Cascading Style Sheets) : Les feuilles de style CSS sont

utilisées pour définir la présentation et la mise en forme des éléments
HTML. Elles permettent de contrôler la couleur, la police, la taille, la
disposition, etc. des éléments de la page.
JavaScript : JavaScript est un langage de programmation utilisé pour
rendre les pages Web interactives. Il permet d’ajouter des
fonctionnalités dynamiques, telles que des animations, des formulaires
interactifs, des mises à jour en temps réel, etc.
Serveurs d’application et bases de données : Les sites Web
dynamiques utilisent souvent des serveurs d’application pour générer
des pages en temps réel en fonction des requêtes des utilisateurs. Les
bases de données stockent les données nécessaires aux sites Web,
comme les profils d’utilisateurs, les articles de blog, les produits, etc.

M. Dodji EDOU IT 130 Octobre 2024 26 / 27

1.2.3. QUELQUES DÉFINITIONS

Navigation et hyperliens : La caractéristique essentielle du Web est

la possibilité de naviguer entre les pages en utilisant des hyperliens. Un
hyperlien est un élément cliquable qui vous redirige vers une autre page
ou ressource lorsque vous le cliquez.
Moteurs de recherche : Les moteurs de recherche comme Google,
Bing et Yahoo permettent de trouver des ressources sur le Web. Ils
utilisent des algorithmes complexes pour indexer et classer les pages
Web en fonction de leur pertinence par rapport aux termes de
recherche.
Le Web est un réseau mondial complexe de serveurs, de sites Web, de
données et d’utilisateurs. Il repose sur des normes ouvertes et des protocoles
pour assurer l’interopérabilité et l’accès universel aux informations. Les
principaux acteurs du Web travaillent en permanence pour l’améliorer et le
sécuriser.

M. Dodji EDOU IT 130 Octobre 2024 27 / 27