Création de site Web. Utilisation des Nouvelles Technologies de lInformation et de la Communication Internet et ses Services Création dun site Web Olivier.

Présentation au sujet: "Création de site Web. Utilisation des Nouvelles Technologies de lInformation et de la Communication Internet et ses Services Création dun site Web Olivier."— Transcription de la présentation:

1 Création de site Web

2 Utilisation des Nouvelles Technologies de lInformation et de la Communication Internet et ses Services Création dun site Web Olivier LASCOLS Faculté de Médecine Pierre et Marie Curie

3 EDPP-Nouvelles technologies de l'information et de la communication 3 Caractéristiques dInternet

4 EDPP-Nouvelles technologies de l'information et de la communication 4 Ce qu'est Internet Acronyme de « Internetworking of networks » soit mise en réseau de réseaux Réseau : ensemble d'ordinateurs reliés par câbles, satellite, liens radio ou infra- rouges. Ordinateur hôte : l'ordinateur principal dit serveur auquel sont connectés d'autres ordinateurs considérés comme des clients.

5 EDPP-Nouvelles technologies de l'information et de la communication 5 Internet pour quoi faire ? Autoroute de linformation Créer des liens permettant la libre circulation de linformation Différents services –Courrier électronique : email –Transfert de fichier : FTP –Accès à linformation distante: www (consultation de banques de données) –Accès à des machines distantes : telnet –Forums de discussions : news

6 EDPP-Nouvelles technologies de l'information et de la communication 6 Architecture du réseau Ordinateurs –Adresse IP (Internet Protocol) Unique au monde Codée sur 4 octets (32 bits) Notation « décimale pointée : A.B.C.D ex: 130.190.5.1 Correspondance avec un nom (DNS) qui caractérise les différents domaines et sous-domaines : ex: ibm2.cicrp.jussieu.fr Routeurs (gateway) –Porte de sortie des machines sur le réseau (N° identification) Connexion –Cables, fibres optiques, ondes hertziennes (Wifi) –Différents débits : 512 kbps (téléphone) au Gbs (fibre optique)

7 EDPP-Nouvelles technologies de l'information et de la communication 7 Mode de communication (1) Protocole TCP/IP Transfert Control Protocol/ Internet Protocol –Standard de transmission des données par paquets (datagramme) sur le réseau. Type de circulation totalement transparent pour lutilisateur.

8 EDPP-Nouvelles technologies de l'information et de la communication 8 Mode de communication (2) Fonctions dIP –Transporte des paquets dun bout à lautre du réseau –Chaque paquet comprend entre autre : Adresse IP de lémetteur Adresse IP du destinataire –Connaissance obligée de ladresse IP dun équipement pour travailler avec lui –Chaque paquet est traité indépendamment des autres –Assure le routage : progression dun routeur au suivant (nœud) –Gère la fragmentation

9 EDPP-Nouvelles technologies de l'information et de la communication 9 Comment accéder à lInternet (1) Domicile Attribution dune adresse IP temporaire Conversion dun signal numérique (0 ou 1) en analogique (valeur physique variable) et réciproquement par modems (modulateur-démodulateur) Protocole PPP (point to point protocol) Un compte chez un fournisseur daccès

10 EDPP-Nouvelles technologies de l'information et de la communication 10 Comment accéder à lInternet (2) Laboratoire en réseau : intranet Carte éthernet sur le micro ordinateur (PC ou Mac) Réseau local Abonnement au réseau

11 EDPP-Nouvelles technologies de l'information et de la communication 11 Les Services de lInternet

12 EDPP-Nouvelles technologies de l'information et de la communication 12 World Wide Web (WWW) Le « Web » ou toile daraignée –Application géante utilisant le réseau Internet –Permet échange dinformation multimédia: texte, image, vidéo, son –Accès par navigateur: Netscape, Internet Explorer –Utilisation du langage HTML HyperText Markup Language Crée des liens dynamiques au sein dune page, entre des pages ou des sites webs distants HyperText Markup Language –Protocole HTTP : Hypertext Transfert Protocol –Adressage des sites par lURL : Universal Resource Locator

13 EDPP-Nouvelles technologies de l'information et de la communication 13 Comprendre une URL protocole:// nom_de_machine.domaine/ répertoire/fichier.html#ancre –protocole: http, ftp, telnet –nom_de_machine: ordinateur hébergeant le site –domaine (et s/domaine): localisation géographique (fr, uk, us …) et thématique –répertoire/fichier : chemin daccès au fichier sur le serveur –html#ancre : détermine un endroit précis de la page web Domaines principaux com :commercial edu : universités et éducation gov : organismes gouvernementaux mil : militaire net : réseaux org : ONG

14 EDPP-Nouvelles technologies de l'information et de la communication 14 Navigateur : Configuration : menu préférences Ouverture dun site Barre de navigation Principe de lhypertexte Visualisation de lhtml Gestion des sites préférés : signets Sauvegarde du texte Sauvegarde dune image Envoyer un lien ou une page web

15 EDPP-Nouvelles technologies de l'information et de la communication 15 Outils complémentaires à un navigateur Plug-ins Logiciel nécessaire pour linterprétation de fichiers spécialisés –Shockwave/Flash : animation multimédia –Real audio : écoute de sons –Quick time, MPEG, Real video : visualisation de vidéo –Adobe acrobat reader : lecture et édition des fichiers pdf (portable document format) Ces logiciels sont le plus souvent en accès gratuit par téléchargement chez les fournisseurs

16 EDPP-Nouvelles technologies de l'information et de la communication 16 FTP File Transfer Protocol – Protocole de transfert de fichiers utilisé par de nombreux serveurs –Plus efficace pour récupérer rapidement de l'information –Transfert de fichiers volumineux Serveur FTP anonyme –Fichiers en Accès libre : logiciels, modes demplois, images … – login: anonymous –password: votre adresse email Serveur FTP sélectif –Nécessité davoir un compte sur le serveur –Login (user id): dupond –password: XXXXXX

17 EDPP-Nouvelles technologies de l'information et de la communication 17 Logiciels de FTP (1) Internet Explorer –URL : ftp://ftp.nom_de_serveur.domaine –Ex: ftp://ftp.adobe.com, puis choix du dossier/fichier pour récupérer Adobe acrobat readerftp://ftp.adobe.com –Procédure utilisée par tous les téléchargements sur le web Fetch ( ordinateurs Mac ) –Connaître le DNS du serveur hôte – ex: ibm2.cicrp.jussieu.fr FRFTP, File Zilla ( ordinateurs PC )

18 EDPP-Nouvelles technologies de l'information et de la communication 18 Logiciels de FTP (2) Exemple avec FRFTP (téléchargement gratuit)(téléchargement gratuit)

19 EDPP-Nouvelles technologies de l'information et de la communication 19 Logiciels de FTP (3) Se connecter à un site distant ******

20 EDPP-Nouvelles technologies de l'information et de la communication 20 Logiciels de FTP (4) Echange en ligne avec un ordinateur distant

21 EDPP-Nouvelles technologies de l'information et de la communication 21 Logiciels de FTP (5)

22 EDPP-Nouvelles technologies de l'information et de la communication 22 E-Mail (1) Messagerie électronique –Courrier instantané, au niveau mondial, gratuit –Envoi de documents attachés (annexes) –Envoi simultané à un grand nombre de correspondants –Ouverture dun compte postal –Format dadresse dun correspondant login@sous-domaine(s).domaine Ex: dupont@upmc.frdupont@upmc.fr

23 EDPP-Nouvelles technologies de l'information et de la communication 23 E-Mail (2) Logiciels de Mail –Eudora, Outlook express, Outlook : installation personnalisée –Hotmail, Webmail : accessible sur tout ordinateur connecté https://https://webmail.xxxx.fr Risques des courriers électroniques Messages interceptés et corrompus : virus (filtrage) Inondation de courrier publicitaire : spamming Diffusion de canulards et rumeurs (hoax) http://www.hoaxbuster.com/index.html

24 EDPP-Nouvelles technologies de l'information et de la communication 24 E-Mail (3)

25 EDPP-Nouvelles technologies de l'information et de la communication 25 E-Mail (4) Configuration dun compte mail pour Outllook Procédure: Menu/ outils/compte/nouveau Ex1 : envoi et réception via le même serveur de courrier

26 EDPP-Nouvelles technologies de l'information et de la communication 26 E-Mail (5) Configuration dun compte mail pour Outllook Procédure: Menu/ outils/compte/nouveau Ex 2 : envoi et réception via des serveurs de courrier distinct

27 EDPP-Nouvelles technologies de l'information et de la communication 27 Création dun site WEB

28 EDPP-Nouvelles technologies de l'information et de la communication 28 Critères de qualité Caroline : –doit contenir des informations "sûres" présentées de façon lisible et pédagogique. Lina : –soit simple, clair et agréable à lire et à utiliser. –il faut que les informations données soient pertinentes et vérifiées. Aurélie : –le plus important est la qualité des informations données sur le site; elles doivent être fiables –il faut que le site soit clair, didactique, bien organisé de façon à pouvoir trouver facilement les informations recherchées. –Et puis si le site est bien conçu graphiquement, agréable à regarder, on a envie d'y passer un peu plus de temps et de s'y balader

29 EDPP-Nouvelles technologies de l'information et de la communication 29 Critères de qualité Un site web de qualité est un site où les visiteurs reviennent. Voici les critères que nous retenons, classés par ordre d'importance: -Le contenu, c'est à dire l'intérêt et l'originalité de l'information ou du service qu'il propose est sans aucun doute le critère le plus important. -La facilité de navigation, l'ergonomie et la clarté de l'interface doivent permettre aux visiteurs de trouver l'information qu'ils recherchent de façon intuitive. -Les pages doivent se charger rapidement. Tout le monde n'a pas l'ADSL. Attention à l'excès d'images (taille des images) ou aux intros en Flash qu'on ne peut pas zapper. -La publicité ne doit pas être agressive. La présence de popups à l'entrée ou à la sortie des pages est un handicap sérieux. Plus d'une popup par page, et c'est l'élimination. - Les fôtes d'ortograf sont des killers;-) -L'esthétique, la qualité du design sont des plus, mais pas suffisants si les critères précédents ne sont pas au rendez-vous. -Date de mise à jour http://www.actulab.com/criteres-de-qualite.php

30 EDPP-Nouvelles technologies de l'information et de la communication 30 Propriété intellectuelle Respectez le droit des autres Ne confondez pas espace de liberté et espace sans droit. Vous n'avez pas le droit de diffuser tout ou n'importe quoi sur le Web si ça ne vous appartient pas. En particulier, ce n'est pas parce que quelque chose est sur le Web que vous êtes autorisé à le recopier et diffuser sans autorisation ! Ne violez pas de copyright. (exemple: éditeurs de bandes dessinées) Si vous avez un doute, vous pouvez consulter le Code de la propriété intellectuelle.Code de la propriété intellectuelle citations : quand vous citez quelqu'un, donnez toujours les références les plus précises possibles. Vous avez le droit à citer de courts extraits à but, par exemple, de critique, mais la copie de plusieurs pages est bien évidemment interdite. De même, quand vous utilisez des fichiers (icônes, images, scripts, etc.) venant d'un site qui les met gratuitement à votre disposition, il est courtois de les en remercier.

31 EDPP-Nouvelles technologies de l'information et de la communication 31 Propriété intellectuelle (2) photographies : pour une photo où figurent moins de cinq personnes, il faut impérativement leur consentement explicite. Vos amis ou voisins ont droit à la protection de leur vie privée. Attention aux photos de bâtiments récents (pyramide du Louvre, Stade de France) ! Consultez cette page sur les photos et la propriété intellectuelle pour en savoir plus. copie de documents : avant de copier tout ou partie d'une page Web (texte, image, son, vidéo...), il est impératif de demander la permission à son auteur, sauf si l'auteur vous autorise explicitement à le faire.

32 EDPP-Nouvelles technologies de l'information et de la communication 32 Construction dun site Choix du sujet : intérêt, originalité … Plan du site –Page daccueil : pour présenter et orienter –Création de répertoire par catégorie et thème dinformation Collecte de contenu : textes, images, documents, sons, sites web à lier … Mise en forme des documents (format html, format et taille des images) Choix dune charte graphique : feuille de style (CSS)

33 EDPP-Nouvelles technologies de l'information et de la communication 33 Code source HTML Visualisation sur une page Web

34 EDPP-Nouvelles technologies de l'information et de la communication 34 Mise en ligne Choix dun hébergeur Procédure FTP pour le téléchargement