Скачать презентацию Création de site Web EDPP-Nouvelles technologies de l information Скачать презентацию Création de site Web EDPP-Nouvelles technologies de l information

b0230e7fead030e281acd7fb570effce.ppt

  • Количество слайдов: 34

Création de site Web EDPP-Nouvelles technologies de l'information et de la communication Création de site Web EDPP-Nouvelles technologies de l'information et de la communication

Utilisation des Nouvelles Technologies de l’Information et de la Communication Internet et ses Services Utilisation des Nouvelles Technologies de l’Information et de la Communication Internet et ses Services Création d’un site Web Olivier LASCOLS Faculté de Médecine Pierre et Marie Curie EDPP-Nouvelles technologies de l'information et de la communication

Caractéristiques d’Internet EDPP-Nouvelles technologies de l'information et de la communication 3 Caractéristiques d’Internet EDPP-Nouvelles technologies de l'information et de la communication 3

Ce qu'est Internet • Acronyme de « Internetworking of networks » soit mise en 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 infrarouges. • Ordinateur hôte : l'ordinateur principal dit serveur auquel sont connectés d'autres ordinateurs considérés comme des clients. EDPP-Nouvelles technologies de l'information et de la communication 4

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

Architecture du réseau • Ordinateurs – Adresse IP (Internet Protocol) • Unique au monde 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: ibm 2. 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) EDPP-Nouvelles technologies de l'information et de la communication 6

Mode de communication (1) Protocole TCP/IP Transfert Control Protocol/ Internet Protocol – Standard de 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 l’utilisateur. EDPP-Nouvelles technologies de l'information et de la communication 7

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

Comment accéder à l’Internet (1) • Domicile • Attribution d’une adresse IP temporaire • Comment accéder à l’Internet (1) • Domicile • Attribution d’une adresse IP temporaire • Conversion d’un 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 d’accès EDPP-Nouvelles technologies de l'information et de la communication 9

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

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

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

Comprendre une URL • protocole: // nom_de_machine. domaine/ répertoire/fichier. html#ancre – protocole: http, ftp, 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 d’accès au fichier sur le serveur – html#ancre : détermine un endroit précis de la page web EDPP-Nouvelles technologies de l'information et de la communication Domaines principaux • com : commercial • edu : universités et éducation • gov : organismes gouvernementaux • mil : militaire • net : réseaux • org : ONG 13

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

Outils complémentaires à un navigateur • Plug-ins Logiciel nécessaire pour l’interprétation de fichiers spécialisés Outils complémentaires à un navigateur • Plug-ins Logiciel nécessaire pour l’interpré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 EDPP-Nouvelles technologies de l'information et de la communication 15

FTP File Transfer Protocol – Protocole de transfert de fichiers utilisé par de nombreux 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 d’emplois, images … – login: anonymous – password: votre adresse email • Serveur FTP sélectif – Nécessité d’avoir un compte sur le serveur – Login (user id): dupond – password: XXXXXX EDPP-Nouvelles technologies de l'information et de la communication 16

Logiciels de FTP (1) • Internet Explorer – URL : ftp: //ftp. nom_de_serveur. domaine 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 reader – 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: ibm 2. cicrp. jussieu. fr • FRFTP, File Zilla ( ordinateurs PC ) EDPP-Nouvelles technologies de l'information et de la communication 17

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

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

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

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

E-Mail (1) Messagerie électronique – Courrier instantané, au niveau mondial, gratuit – Envoi de 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 d’un compte postal – Format d’adresse d’un correspondant [email protected](s). domaine Ex: [email protected] fr EDPP-Nouvelles technologies de l'information et de la communication 22

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

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

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

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

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

Critères de qualité • Caroline : – doit contenir des informations 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 EDPP-Nouvelles technologies de l'information et de la communication 28

Critères de qualité Un site web de qualité est un site où les visiteurs 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 EDPP-Nouvelles technologies de l'information et de la communication 29

Propriété intellectuelle • Respectez le droit des autres • Ne confondez pas espace de 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 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. • 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. EDPP-Nouvelles technologies de l'information et de la communication 30

Propriété intellectuelle (2) • photographies : pour une photo où figurent moins de cinq 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. EDPP-Nouvelles technologies de l'information et de la communication 31

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

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

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