Internet, les sites web et les navigateurs

Rappels

Tout est fichier

Notion de chemin

Internet ce sont les tuyaux

Internet c'est un territoire


Source image

Carte

Chaque ordinateur, chaque objet connecté est un batiment.

Quelle que soit la taille du batiment: chacun a une adresse unique (en fait un numéro).

Savoir se repérer, reconnaître les chemins.

Le navigateur nous permet de parcourir ces chemins.

Navigateur = programme

Un navigateur ça s'installe puis ça se lance.


Source image

Un exemple : adn56.net

J'ai un projet que je veux exposer publiquement

Sans l'informatique

  • Je fais faire
  • j'affiche, je distribue des supports
  • je dois anticiper, gérer, faire refaire

Avec l'informatique

  • Je peux faire
  • je peux faire des copies
  • je distribue des supports

Avec internet

  • je peux faire
  • je dépose à une adresse
  • je n'ai plus rien à gérer, le lecteur fait sa copie

Imaginez pour un journal (je parle d'information, pas de commerce)

Faire un site = publier

Sur internet on publie, on met à disposition, l'internaute vient chercher le contenu.

On ne va pas sur internet, on demande des copies.

Promo ADN56

  • J'ai fait une super vidéo en super 8!
  • Je la mets à disposition dans un carton marqué ADN56 chez moi, dans le grenier

CHEZMOI/grenier/cartons/ADN56/mapresentation.super8

HTML

Tous ces formats, c'est le souk!

Création d'un standard, le langage HTML
(Pour en savoir plus : Hyper Text Markup Language)

Création des navigateurs : lecteurs de fichiers HTML

Ecrivons une page HTML

Créons un fichier HTML

Chargeons le dans le navigateur

  • Fichier source / visualisation
  • Texte + objets + mise en page
  • Les liens hypertexte (téléportation!)

Pendant l'atelier nous avons créé 2 pages:

Fonction de base d'un navigateur

Afficher une page web

Saisie d'une adresse

Adresse page web = chemin = URL

Affichage du contenu

Le navigateur charge une copie et l'affiche

Du coup je n'ai pas fait un super 8

J'ai fait une page web...

Mais où la mettre pour qu'elle soit visible?

Reprenons quand même notre exemple

CHEZMOI/grenier/cartons/ADN56/mapresentation.html

Je veux que tout le monde puisse avoir une copie

mais je ne veux pas que tout le monde se ballade chez moi :)

Mesdames et Messieurs...

mon grand ami, mon serveur web!

Navigateurs et serveurs web

Le navigateur s'adresse à un serveur situé sur un ordinateur

http://NumeroOrdiJC/adn56/maPageWeb.html

Ou mettre ma page web?

J'ai écrit ma page web. Je veux la publier.

Pour la mettre à disposition sur un serveur, je vais devoir lui trouver un hébergement.

Hébergement

L'endroit où on dépose ses pages web

  • l'auto hébergement
  • l'hébergement extérieur (dédié ou mutualisé)

Pour notre site on a loué un hébergement mutualisé

Nom de domaine

Les noms des ordinateurs ne sont pas follichons

Le nôtre par exemple c'est 62.210.249.175

"Allez voir notre site, c'est http://62.210.249.175/" :(

On a inventé les noms de domaines

Pour notre site on a loué le nom de domaine "adn56.net"

"Allez voir mon blog, c'est http://adn56.net" :)

Résumé

  • Louer un hébergement
  • Louer un nom de domaine

Y'a plus qu'à mettre mon site sur mon hébergement...

Chez nous c'est comme ça

Fonctions du navigateur

  • Afficher du contenu, notamment des pages HTML
  • Capable d'aller chercher ces contenus sur des serveurs via internet
  • Gestion de l'historique
  • Gestion de favoris
  • peut s'enrichir de modules (=extensions =addons)
  • Paramètres avancés

C'est tout pour aujourd'hui

Merci :)