Programmation Web 1 - Support de Cours

Ce laboratoire présente les notions fondamentales d’Internet et du Web, ainsi que les bases nécessaires à la création d’un site web. Il aborde l’historique d’Internet, les principaux services offerts, les formats de fichiers courants, les étapes de création d’un site, ainsi que le référencement et la gestion. Ce TP s’adresse aux étudiants de première année en technologies de l’informatique et nécessite des connaissances générales sur Internet et le Web.

Objectifs

• Comprendre l’historique et l’évolution d’Internet.
• Identifier les principaux services offerts par Internet.
• Connaître les formats de fichiers utilisés sur le Web.
• Appréhender les étapes de création d’un site web.
• Comprendre les notions de référencement et de gestion d’un site.

Prérequis et installation

• Connaissances générales sur Internet et le Web.
• Accès à un ordinateur avec un navigateur web.
• Éditeur de texte pour écrire des pages HTML (ex. : Notepad++, Sublime Text, Visual Studio Code).
• Connexion Internet pour consulter des ressources et tester les services.

Historique d’Internet

Cette étape vise à comprendre la genèse d’Internet, depuis ses débuts dans les années 60 jusqu’à son expansion mondiale.

• Étudier la création de l’ARPA en 1957 dans le contexte de la guerre froide.
• Analyser les plans pour le réseau ARPANET publiés en 1967 par Lawrence G. Roberts.
• Comprendre la conception du réseau à commutation de paquets par Donald Davies et Robert Scantlebury.
• Observer la mise en service d’ARPANET en 1969, reliant initialement 4 instituts universitaires.
• Suivre l’évolution des protocoles : NCP dans les années 70, puis TCP/IP adopté en 1983.
• Découvrir la naissance du World Wide Web en 1989 avec Tim Berners Lee et son interface lancée en 1991.
• Noter la croissance exponentielle du nombre d’ordinateurs connectés et d’utilisateurs jusqu’aux années 2000.

Un résultat correct est la capacité à expliquer ces étapes et à situer les innovations majeures dans le temps.

Les services d’Internet

Cette étape permet d’identifier et de comprendre les différents services accessibles via Internet.

• Messagerie électronique : Utiliser Internet pour envoyer et recevoir des messages électroniques, même si le destinataire est hors ligne.
• Forum de discussion : Participer à des espaces publics de discussion asynchrones autour de sujets spécifiques, avec modération possible.
• Transfert de fichiers : Utiliser le protocole FTP pour télécharger ou déposer des fichiers sur des machines distantes.
• Telnet et SSH : Se connecter à distance à un ordinateur pour le contrôler. SSH est préféré pour la sécurité car il chiffre les données.
• Cyber bavardage (chat) : Échanger en temps réel par texte, vidéo ou audio avec d’autres utilisateurs.
• Blog : Publier régulièrement des articles personnels ou thématiques en ligne, avec possibilité de commentaires.
• Moteur de recherche et annuaire Web : Rechercher des ressources sur le Web via des robots automatiques (spiders) ou des listes classées manuellement.

Un bon résultat est de pouvoir décrire chaque service et son utilité, ainsi que les logiciels clients nécessaires.

Principaux formats de fichiers sur Internet

Cette étape consiste à reconnaître les formats de fichiers couramment utilisés sur le Web, en distinguant les fichiers ASCII des fichiers binaires.

• Documents textes : HTML (ASCII), PDF (binaire), XML (ASCII), TXT (ASCII).
• Images : GIF (256 couleurs, animations), JPEG/JPG (photos compressées avec pertes), PNG (remplaçant GIF/JPEG), TIFF (images de haute qualité).
• Audio : AIFF, AU, MID, MP3 (haute fidélité), RA (streaming), WMA/WAV (Windows).
• Vidéo : AVI (Microsoft), MOV/QT (Apple), MPEG/MPG (standard de compression), DivX (compression vidéo).

Le résultat attendu est la capacité à associer un format à son usage et à son type (ASCII ou binaire).

Création d’un site Web

Cette étape explique les éléments essentiels à la conception d’un site web, son organisation et les technologies utilisées.

• Définition : Comprendre qu’un site est une vitrine d’informations organisée pour un public hétérogène.
• Éléments physiques : Nom de domaine (URL), pages statiques ou dynamiques reliées par des liens, hébergement.
• Objectifs et cible : Définir la finalité du site, le public visé, et les contraintes techniques (configuration, navigateur, connexion).
• Technologies : Maîtriser HTML, utiliser des éditeurs WYSIWYG (FrontPage, DreamWeaver, HTMLPad, Nvu), connaître les CMS, JavaScript/DHTML, Flash, et les pages actives (ASP, JSP, PHP, CGI).
• Présentation : Élaborer une charte graphique et une ergonomie adaptées, respecter les contraintes légales, limiter le poids des pages, assurer une navigation intuitive (maximum 3 clics, 7 rubriques par page), prévoir un plan du site.

Un résultat correct est la capacité à planifier un site cohérent, adapté à son public, et techniquement réalisable.

Référencement et gestion d’un site

Cette étape aborde les méthodes pour rendre un site visible et assurer sa maintenance.

• Référencement : Faire connaître le site aux moteurs de recherche pour qu’il soit accessible au public.
• Types de référencement : Automatique via spiders qui analysent les balises META, manuel en ajoutant l’URL aux annuaires comme Yahoo.
• Modes : Gratuit ou payant.
• Gestion : Suivre l’évolution du site, enrichir le contenu, corriger les erreurs, rôle du webmaster.

Un bon résultat est de comprendre l’importance du référencement et de la gestion continue pour la pérennité du site.

Résultats attendus

• Connaissance claire de l’historique d’Internet et des innovations majeures.
• Identification précise des services Internet et des logiciels clients associés.
• Maîtrise des principaux formats de fichiers utilisés sur le Web.
• Capacité à concevoir un site web adapté à un public et à un objectif précis.
• Compréhension des techniques de référencement et de gestion d’un site.

Pièges courants

• Confondre les protocoles Telnet et SSH, notamment en matière de sécurité.
• Ignorer les contraintes techniques du public cible (type de navigateur, vitesse de connexion).
• Omettre la planification de la charte graphique et de l’ergonomie, ce qui nuit à la navigation.
• Ne pas respecter les limites de navigation (plus de 3 clics, trop de rubriques), rendant le site confus.
• Négliger le référencement, ce qui empêche le site d’être visible malgré un contenu de qualité.
• Ne pas assurer la gestion continue du site, entraînant un contenu obsolète ou des erreurs non corrigées.