Thème 1 - Web

Les bases du web

Le but de ce chapitre est :
  • d'acquérir des connaissances historiques et techniques sur le web,
  • de construire un mini site web en apprenant les bases des langages HTML et CSS.

Définitions et histoire

Introduction

Le World Wide Web (WWW) est l'ensemble des pages web reliées entre elles par des hyperliens. L'image de la toile d'araignée vient des hyperliens qui permettent de passer d'une page web à une autre d'un simple clic.

Pour parcourir ces pages, il faut utiliser une application appelée navigateur.

Attention ! Le web n'est pas internet. Internet est constitué par l'ensemble des machines reliées entres elles par un réseau de câbles Ethernet, de fibres optiques ou d'ondes. Le web n'est qu'une utilisation parmi d'autre de ce réseau. Internet permet également l'échange de courriels, l'échange de fichier, etc... Il ne faut pas le réduire et le confondre avec le web.

Les pages web sont écrites au format HTML. Le navigateur est capable d'interpréter le HTML pour afficher correctement les pages web.
Il s'agit d'un langage de balisage car il est constitué de balises <...> qui donnent du sens à leur contenu et permettent au navigateur de l'afficher correctement.
Remarque : Les caractères < et > s'appellent des chervons.

Attention ! Le HTML n'est pas un langage de programmation mais un langage de présentation.
Il ne sert pas à faire des calculs mais seulement à organiser l'information.
logo HTML5
Pour visualiser le code source d'une page dans un navigateur, il faut faire un clic droit sur la page puis afficher le code source de la page ou view page source.
Exemple : 
<p>Le but de ce chapitre est :</p>
<ul>
    <li>d'acquérir des connaissances historiques et techniques sur le sujet du web,</li>
    <li>de construire un mini site web en html/css.</li>
</ul>

<h2>Définitions et histoire</h2>
<h3>Introduction</h3>
<p>
  Le <span pop-def="aussi appelé <b>la toile</b> ou encore
  <b>le web</b>">World Wide Web (WWW)</span> est l'ensemble des pages web
  reliées entre elles par des hyperliens. L'image de la toile d'araignée vient des hyperliens qui permettent de passer
  d'une page web à une autre d'un simple clic.
</p>
Comic extrait du site xkcd.com : Comment embêter un développeur web ? En ne fermant pas convenablement toutes les balises ouvertes !

Repères historiques

  • 1965 : Invention et programmation du concept d'hypertexte par Ted Nelson
  • 1989 : Naissance du Web au CERN, par Tim Berners Lee et création du W3C (organisme établissant les standards du web, comme le HTML)
  • 1993 : Le premier navigateur appelé Mosaic
  • 1995 : Mise à disposition des technologies pour le développement de site Web interactif (langage JavaScript) et dynamique (langage PHP)
  • 2010 : Mise à disposition des technologies pour le développement d'applications sur mobiles.

Impacts sur nos vies

  • Il a ouvert à tous le droit de publier.
  • Il permet une coopération d'une nature nouvelle entre les individus et les organisations : commerce en ligne, création et distribution de logiciels libres multi-auteurs, création d'encyclopédies colaboratives, etc...
  • Il devient universel pour communiquer avec les objets connectés.
  • Le Web permet de diffuser toutes sortes d'informations dont ni la qualité, ni la pertinence, ni la véracité ne sont garanties et dont la vérification des sources n'est pas toujours facile.
  • Il conserve des informations, parfois personnelles, accessibles partout sur de longues durées sans qu'il soit facile de les effacer, ce qui pose la question du droit à l'oubli.
  • Il permet une exploitation de nos données, dont les conséquences sociétales sont encore difficiles à estimer : recommandations à des fins commerciales, bulles informationnelles, etc. En particulier, des moteurs de recherche permettent à certains sites de payer pour être visible en première page selon le profil de l'utilisateur établi par la récolte de ses données de navigation.
Question 1/7 : ✓
Mémorisation 0x - Réussite 0/0
Quel type de langage est le HTML ?
Cocher la bonne réponse.

Sécuriser sa navigation

Mots de passe

Un bon mot de passe :
  • doit contenir au moins 12 caractères, avec des minuscules, des majuscules, des chiffres et des caractères spéciaux,
  • ne rien dire sur vous,
  • et être différents d'un site à un autre.
Très régulièrement, des piratages de bases de données permettent à des hackers de mettre la main sur vos adresses courrielles ou vos mots de passe. Les navigateurs comme Chrome ou Firefox vous alerte quand vos mots de passe ont été compromis.
Aller sur haveibeenpwned.com, pour savoir si vos adresses courrielles ont fait partie d'un fuite de données connue ?

Historique de navigation

Le navigateur conserve l'historique des pages web visitées mais il est possible de l'effacer :
  • Pour Chrome/Chromium : coller dans la barre d'adresse : chrome://settings/content
  • Pour Firefox : coller dans la barre d'adresse : about:preferences#privacy
Attention : Le mode navigation «anonyme» ou «privée» d'un navigateurs, ne conservent pas d'historique sur votre ordinateur mais il ne garantit pas votre anonymat. En effet votre fournisseur d'accès à internet (FAI) ou les administrateurs réseaux conservent des traces de votre navigation (appelés «logs») pendant un an en France. Ces fichiers peuvent être consultés par la police sur décision judiciaire : affaires graves, cyber-harcèlement, etc...

Cookies

Un cookie est un petit fichier stocké par le navigateur sur votre ordinateur. Les sites web s'en servent pour stocker des informations sur vous et votre navigation.
Il peut servir par exemple à :
  • garder une authentification sur un site,
  • ou conserver un panier sur un site de e-commerce.

Un vol de cookie peut servir à un détournement de session ou à obtenir des informations sur vous.

Que dit la loi ?
Le législateur européen avec le RGPD a posé le principe :
  • d'un consentement préalable de l'utilisateur pour l'utilisation des cookies.
  • sauf s'ils sont strictement nécessaires au service expressément demandé par l'utilisateur.

En France, la loi informatique et libertés (CNIL) transpose le réglement Européen en disant : Les traceurs (cookies ou autres) ne peuvent pas être déposés ou lus sur le terminal d'un utilisateur, tant que celui-ci n'a pas donné son consentement.

Pour visualiser ou supprimer des cookies :
  • Pour Chrome/Chromium : coller dans la barre d'adresse : chrome://settings/content
  • Pour Firefox : coller dans la barre d'adresse : about:preferences#privacy
Question 1/4 : ✓
Mémorisation 0x - Réussite 0/0
Qu'est-ce qu'un cookie sur internet ?
Cocher la bonne réponse.

Moteurs de recherche

Un moteur de recherche est une application web qui permet de trouver des ressources.

Exploration : Ils utilisent des programmes appelés « robots » ou « bots » qui explorent le web grâce aux liens hypertextes présents sur les pages.

Indexation : Les ressources récupérées sont alors indexées et hiérarchisées par mots clés.

Référencement : Plus un site est de qualité, meilleur sera sont classement dans les réponses du moteur de recherche.

Attention :
  • Certains moteurs de recherche conservent les recherches effectuées et l'adresse internet des utilisateurs, certains de manière définitive.
  • L'historique de recherche effectué lorsqu'un utilisateur est connecté à son compte Google est accessible et modifiable sur MyActivity.
Question 1/2 : ✓
Mémorisation 0x - Réussite 0/0
Aller sur la page Google Trends et rechercher le terme « éclipse ». Sélectionner « dans tous les pay s» et « cinq dernières années ».
Observer et expliquer l'évolution de l'intérêt pour cette recherche.
Les recherches effectuées dans les moteurs de recherche reflète les tendances et les évènements importants. Ainsi à chaque éclipse, le nombre de recherche du mot « éclipse » explose.

4. Orientation

Pour devenir Développeur Web, initiez-vous sur le site : www.w3schools.com.