Création de site Web TD1 :« Généralités sur HTML » Mercredi 23 mars 2005 Licence A.G.E Groupe 1 Jean Yuan Plan du cours 1. Qu'est-ce qu'Internet ? ________________________________________________________ 1 1.1. Se connecter à Internet __________________________________________________________ 2 2. Qu'est-ce qu'un site Web ? _____________________________________________________ 2 3. Rappel des notions nécessaires __________________________________________________ 3 3.1. Réseaux : ______________________________________________________________________ 3 3.2. Internet : ______________________________________________________________________ 3 3.3. Site Web : _____________________________________________________________________ 3 3.4. Adresse IP : ____________________________________________________________________ 3 3.5. Noms de domaine : ______________________________________________________________ 4 3.6. URL (Uniform Resource Locator) : ________________________________________________ 4 3.7. Protocole : _____________________________________________________________________ 5 3.8. Protocole HTTP : _______________________________________________________________ 5 3.8.1. Communication entre navigateur et serveur _________________________________________________ 5 4. Protocole FTP : ______________________________________________________________ 5 5. Présentation du HTML ________________________________________________________ 6 5.1. Le HTML est un standard ________________________________________________________ 6 5.2. Versions du langage HTML ______________________________________________________ 7 5.3. Des outils nécessaires ____________________________________________________________ 7 6. Première page HTML _________________________________________________________ 7 7. Présentation la page de www. google.fr ___________________________________________ 8 8. Présentation des projets ________________________________________________________ 8 9. Références : _________________________________________________________________ 8 1. Qu'est-ce qu'Internet ? Aux débuts de l'informatique des ordinateurs ont été mis au point, dès qu'ils furent aptes à fonctionner seuls, des personnes eurent l'idée de les relier entre eux afin qu'ils puissent échanger des données, c'est le concept de réseau. Il a donc fallu mettre au point des liaisons physiques entre les ordinateurs pour que l'information puisse circuler, mais aussi un langage de communication pour qu'il puisse y avoir un réel échange, on a décidé de nommer ce langage: protocole. Sur Internet, de nombreux protocoles sont utilisés, ils font partie d'une suite de protocoles qui s'appelle TCP/IP. TCP/IP est basé sur le repérage de chaque ordinateur par une adresse appelée adresse IP qui permet d'acheminer les données à la bonne adresse. Puis on a associé à ces adresses des noms de domaine pour permettre de s'en souvenir plus facilement. Université Paris XII – Val de Marne 1/8 Création de site Web TD1 :« Généralités sur HTML » Mercredi 23 mars 2005 Licence A.G.E Groupe 1 Jean Yuan Des réseaux hétérogènes (de natures différentes) se sont développés aux quatre coins du globe; des personnes décidèrent donc de relier ces réseaux entre eux (des universités par exemple, ou l'armée). Les protocoles ont donc évolué pour permettre la communication de tous ces réseaux pour former le réseau des réseaux, formant petit à petit une gigantesque toile d'araignée (en anglais "Web") formant le réseau le plus vaste, puisque contenant tous les réseaux, que l'on appelle Internet! Sur Internet il existe différents protocoles (langages entre les ordinateurs) qui permettent de faire différentes choses: http: regarder des pages Web ftp: transférer des fichiers et bien d'autres choses 1.1. Se connecter à Internet La carte réseau est l'élément de l'ordinateur qui permet de se connecter à un réseau par des lignes spécialement prévues pour faire transiter des informations numériques. Le modem permet, lui, de se connecter à un réseau par l'intermédiaire des lignes téléphoniques ... qui ne sont pas prévues à cet effet à l'origine (mais qui reste le moyen de communication le plus répandu). Une carte réseau possède une adresse IP qui la caractérise (c'est comme ça que l'on peut distinguer les différents ordinateurs sur Internet ... difficile sinon de mettre en place une communication). La connexion par l'intermédiaire d'un modem est totalement différente. En effet, un modem permet d'établir une communication entre deux ordinateurs par l'intermédiaire d'une ligne téléphonique. Vous pouvez toutefois avoir accès à un réseau (donc par extension à Internet) en contactant un ordinateur relié ("d'un côté") à une ou plusieurs lignes téléphonique (pour recevoir votre appel) et ("de l'autre côté") à un réseau par l'intermédiaire d'une carte réseau. Cet ordinateur appartient généralement à votre fournisseur d'accès Internet (FAI). Lorsqu'il vous connecte par son intermédiaire, il vous prête une adresse IP que vous garderez le temps de la connexion. A chaque connexion de votre part il vous attribuera arbitrairement une des adresses IP libres qu'il possède, celle-ci n'est donc pas une adresse IP "fixe". 2. Qu'est-ce qu'un site Web ? Un site Web (aussi appelé site Internet ou page perso dans le cas d'un site Internet à but personnel) est un ensemble de fichiers HTML stockés sur un ordinateur connecté en permanence à Internet et hébergeant les pages Web (serveur Web). Un site web est habituellement architecturé autour d'une page centrale, appelée «page d'accueil» et proposant des liens vers un ensemble d'autres pages hébergées sur le même serveur, et parfois des liens dits «externes», c'est-à-dire de pages hébergées par un autre serveur. Une URL se présente sous la forme suivante : http://www.website.com/index.htm Etudions plus en détail cette adresse : Université Paris XII – Val de Marne 2/8 Création de site Web TD1 :« Généralités sur HTML » Mercredi 23 mars 2005 Licence A.G.E Groupe 1 Jean Yuan http:// indique que nous souhaitons naviguer sur le Web au moyen du protocole HTTP, le protocole utilisé par défaut pour naviguer entre les pages web. Il existe d'autres protocoles, correspondant à d'autres usages de l'Internet. www.website.com correspond à l'adresse du serveur qui héberge les pages web. Par convention les serveurs Web possèdent un nom commençant par www., afin de bien symboliser qu'il s'agit de serveurs dédiés à l'usage du Web et surtout dans un souci de cohérence afin de permettre la mémorisation de l'adresse. La seconde partie de cette adresse est appelée nom de domaine. Un site Web peut ainsi être hébergé par plusieurs serveurs, appartenant tous à un même domaine : www. website.com, www2. website.com, website.com, etc. index.htm permet d'indiquer la localisation du document sur la machine. Dans le cas présent il s'agit du fichier index.htm situé dans le répertoire racine du site. 3. Rappel des notions nécessaires 3.1. Réseaux : Des humains et des ordinateurs interconnectés pour effectuer du travail collaboratif d'accession à l'information, de publication ou de diffusion d'informations, d'analyse ou de modélisation d'informations, dans un milieu réel ou virtuel élargi (par opposition à des tâches semblables effectuées en mode autonome). 3.2. Internet : C'est un immense réseau informatique, issu du monde de la recherche et de l'enseignement qui utilise un langage commun " TCP/IP " qui permet à des ordinateurs de communiquer et de partager des données à l'échelle du monde. 3.3. Site Web : Un site Web (aussi appelé site Internet ou page perso dans le cas d'un site Internet à but personnel) est un ensemble de fichiers HTML stockés sur un ordinateur connecté en permanence à Internet et hébergeant les pages Web (serveur Web). 3.4. Adresse IP : Sur Internet, les ordinateurs communiquent entre eux grâce au protocole TCP/IP qui utilise des numéros de 32 bits, que l'on écrit sous forme de 4 numéros allant de 0 à 255 (4 fois 8 bits), on les note donc sous la forme xxx.xxx.xxx.xxx où chaque xxx représente un entier de 0 à 255. Ces numéros servent aux ordinateurs du réseau pour se reconnaître, ainsi il ne doit pas exister deux ordinateurs sur le réseau ayant la même adresse IP (IP signifie Internet Protocol). Université Paris XII – Val de Marne 3/8 Création de site Web Licence A.G.E Groupe 1 TD1 :« Généralités sur HTML » Mercredi 23 mars 2005 Jean Yuan Par exemple, 194.153.205.26 est une adresse TCP/IP donnée sous une forme technique. Ce sont ces adresses que connaissent les ordinateurs qui communiquent entre eux. 3.5. Noms de domaine : Chaque ordinateur directement connecté à Internet possède au moins une adresse IP propre. Cependant, les utilisateurs ne veulent pas travailler avec des adresses numériques du genre 194.153.205.26 mais avec des noms de machine ou des adresses plus explicites (appelées adresses FQDN) du type http://www.website.com Ainsi, il est possible d'associer des noms en langage courant aux adresses numériques grâce à un système appelé DNS (Domain Name System). On appelle résolution de noms de domaines (ou résolution d'adresses) la corrélation entre les adresses IP et le nom de domaine associé. 3.6. URL (Uniform Resource Locator) : Une URL (Uniform Resource Locator) est un format de nommage universel pour désigner une ressource sur Internet. Il s'agit d'une chaîne de caractères ASCII imprimables qui se décompose en cinq parties: Le nom du protocole : c'est-à-dire en quelque sorte le langage utilisé pour communiquer sur le réseau. Le protocole le plus largement utilisé est le protocole HTTP (HyperText Transfer Protocol), le protocole permettant d'échanger des pages Web au format HTML. De nombreux autres protocoles sont toutefois utilisables (FTP, News, Mailto, Gopher,...) Identifiant et mot de passe : permet de spécifier les paramètres d'accès à un serveur sécurisé. Cette option est déconseillée car le mot de passe est visible dans l'URL. Le nom du serveur : Il s'agit d'un nom de domaine de l'ordinateur hébergeant la ressource demandée. Notez qu'il est possible d'utiliser l'adresse IP du serveur, ce qui rend par contre l'URL moins lisible. Le numéro de port : il s'agit d'un numéro associé à un service permettant au serveur de savoir quel type de ressource est demandée. Le port associé par défaut au protocole est le port numéro 80. Ainsi, lorsque le service Web du serveur est associé au numéro de port 80, le numéro de port est facultatif Le chemin d'accès à la ressource : Cette dernière partie permet au serveur de connaître l'emplacement auquel la ressource est située, c'est-à-dire de manière générale l'emplacement (répertoire) et le nom du fichier demandé Une URL a donc la structure suivante : Protocole http:// Mot de passe (facultatif) user:password@ Nom du serveur www.website.com Université Paris XII – Val de Marne Port (facultatif si 80) :80 Chemin /index.htm 4/8 Création de site Web TD1 :« Généralités sur HTML » Mercredi 23 mars 2005 Licence A.G.E Groupe 1 Jean Yuan 3.7. Protocole : Un protocole est une méthode standard qui permet la communication entre des processus (s'exécutant éventuellement sur différentes machines), c'est-à-dire un ensemble de règles et de procédures à respecter pour émettre et recevoir des données sur un réseau. Il en existe plusieurs selon ce que l'on attend de la communication. Certains protocoles seront par exemple spécialisés dans l'échange de fichiers (le FTP), d'autres pourront servir à gérer simplement l'état de la transmission et des erreurs (c'est le cas du protocole ICMP), ... Sur Internet, les protocoles utilisés font partie d'une suite de protocoles, c'est-à-dire un ensemble de protocoles reliés entre eux. Cette suite de protocole s'appelle TCP/IP. Elle contient, entre autres, les protocoles suivants: HTTP, FTP, etc.…. 3.8. Protocole HTTP : Le protocole HTTP (HyperText Transfer Protocol) est le protocole le plus utilisé sur Internet depuis 1990. Le but du protocole HTTP est de permettre un transfert de fichiers (essentiellement au format HTML) localisés grâce à une chaîne de caractères appelée URL entre un navigateur (le client) et un serveur Web. 3.8.1. Communication entre navigateur et serveur La communication entre le navigateur et le serveur se fait en deux temps: Le navigateur effectue une requête HTTP Le serveur traite la requête puis envoie une réponse HTTP 4. Protocole FTP : Université Paris XII – Val de Marne 5/8 Création de site Web TD1 :« Généralités sur HTML » Mercredi 23 mars 2005 Licence A.G.E Groupe 1 Jean Yuan Le protocole FTP (File Transfer Protocol) est, comme son nom l'indique, un protocole de transfert de fichier. Le protocole FTP définit la façon selon laquelle des données doivent être transférées sur un réseau TCP/IP. Le protocole FTP a pour objectifs de : permettre un partage de fichiers entre machines distantes permettre une indépendance aux systèmes de fichiers des machines clientes et serveur permettre de transférer des données de manière efficace 5. Présentation du HTML Le HTML ("HyperText Markup Language") est un langage dit de "marquage" chargé de formaliser l'écriture d'un document avec des balises de formatage indiquant la façon dont doit être présenté le document et les liens qu'il établit avec d'autres documents. Il permet notamment la lecture de documents sur Internet à partir de machines différentes grâce au protocole HTTP, permettant d'accéder via le réseau à des documents repérés par une adresse unique, appelée URL. On appelle World Wide Web (noté WWW) ou tout simplement Web (mot anglais signifiant toile) la "toile virtuelle" formée par les différents documents (appelés pour l'occasion pages Web) liés entre eux par des hyperliens. Les pages Web sont généralement organisées autour d'une page d'accueil, jouant un point central dans la navigation des visiteurs parmi les pages HTML à l'aide des liens hypertextes. Cet ensemble cohérent de pages Web liées par des liens hypertextes et articulées autour d'une page d'accueil commune est appelée site web. Le Web est ainsi une énorme archive vivante composée d'une myriade de sites web proposant des pages Web pouvant contenir du texte mis en forme, des images, des sons, des vidéo, etc. 5.1. Le HTML est un standard Il est important de comprendre que le langage HTML est un standard, c'est-à-dire qu'il s'agit de recommandations publiées par un consortium international: le World Wide Web Consortium (W3C). Les spécifications officielles du HTML décrivent donc les "instructions" HTML mais en aucun cas leur implémentation, c'est-à-dire leur traduction en programmes d'ordinateur, afin de permettre la consultation de pages Web indépendamment du système d'exploitation ou de l'architecture de l'ordinateur. Toutefois, aussi étoffées les spécifications soient-elles, il existe toujours une marge d'interprétation de la part des navigateurs, ce qui explique qu'une même page Web puisse s'afficher différemment d'un navigateur Internet à l'autre. Université Paris XII – Val de Marne 6/8 Création de site Web TD1 :« Généralités sur HTML » Licence A.G.E Groupe 1 Mercredi 23 mars 2005 Jean Yuan De plus, il arrive parfois que certains éditeurs de logiciels ajoutent des instructions HTML propriétaires, c'est-à-dire ne faisant pas partie des spécifications du W3C. Ainsi des pages Web contenant ce type d'instruction pourront être parfaitement affichées sur un navigateur et totalement illisibles sur les autres, d'où la nécessité de créer des pages Web respectant les recommandations du W3C afin de permettre leur consultation par le plus grand nombre. 5.2. Versions du langage HTML Le langage HTML a été mis au point par Tim Berners-Lee, alors chercheur au CERN, à partir de 1989. Celui-ci annonça officiellement la création du Web sur Usenet en août 1991. Ce n'est cependant qu'à partir de 1993 que l'on considère l'état du HTML suffisamment avancé pour parler de langage (HTML est alors baptisée symboliquement HTML 1.0). Le navigateur Internet utilisé à l'époque était nommé NCSA Mosaïc. Le RFC (Request For Comments) 1866, daté de novembre 1995 représente la première version officielle de HTML, c'est-à-dire le HTML 2.0. Après la brève apparition d'un HTML 3.0, qui ne vit jamais officiellement le jour, le HTML 3.2 devint le standard officiel le 14 janvier 1997. Les apports les plus marquants du HTML 3.2 étaient la standardisation des tableaux ainsi que d'un grand nombre d'éléments de présentation. Le 18 décembre 1997, le HTML 4.0 a été publié. La version 4.0 du langage HTML standardise notamment les feuilles de style et les cadres (frames). La version HTML 4.01, apparue le 24 décembre 1999 apporte quelques modifications mineures au HTML 4.0. 5.3. Des outils nécessaires Des outils de création de Web site : FrontPage, Dreamweaver Des outils pour optimiser les images du Web : Photoshop, ImageReady, Firewoks Présentation des fonctions de base Dreamweaver 6. Première page HTML Les commandes HTML peuvent être écrites en minuscules ou en majuscules. Un fichier rédigé en HTML doit être suffixé par .html ou .HTML ou .htm ou .HTM Les commandes HTML ont une marque de début et une marque de fin Les commandes HTML utilisent les caractères < et > comme délimiteurs. Certaines marques de fin sont facultatives (Image, BR, HR) Université Paris XII – Val de Marne 7/8 Création de site Web TD1 :« Généralités sur HTML » Licence A.G.E Groupe 1 Mercredi 23 mars 2005 Jean Yuan Exemple : < HTML > <HEAD> <TITLE>Hello world Title</TITLE> </ HEAD > <BODY> <p>Hello world</p> </ BODY > </HTML> 7. Présentation la page de www. google.fr 8. Présentation des projets (1 projet pour 4 étudiants maximum) Voir notes de Jean-Baptiste (Partie 1 et 2 de TD2_Balises.doc) 9. Références : http://www.ccim.be/ccim328/html/ http://www.lycee-international.com/eleves/creation_web.htm http://www.w3.org/ http://nephi.unice.fr/CoursHTML/ http://www.cabuzel.com/resume.html http://www.ccr.jussieu.fr/urfist/html/conseils.htm http://emmanuel-remy.developpez.com/HTML/IntroductionHTML/IntroductionHTML.htm http://www.commentcamarche.net/html/htmlintro.php3 http://www.chez.com/starshoot/html/intro.htm Université Paris XII – Val de Marne 8/8