Définitions

Le Navigateur

Il permet d'explorer le World Wide Web

Différents navigateurs utilisés aujourd'hui

Firefox (Mozilla), Internet Explorer (Microsoft), Safari (Apple) et Chrome (Google)

W3C

Le World Wide Web Consortium met en place les langages et protocoles du web.

PPI (ou DPI)

Point Par Pouce (Dot per Ich) est l'unité utilisée pour définir la résolution de l'image. plus le nombre de PPI est élevé plus la qualité de l'image est haute.

Le client

• Le moteur de rendu HTML et CSS permet de créer des images à partir de données. Chaque navigateur n'a pas le même moteur de rendu donc n'affiche pas un même document de la même manière
• Le moteur d’exécution JavaScript permet une exécution plus ou rapide d'une page web.
• Évolution conjointe des navigateurs et des standards :http://evolutionofweb.appspot.com/

Evolution du web

Tous les navigateurs ne sont plus développés aujourd'hui. Par ex. Mosaic a disparu au profit de Netscape, qui a lui aussi disparu..

Le web 2.0 a permis à l'utilisateur d’interagir (Interface homme/document) :

• La logique user-centric met l'utilisateur au coeur de la conception, créant un outil de feedback pour les développeurs qui analysent les données de ces utilisateurs pour optimiser leur contenu. Ex: wikipedia, jeux en ligne,
• Chaque utilisateur devient créateur: Il crée du contenu et une identité internet qui lui est propre.

Plateforme de navigation

Avec la multiplication des supports, du système d'exploitation ou encore de la résolution de l'écran chaque utilisateur est différent.

• Navigateur (version + plugins + options) IE6-7-8, FF4-5-6, Opera, Konqueror, Chrome, Safari
• Résolution/définition de l’écran 72-96-128-300ppi
• 4:3, widescreen, etc..
• 65K-16M de couleurs, 16-24-32bits
• Système d’exploitation Windows, Apple, Linux, ChromeOS, WebOS
• Appareil PC, Mac, smartphone, WebTV, tablette
• Langue, lecteur d’écran, imprimante braille
• Vitesse de connexion EDGE, 3G, modem 33/56k, wifi, ethernet

Différences de rendu

La multiplication des supports impose au webmaster d'adapter son contenu pour un rendu optimal, pour cela il dispose de Google Analytics, un service d'analyse de site web gratuit qui lui permet de savoir quelles plateformes sont utilisées.

Il est possible de découvrir les caractéristiques de votre navigateur avec Javascript

<script type= 'text/javascript'>
 navigator.appName
 navigator.appCodeName
 navigator.appVersion.substring(0,4)
 navigator.platform
 screen.width
 screen.height
 navigator.userAgent
 </script>

Apprendre à surfer

Pour surfer l'internaute doit faire attention aux cookies, des fichiers .text qui s'installent sur l'ordinateur et vont être lu par le domaine qui les ont déposés, ex: recherches, sites visités, pub ciblées. Mais ils peuvent aussi diminuer le chargement des pages web et mémoriser un mot de passe. Il existe différents types de cookies, les cookies tiers qui sont paramétrables et les super-cookies ou evercookie qui ont un programme de réplication et se copient tout le temps.

• Paramétrer son navigateur
  • le https et le tunneling servent à la navigation protégée.
  • Les cookies : opt-in/opt-out: Pour autoriser ou interdire aux sites d'enregistrer leurs cookies, il existe des régies publicitaires qui installent automatiquement des centaines de cookies sur l'ordinateur, sous Firefox il est possible d'empêcher cela en cochant la case « Indiquer aux sites de ne pas me pister » dans le menu « Options » > « Vie Privée ».
  • Il existe des extensions vous permettant de protéger votre navigation:
    • AdBlock Plus: Permet de bloquer les publicités.
    • Ghostery: Bloque les sites qui vous traquent.
    • WOT (Web of Trust): Permet de naviguer et d'acheter sur internet en toute sécurité.
• Personnaliser son navigateur
  • Il est possible de personnaliser l'apparence de son navigateur, son comportement ainsi que ses fonctionnalités selon l'utilisation qu'on en a.
  • Voici quelques extensions pour Firefox pour le développement web:https://addons.mozilla.org/fr/firefox/
    • Chris Pederick WebDevelopper Toolbar: Ajoute divers outils de développement web à la barre des tâches.
    • Firebug: Permet de voir les bugs dans le code source d'un site.
    • View Source Chart: Sert à mettre en valeur le code source des pages grâce à des blocs de couleur.
• Services Web
  • Diigo est un site de gestion et partage de favoris en ligne. Il permet de bookmarker, surligner, annoter, sauvegarder etc… les pages qui nous intéresse à partir de la barre d'outil et de les retrouver sur n'importe quel ordinateur.
  • Netvibes est un portail d'agrégation de contenu permettant la veille notamment grâce aux flux rss.
  • Twitter est un outil de réseau social et de microblogging qui permet à l'utilisateur d'envoyer de brefs messages (140 caractères), appelés tweets, à sa communauté.

A suivre

• L’arborescence