L’objectif

Dans ce chapitre, nous verrons le rôle et le fonctionnement des navigateurs, ainsi que leurs implications et contraintes techniques. Nous aborderons également la question essentielle de la taille et à la résolution des écrans, qu’il s’agisse d’ordinateurs, de tablettes tactiles ou de smartphones.

L’affichage

Pour afficher les sites web, vous avez besoin d’un navigateur. Les navigateurs sont des logiciels qui ouvrent les pages web créées avec les langages HTML et CSS (entre autres) et qui interprètent ces langages pour afficher les contenus décrits et mis en forme.

Les navigateurs ne savent afficher que trois types d’éléments :

le texte,
les images aux formats .gif, .jpg et .png (nous y reviendrons plus tard),
le JavaScript, qui est un langage de programmation (nous y reviendrons aussi plus tard).

Les principaux navigateurs

1. Microsoft Edge

Depuis Microsoft Windows 10, Microsoft propose un navigateur web de nouvelle génération avec Microsoft Edge.

2. Apple Safari

Apple propose son propre navigateur, nommé Safari, pour son système macOS.

Une version pour iPhone et pour iPad est proposée par Apple.

3. Mozilla Firefox

C’est la fondation Mozilla qui édite le navigateur Firefox pour les plateformes Windows, Mac et Linux.

Une version pour smartphone existe pour les plateformes Android et iPhone.

4. Opera

La société norvégienne Opera Software édite le navigateur Opera pour les plateformes Windows, Mac et Linux.

Une version pour smartphone existe pour les plateformes Android et iPhone.

5. Google Chrome

Dernier arrivé dans les éditeurs de navigateurs, Google propose Chrome, pour Windows, Mac et Linux.

6. Les autres navigateurs

Depuis plusieurs années maintenant, de nombreux nouveaux acteurs arrivent sur le marché des navigateurs web qui mettent en avant le respect de la vie privée. Nous pouvons citer Brave (https://brave.com/fr/), Tor Browser (https://www.torproject.org/fr/download/), Vivaldi (https://vivaldi.com/fr/) ou encore DuckDuckGo (https://duckduckgo.com).

7. Les parts de marché

Le site StatCounter (http://gs.statcounter.com/) propose d’intéressantes statistiques sur l’informatique. Voilà les parts de marché (statistiques...

Les supports de diffusion

1. Les sites pour écran d’ordinateur

Depuis les débuts de l’Internet, les sites web ont été créés pour s’afficher sur les écrans des ordinateurs. La problématique à l’époque (et encore aujourd’hui), était de savoir pour quelle dimension d’écran et quelle résolution il fallait développer le site. Car les tailles et les résolutions des écrans sont en effet très variées. Par exemple, sur un écran de 17 pouces, vous pouvez utiliser des résolutions de 1024 pixels jusqu’à 1280 pixels horizontalement, avec un 20 pouces, vous pouvez atteindre 1600 pixels horizontalement. Et, avec les avancées technologiques, la résolution des écrans augmente, comme leur qualité d’affichage.

Actuellement, les résolutions d’écran d’ordinateur les plus utilisées en France sont 1920x1080 pixels.

2. Les sites pour les petits écrans

Actuellement, la plupart des utilisateurs possèdent un smartphone ou une tablette avec un accès à Internet.

Ces personnes souhaitent pouvoir consulter leurs sites web favoris dans les meilleures conditions d’affichage possible. Il incombe donc aux designers des sites web de prévoir ces utilisations et de s’assurer que le site web s’affiche de manière...

Les navigateurs web