Naviguer efficacement sur le Web

Slides:



Advertisements
Présentations similaires
Copyright ©: SAMSUNG & Samsung Hope for Youth. All rights reserved Tutorials Logiciels : Navigateurs Internet Niveau : Débutant Intermédiaire.
Advertisements

Internet : serveurs Web
Monsieur l'Inspecteur d'Académie et la société PENTILA ont co-signé une convention pour expérimenter le cartable électronique de Savoie (NERO) au niveau.
Présentation de l’Internet
CORRECTION DU DEVOIR DE SYNTHESE N° 2
Internet.
La recherche documentaire sur le réseau Internet
Se former au logiciel documentaire du CDI. De lutilité dun catalogue Tous les documents présents au CDI sont enregistrés dans le logiciel documentaire.
Présenté par : Khaled Annabi
Définition : C'est un format de données qui permet de réaliser des sommaires Un « flux RSS » est un fichier texte qui contient les titres des derniers.
COME Bernard Comeau Commerce électronique Les éléments retrouvés dans une page Web. COME 2001.
Mars 2013 Grégory Petit
La technologie au collège et le B2i
Comprendre l’environnement Web
18/05/2014 CENTRE ANIG FORMATION/EVALUATION ELEARNING TUTOREE 1.
Lycée Louis Vincent Séance 1
Les fonctionnalités : Contacts Windows Présentation de CARNET DADRESSE.
Les instructions PHP pour l'accès à une base de données MySql
Les relations clients - serveurs
Plate-forme d’enseignement Moodle
1. SITE WEB DU SERVICE INFORMATIQUE DU RECTORAT
PhP-MySQL Pagora 2012/2013 CTD 1 - Presentation de moi ^^
Service Informatique du Rectorat
Création de menus. Depuis la page d’accueil de votre site, cliquez sur le lien [Login] puis saisissez les identifiants qui vous ont été attribués. Connectez-vous.
Cours n° 1 Le langage HTML Prof. : E. BAKKI
Evaluations nationales 2009 Pas à pas destiné aux directeurs Aide à la saisie et à la remontée des résultats Réalisé à partir du travail de l’académie.
La veille numérique : un outil pour s'informer intelligemment &
Hot Potatoes
Exporter – Graver - Présenter  C'est grâce aux collections que "Exporter graver présenter" prend tout son sens  On peut y exporter un ensemble d'images,
Comment effectuer une recherche sur le Web
Par JJ Pellé le 28 décembre 2012 Musique : générée par synthétiseur Yamaha PSR 8000.
Université Jean Monnet St Etienne A. Elkhyari Diapositive N°1 Outils logiciels Abdallah ELKHYARI 2 ème année de Licence.
Le langage du Web CSS et HTML
Gestion des fichiers et dossiers
DOC-DEPOT.COM - ‘' Mon essentiel à l'abri en toute confiance '' 29 mai 2014 Copies d’écrans Acteur Social Avec commentaires.
Réunions Lync Participer à une réunion Lync Aide-mémoire Lync 2013
Internet WEB.
Le site-en-kit pour les locales 2. Créer des pages.
LE HTML ISN Terminale S Un peu d’histoire …
1 F o r m a t i o n A R S World Wide Web (WWW). 2 F o r m a t i o n A R S Contributions m Création: Claude Gross (UREC) m Modifications: Bernard Tuy,
Devenez metteur en toile ! Ou comment imaginer, construire et faire vivre un site internet associatif Raphaël Thiémard
Les réseaux - Internet Historique Réseau local Internet Les protocoles
L'ESPACE NUMÉRIQUE DE TRAVAIL
Présente Conception d’un petit site Web. 2 4-nov-03© Préambule Cette présentation fait suite à celle intitulée « Imaginer, concevoir, mettre.
Tous droits réservés 04 octobre 2005© présente Les Moteurs de Recherche.
Internet : serveurs Web  Clients et serveurs : le navigateur  Sites Web et urls  Fichier source d’une page  Langage HTML 1.
Concevoir un site web de A a Z Cours 3. Aujourd’hui Découper sa page en tranche pour une intégration graphique optimale avec Photoshop L’intégration des.
S'initier au HTML et aux feuilles de style CSS Cours 5.
27/05/2008© 1 présente Les sites WEB Les premiers pas.
D4 : Organiser la recherche d'informations numériques
B2i école : domaines, aptitudes et pistes d’activités
INTERNET Le langage HTML
 Formulaires HTML : traiter les entrées utilisateur
Initiation au JavaScript
3.3 Communication et réseaux informatiques
Publication Flash sur Internet et Transfert avec Dreamweaver COM3562 Communication Multimédia MARS 2011.
HTML Création et mise en page de formulaire
Scénario Les scénarios permettent de modifier la position, taille … des calques au cours du temps. Son fonctionnement est très proche de celui de Macromedia.
Dreamweaver Séance 1.
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
Dreamweaver le retour Avec Les Formulaires Les Calques
Dreamweaver (2) ● les calques (layers) ● les comportements
DREAMWEAVER SEANCE 1 Axel JACQUET GM05 – Julien VAN MOORLEGHEM GM05 A2008 Écriture interactive & multimédia Présentation Dreamweaver 8.
Formation.
Introduction au HTML Qu’est ce que le HTML ?
Les calques Les Template (modèles) Les Comportements Les scénarios Les formulaires Les CSS Le serveur Web de l’UTC Présentation.
Créer un site avec Wordpress. 1. Principes généraux 2. Installation 3. Paramétrage de Wordpress 4. Les catégories des articles 5. Les articles 6. Les.
Travailler dans un environnement numérique évolutif Domaine D1.
E-lyco à la découverte de l’interface. L’environnement numérique de travail e-lyco est un ensemble de services en ligne, personnalisés et sécurisés, accessibles.
TP ISN-Terminale S Notion de code HTML. I) Visualisation du code source d’une page web Se mettre sur une page web quelconque : clic droit, Afficher la.
Transcription de la présentation:

Naviguer efficacement sur le Web Poisseroux J.

Pourquoi structurer sa démarche?… …pour gagner du temps et ne pas se laisser distraire …pour trouver facilement ce que l’on cherche maîtrise de l’outil ► ► maîtrise de l’outil ► ► ► ► ► ► ► Ce qu’on cherche Ce qu’on trouve

Objectifs Internet, URL, requête, serveur, client….petite leçon de vocabulaire! Découvrir les logiciels de navigation selon plusieurs points de vue la simplicité de leur principe de fonctionnement la très grande variété des applications dont ils sont les « messagers » les types de fichiers qu’ils prennent en charge les manières dont ils peuvent mémoriser les URL Exploiter les ressources numériques trouvées récupérer et réutiliser l’information (les problèmes potentiels) Personnaliser le navigateur en fonction de ses propres besoins éviter la répétition de certaines situations non souhaitées (détermination des paramètres) Analyser une catégorie particulière d’application: la recherche d’information

Services de communication (courrier, chat, ….) Services de consultation d’informations (affichage de pages Web, transfert de fichiers…) …. Internet: des ordinateurs, des lignes, des services….

Première partie: vocabulaire

La connexion Chaque ordinateur est identifié de manière unique lors de sa connexion : adresse IP: Internet Protocol. Exemple: 139.165.55.75….. Système de Noms de Domaines…

Noms de domaines Exemple www.ulg.ac.be be: sites enregistrés en BELGIQUE ac: sites enregistrés auprès des universités ulg : sites enregistrés à l’ULG

Différentes requêtes http://....identifie le service Web ftp://...demande un transfert de fichiers mailto:... demande un service de courrier électronique

La navigation en images

? requête Serveur Web: ordinateur +pgm spécifique document html feuille style (fichier css) image (fichier gif ou jpg) ? Serveur Web: ordinateur +pgm spécifique Client Web: ordinateur +pgm de navigation requête interprétation du document html et découverte de nouveaux fichiers à télécharger document html feuille style (fichier css) image (fichier gif ou jpg) nouvelles requêtes pour des images, une feuille de style,etc.

Communication entre ordinateurs Un ordinateur client et un serveur de pages Web Le navigateur ou logiciel de navigation: Un logiciel client qui permet la consultation de pages Web sur un serveur

Les logiciels de navigation Deux catégories d’actions Envoi de requêtes vers d’autres ordinateurs encodage d’une URL, activation d’un lien, utilisation de l’historique de navigation, recours aux favoris, retours en arrière… Gestion correcte des documents envoyés par ces autres ordinateurs Fichiers de tous types

Le navigateur internaute Vu sous l’angle de l’Hô (riche et complexe) permettre de lire des documents permettre de faire du commerce permettre de réaliser des opérations bancaires permettre de suivre des cours permettre de découvrir de la musique… Efficacité ~ Connaissance des différentes techniques d’envoi de requêtes et de gestion des documents

Requête en deux temps Le logiciel client envoie la requête d’un document vers l’ordinateur serveur Une copie du document demandé est envoyée vers l’ordinateur « demandeur » Le logiciel de navigation le met en page en interprétant des balises html Observable dans la barre d’état en bas de l’écran: recherche de l’hôte, connexion… Exemple

Les requêtes À mémoriser???? Format d’une requête: décomposition d’une adresse (URL) protocole//nomMachine(serveur Web).domaine/chemin/nomFichier http://www2.ulg.ac.be/acces/plans/ À mémoriser????

Les types de fichiers pris en charge Interprétation d’un document texte principal Un document texte au format html utilisation d’un langage de balisage pour la mise en page et en forme (texte simple, ensemble de caractères) Exemple de document html…afficher le code source Html: Hyper Text Markup Language Aller sur le site formahetice et montrer Les balises h1 et leur impact sur le titre Les balises de paragraphe Les balises a href qui sont des requêtes….

Les types de fichiers pris en charge Appel à d’autres types de fichiers Images…s’affichent avec retard gif, jpg, png…Exemple feuilles de style, animations flash, sons, documents pdf… css, js, swf, mid, pdf… Requêtes en cascade…

L’Hypertexte Un document html contient des adresses d’autres documents et leur associe un texte ou une image…. Des liens vers ces autres documents…simple clic L’apparence du pointeur… Exemple

Partie 2: la mémorisation d’adresses Une liste déroulante d’adresses Les boutons « précédent » et « suivant » L’historique Les favoris (ou marque-pages)…et la barre d’outil personnelle

La liste déroulante d’adresses quel(s) type(s) d’adresses? quelles adresses? et dans le cas des fenêtres multiples? des onglets?.... Quelques exercices de découvertes…

Synthèse: la liste d’adresses… …la liste des pages Web de l'historique général qui ont été encodées et validées dans la barre d’adresses de cette fenêtre.

Les boutons « précédent » et « suivant »… Exercices de découvertes Activités en ligne

L’historique de navigation …une liste de titres de pages générée automatiquement par le logiciel pendant votre navigation. Exercices de découverte Réglage personnalisable

Les favoris (ou signets)… une liste de titres de pages générée manuellement par l’internaute pendant sa navigation. Exercices de découverte Gestion des favoris

La barre d’outil personnelle (ou liens)… Comment accéder à nouveau à une page sélectionnée en un simple clic Exercice d’application

Quelques paramètres La page d’accueil La taille du « cache Internet » page affichée par défaut par le navigateur peut être une page locale La taille du « cache Internet » Le choix des styles peu recommandé pour ne pas gâcher la mise en page des sites bien conçus utile pour parvenir à lire des pages illisibles La sécurité (filtres) La saisie semi-automatique des adresses pas un luxe Le refus ou l’acceptation des cookies a-t-on vraiment le choix? …

La récupération d’information Du texte provenant d’une page Web ou d’un document affichable par le navigateur… copier-coller si celui-ci est autorisé Une image, un son, un pdf,… un document au sens large: l’enregistrer Une page Web plusieurs fichiers document html + dossier contenant les fichiers liés pas facile à gérer Quid du copyright? Faut-il encourager de telles pratiques? TFE bon marché 

Récupérer l’information Défi sur la plateforme: copier-coller?

Partie 3: les moteurs de recherche Ciblage Définir plus ou moins parfaitement l’objet de la recherche Localisation Connaître relativement précisément l’endroit où l’objet de la recherche peut se trouver

Les agents de recherche (1) Au sens large, toute page qui contient une fenêtre de recherche: moteur de recherche par mots clés un maximum de pages Web et parfois d’autres documents (pdf, ppt…) google, altavista… annuaire une information prédigérée et classée après une intervention humaine yahoo, open directory… agents de recherche locaux une information provenant de bases de données internes (non accessibles aux moteurs de recherche) mp3, cefis, skynet,…

Les agents de recherche (2) Recherche par mots clés: traitement formel (avec ses limites) majuscules, caractères accentués, espaces… usage d’une syntaxe et d’opérateurs pour associer, dissocier des mots, utiliser des expressions… et, ou, non… élément de restriction ou de spécialisation de la recherche le domaine be,… le titre, l’URL… une image, une vidéo… Consultez-vous l’aide en ligne? tout y est décrit dans le détail  mais ça prend du temps à court terme 

Exemples de comportements de différents logiciels Recherche « .asp ». Qu’affiche le moteur de recherche? Résultats comparés de Google, Yahoo Suggestions??

Problèmes divers Nécessité de développer des stratégies différentes selon les problèmes chercher une image n’est pas chercher un n° de téléphone ou de la documentation sur une thématique particulière les performances de Google mettent quelque peu à mal cette affirmation Importance des mots-clés connaissance du domaine Ne pas chercher à tout prix peut-être connaissez-vous ou pouvez-vous imaginer l’adresse d’un site qui risque très fort de vous fournir une réponse satisfaisante