Le Web
Objectifs :
- Distinguer la structure du web de son fonctionnement
- Ecrire une page HTML / CSS
1 - Historique
- 1965 : Ted Nelson invente la notion de hypertexte numérique, texte contenant des liens permettant de naviguer dans des pages.
- 1967 : Naissance d'ARPANET, ancêtre d'internet.
- 1989 : Tim Berners-Lee propose d'utiliser l'hypertexte sur internet, qui est en train de naître. Naissance du World Wide Web.
- 1993 : Tim et d'autres travaillent sur le premier navigateur web : Mosaïc, qui deviendra Netscape, puis Firefox.
- 1994 : Tim fonde le W3C qui standardise les technologies en dehors de toute utilisation commerciale (World Wide Web Consortium).
2 - Accès à une page Web : URL
Uniform Ressource Locator
Exemple : http://www.escl.fr/index.html
- Protocole ("http"):
- http: hypertext transfert protocol
- https : hypertext transfert protocol secured
- ftp : file transfert protocol
- mailto : lien vers adresse mail
- Nom de la machine serveur ("www.escl.fr") :
- Domaine : escl.fr (fr : france, escl : le lycée)
- Sous Domaine : www.escl.fr
- Chemin ("/index.html") :
Application : quelles sont les différentes adresses IP relatives à escl.fr ?
- www.escl.fr : 54.36.91.62 (serveur web du lycée)
- eleves.escl.fr : 86.227.208.179 (serveur des éleves)
- escl.fr : 54.36.91.62 (serveur de base)
- mail.escl.fr : 193.70.18.144 (serveur de mails)
Remarque :Pour éviter le Phishing, on apprend à determiner la machine indiquée dans le lien URL.
ex : "https://www.escl.fr.monsite.info/index.html" pointe vers le domaine : monsite.info
3 - Accès à un serveur
Un serveur web est principalement situé dans une machine (Adresse IP). On y accède avec http ou https.
Différents ports d'entrée peuvent être disponibles, Ils correspondent à différents besoins :
- Web : http(80) et https(443)
- Transfert de fichiers : ftp(21) et ftp-data(20)
- Mail : smtp(25), pop3(110), imap(143)
4 - Écriture d'une page Web
Une page web est principalement écrite en HTML (Hypertext Markup Language) et peut être associée à une feuille de style en CSS(Cascading Style Sheet).
Application : voir le code de ce cours