Plan du travail. 2014/2015 Cours TIC - 1ère année MI 86

Transcription

1 Plan du travail Chapitre 1: Internet et le Web Chapitre 2: Principes d Internet Chapitre 3 : Principaux services d Internet Chapitre 4 : Introduction au langage HTML 2014/2015 Cours TIC - 1ère année MI 86

2 Principaux services d Internet L utilisateur d Internet, "l internaute ", a accès à de très nombreux services tels que : le courrier électronique, la recherche d information, transfert de fichiers, groupes de discussions, commerce électronique,, etc. 2014/2015 Cours TIC - 1ère année MI 87

3 Le courrier électronique ( ) Le courrier électronique est un service de transmission de messages envoyés électroniquement via un réseau informatique principalement (l'internet) dans la boîte aux lettres électronique d un destinataire choisi par l émetteur. 2014/2015 Cours TIC - 1ère année MI 88

4 courrier électronique ( ) Pour bénéficier de cette activité, l usager doit disposer d une adresse de courrier électronique. Celle-ci est de la forme où hôte est l adresse Internet du serveur sur lequel l usager possède un compte de courrier électronique. 2014/2015 Cours TIC - 1ère année MI 89

5 courrier électronique ( ) Les principaux protocoles de service Les protocoles "Sortants" Les protocoles sortants permettent de gérer la transmission du courrier entre les serveurs. Le principal protocole sortant est SMTP (Simple Mail Transfer Protocol). Les protocoles "Entrants" Ce sont des protocoles de réception et de distribution du courrier. Deux protocoles entrants sont utilisés, au choix, dans les systèmes de messagerie: POP ou IMAP. 2014/2015 Cours TIC - 1ère année MI 90

6 courrier électronique ( ) POP (Post Office Protocol) et IMAP (Internet Message Access Protocol) assurent: la réception et la consultation des messages, et l authentification C est-à-dire la vérification des noms d utilisateurs et des mots de passe. 2014/2015 Cours TIC - 1ère année MI 91

7 courrier électronique ( ) Processus d acheminement - Le destinataire, par l intermédiaire L'utilisateur utilise son UA "User de son UA, demande à son serveur de Agent" pour composer son message. courrier Le les nouveaux messages. Mail Server recherche via une UA envoie le message via le protocole - Le serveur envoie le message au UA requête DNS le serveur de mail SMTP à son serveur de mail préféré. du destinataire. destinataire. user agent mail server mail server SMTP SMTP POP3 IMAP user agent 2014/2015 Cours TIC - 1ère année MI 92

8 Transfert de fichiers (FTP) FTP est un protocole de communication destiné à l échange de fichiers sur un réseau TCP/IP. Il permet de: copier des fichiers vers un autre ordinateur du réseau, administrer un site web, ou encore de supprimer ou de modifier des fichiers sur cet ordinateur 2014/2015 Cours TIC - 1ère année MI 93

9 Transfert de fichiers Le protocole FTP obéit à un modèle client-serveur, le client: envoie des requêtes aux serveur le serveur est un ordinateur sur lequel fonctionne un logiciel luimême appelé serveur FTP. Pour accéder à un serveur FTP, on utilise un logiciel client FTP (possédant une interface graphique ou en ligne de commande). user at host FTP user interface FTP client local file system file transfer FTP server 2014/2015 Cours TIC - 1ère année MI 94

10 Transfert de fichiers On distingue deux sens de transfert : Le téléchargement (download) : consiste à transférer des fichiers d une machine distante (serveur ftp) à une machine cliente, l hébergement (upload) : permet de transférer des fichiers d une machine cliente à une machine distante (serveur ftp). 2014/2015 Cours TIC - 1ère année MI 95

11 Accès à des systèmes distants L une des fonctions importantes d Internet est de permettre aux Internautes d accéder à distance aux ordinateurs mis à leur disposition. Le protocole Telnet sert à cette fonction. 2014/2015 Cours TIC - 1ère année MI 96

12 Accès à des systèmes distants Telnet (TErminal NETwork) est un protocole réseau utilisé sur tout réseau supportant le protocole TCP/IP. Telnet est employé non seulement pour connecter au serveur, mais il peut également connecter à n importe quelle machine qui dispose d un service de Telnet. 2014/2015 Cours TIC - 1ère année MI 97

13 Recherche d information Le Web est devenu une ressource d information incontournable. Il utilise le protocole HTTP (Hypertext Transfer Protocol) pour l échange d information entre le logiciel client et le serveur. Pour accéder aux informations en ligne, l internaute utilise un logiciel appelé " navigateur " (google Chrome, Internet Explorer ou Mozilla Firefox par exemple). 2014/2015 Cours TIC - 1ère année MI 98

14 Recherche d information L internaute indique l URL d un site Web. Le navigateur émet une requête HTTP et le site distant retourne l information demandée comme un document HTML. Ce document HTML est interprété par le navigateur du client afin d afficher le résultat comme une page Web 2014/2015 Cours TIC - 1ère année MI 99

15 Recherche d information Le réseau Internet offre un contenu numérique considérable. La localisation d un URL qui répond à nos besoins passe le plus souvent par l utilisation d outils de recherche de type "moteurs de recherche". A une liste de mots clefs, le moteur de recherche répond une liste de références à des sites et des pages en relation, accessibles sous forme de liens hypertexte. 2014/2015 Cours TIC - 1ère année MI 100

16 Les forums de discussion Les forum de discussion permettent aux internautes de discuter de divers thèmes sur des serveurs internet (serveur News), en temps différé et sans besoin de connaître les références des participants. Un forum de discussion est un espace Web dynamique permettant à différentes personnes de communiquer. 2014/2015 Cours TIC - 1ère année MI 101

17 Commerce électronique Depuis 1995, le Web est utilisé pour faire du commerce électronique (e-commerce). Des sociétés comme Amazon.com mettent leurs produits en vente sur un serveur, le consommateur y recherche ce qui l intéresse, puis commande, envoie le numéro de sa carte de crédit, et reçoit la marchandise. 2014/2015 Cours TIC - 1ère année MI 102

18 Plan du travail Chapitre 1: Internet et le Web Chapitre 2: Principes d Internet Chapitre 3 : Principaux services d Internet Chapitre 4 : Introduction au langage HTML 2014/2015 Cours TIC - 1ère année MI 103

19 Le langage HTML est le langage utilisé pour créer des pages web. HTML est l abréviation de Hyper Text Marker Language, C est un langage au format texte, 2014/2015 Cours TIC - 1ère année MI 104

20 Structure d'un document HTML Un document HTML commence par la balise <HTML> et finit par la balise </HTML>. Il contient également un en-tête décrivant le titre de la page, puis un corps dans lequel se trouve le contenu de la page. Balise de début de zone <... > Balise de fin de zone </... > (ex. : <HTML>) (ex. : </HTML>) 2014/2015 Cours TIC - 1ère année MI 105

21 Balises da base: 2014/2015 Cours TIC - 1ère année MI 106

22 Exemple 1: <html> <head> <title> page Web MI </title> </head> <body> Bienvenue sur la page MI </body> </html> 2014/2015 Cours TIC - 1ère année MI 107

23 Niveaux de titre: le langage HTML définit 6 niveaux de titre (en anglais heading), afin de définir une structuration hiérarchique. 2014/2015 Cours TIC - 1ère année MI 108

24 Exemple 2: <html> <head> <title> page Web MI </title> </head> <body> <h1>bienvenue sur la page MI </h1> <h2> Liste des groupes </h2> <h2> Liste des modules </h2> </body> </html> 2014/2015 Cours TIC - 1ère année MI 109

25 Insertion d une image: Pour insérer une image dans une page il faut indiquer le lien vers l image de la manière suivante : <img src="image.gif">. 2014/2015 Cours TIC - 1ère année MI 110

26 Exemple 3: <html> <head> <title> page Web MI </title> </head> <body> <h1>bienvenue sur la page MI </h1> <hr> <img src="univcons2.jpg"> </body> </html> 2014/2015 Cours TIC - 1ère année MI 111

27 Insertion d un lien hypertexte Le lien hypertexte permet d afficher une autre page du même site ou d un autre site (ou une simple image). Exemple 4: <a href="fiche.html"> Fiche de Voeux </a> 2014/2015 Cours TIC - 1ère année MI 112

28 Insertion d un tableau La présentation des données dans une page peut nécessiter l utilisation d un tableau Celui-ci est défini par trois types de balises : <table></table> définit le tableau lui même. <tr></tr> définit les lignes. <td></td> définit les colonnes. 2014/2015 Cours TIC - 1ère année MI 113

29 Exemple 5: <TABLE BORDER> <CAPTION>Modules MI</CAPTION> <TR> <TH>Semestre 1</TH> <TH>Semestre 2</TH> </TR> <TR> <TD>Informatique 1</TD> <TD>Analyse 2</TD> </TR> <TR> <TD>Analyse 1</TD> <TD>Algèbre 2</TD> </TR> </TABLE> 2014/2015 Cours TIC - 1ère année MI 114

30 Les formulaires Les éléments de formulaires sont répartis en 3 classes : Input: Champs de saisie de texte et diférents types de boutons Select: Listes (menus déroulants et ascenseurs) Textarea: Zone de saisie de texte libre 2014/2015 Cours TIC - 1ère année MI 115

31 Chaque élément doit être nommé, pour cela on utilise l'attribut NAME. Le nom doit être unique, sauf dans le cas d'un ensemble composé de plusieurs éléments (boutons radio par exemple). Un autre attribut VALUE est commun à ces balises, mais son rôle est différent selon le type d'élément utilisé. 2014/2015 Cours TIC - 1ère année MI 116

32 Les éléments input Cet élément est utilisé pour définir des zones d'entrée de texte simple, des boutons, des cases à cocher ou des boutons radio. Le type d'élément dont il s'agit sera précisé en utilisant l'attribut TYPE. 2014/2015 Cours TIC - 1ère année MI 117

33 Les champs texte Votre Nom: <input type="text" name="nom" size="10"> Les boutons <input type="button" value="cliquez ici"> 2014/2015 Cours TIC - 1ère année MI 118

34 Case à cocher (Checkbox): choix multiple Je maitrise: <BR> <input type="checkbox" name="pfm" value="java"> Java <BR> <input type="checkbox" name="pfm" value="c"> C <BR> <input type="checkbox" name="pfm" value="html"> HTML 2014/2015 Cours TIC - 1ère année MI 119

35 Bouton RADIO (un seul choix) Votre âge: <input type="radio" name="choixage"> <BR> <input type="radio" name="choixage"> <BR> <input type="radio" name="choixage"> plus de 35 Mot de passe (Password) Entrer votre mot de passe: <input type="password" name="pass > 2014/2015 Cours TIC - 1ère année MI 120

36 L'élément SELECT Faire un seul choix: <select name="menu"> <option> SITW <option> SI <option> GL <option> STIC </select > 2014/2015 Cours TIC - 1ère année MI 121

37 L'élément TEXTAREA <textarea name="comm" rows=10 cols=40> Tapez vos commentaires ici </textarea> 2014/2015 Cours TIC - 1ère année MI 122