On trouve l'origine d'Internet à travers le réseau Arpanet, créé au début des années 70 par le département américain de la Défense
- Conçu à l'origine pour relier les laboratoires de recherche et les universités américaines
- Réseau militaire devenu public et mondial

L'internet est désormais un gigantesque "réseau informatique accessible au public." composé lui même de "millions de réseaux aussi bien publics ou privés, universitaires, commerciaux et gouvernementaux, regroupés eux même en réseaux autonomes : FAI, Armée, Université." src: Wikipédia

Les applications utilisant le réseau internet sont nombreuses :

• le courrier électronique,
• la messagerie instantanée,
• la téléphonie,
• l'échange de fichiers
• le web qui a considérablement développé l'utilisation d'internet par le grand public.

Internet et Web ne sont donc pas synonymes, le web : raccourci de World Wide Web est une des applications majeures de l'internet, utilisant son réseau pour faire transiter des données grâce au protocole : HTTP.

Le Web est en fait un système de publication et de consultation de documents(textes, sons, images, vidéos..) consultables par le biais d'un navigateur.
Le Web utilise la technologie de l'hypertexte qui est à la base du réseau de communication permettant de naviguer d'un document à un autre grâce aux liens hypertextes.
Les standards à la base du web ont été mises au point au début des années 90 par l'organisation européene CERN.
"Des pages en HTML mélangeant du texte, des liens, des images, adressables via une URL et accessibles via le protocole HTTP."

Lien hypertexte : c'est un élément du document HTML déclaré sous forme de balise
<a href="http://monsite.fr/contact">Contactez nous</a>
Il contient une ancre textuelle et permet de suivre une URL suite à un évènement : le clic de l'internaute.
Il faut bien sur utiliser un logiciel adapté : le navigateur web.
Le navigateur utilise le protocole HTTP pour pouvoir effectuer vos requêtes(recherches) sur les serveurs web connectés au réseau internet.
Ce protocole HyperText Transfer Protocol permet le transfert de pages et des données entre le serveur et le navigateur.

URL : Uniform Ressource Locator
Une url est le nom unique d'une page web, elle contient l'adresse du serveur plus la localisation de la page souhaitée sur le serveur.
Exemple : http://www.monsite.fr/contact
L'adresse du serveur est "monsite.fr" et l'adresse de la page est "contact"

Un serveur est un ordinateur relié à Internet. Son rôle est de servir, d'où son nom, des données à celui qui lui en demande. Ce demandeur peut être un autre serveur ou l'ordinateur d'un internaute.
Les données servies peuvent être de toute nature : sons, images, texte, résultats mathématiques…
Un serveur est localisé sur Internet par son adresse IP.

Afin de remplir sa tache de serveur, cet ordinateur exécute des programmes.
Chaque programme a une tache très précise :
- servir des pages web,
- faire tourner des bases de données,
envoyer et recevoir des mails..
Un serveur offre des services accessibles par le réseau en utilisant le protocole de communication TCP/IP.

L'adresse IP est historiquement une combinaison d'un groupe de 4 nombres à 3 chiffres (de 1 à 255) séparés par des points (ex : 154.112.1.2). L'adresse IP est l'adresse physique d'un serveur sur Internet. C'est cette adresse qui permet aux données voyageant sur Internet d'arriver à bon port.

Depuis quelques temps, les adresses IP viennent à manquer car trop de machines connectées au réseau.
Un nouveau système prend donc la place de l'ancien : l'IPv6.
Les adresses de ce système sont beaucoup plus complexes puisque qu'elles utilisent maintenant une notation hexadécimale.
Voici un exemple d'adresse IPv6 : 2A01:E35:2421:4BE0:CDBC:C04E:A7AB:ECF3

* Commande ping, tracert et ipconfig dans le logiciel invite de commande (vitesse de réponse, suivi serveurs etadresses IP).

L'adresse IP n'étant pas très conviviale pour accéder à un serveur et aux données qu'il contient, on a inventé le nom de domaine.

Un nom de domaine, c'est quoi ?

Un nom de domaine est donc une adresse de la forme www.nomdedomaine.fr
- 3 parties :
- Le sous domaine (www) ou hôte
- Le domaine de second niveau (nomdedomaine)
- Le domaine de premier niveau ou TLD* (fr)
- Ils sont libres mais il faut les louer auprès d'un registrar
- Il peut exister des sources de conflit pour les noms de marque.
* Top level domaine
Le nom de domaine est lié à une adresse IP bien particulière, et donc logiquement à un serveur particulier.
"nomdedomaine" est un domaine de second niveau car juste après le .fr, on lit de la gauche vers la droite et la racine des domaines est le point.

C'est quoi un sous domaine ?
Le plus connu c'est www, ils sont pratiques pour scinder un site en plusieurs sections distinctes :
"www.forum.nomdedomaine.fr"
"www.boutique.nomdedomaine.fr"
Chaque sous domaine est associé à un dossier sur votre espace serveur.

Comment choisir son nom de domaine ?
Il doit être si possible porteur de sens et contribue à mettre en avant une identité.
Le .fr si le rayonnement du site est nationale.
Le .com si vous visez l'international car c'est un standard, le .org si c'est une asso.
Le naming de l'entreprise est à privilégier, si trop complexe, établissez une liste de mots-clés autour du service.
Il doit être facile à retenir et cohérent avec l'activité de l'entreprise.
Les majuscules n'existent pas dans les noms de domaines mais vous pouvez pour l'impression de vos supports de communication, faire ressortir les différents mots en utilsant le CamelCase :
"AtelierCycleMobile.fr" ou "NousCuisinonsChezVous.fr"

Le DNS c'est l'association du nom de domaine à l'adresse numérique (IP) qui est liée.
On appelle résolution de noms de domaines ou résolution d'adresses, la corrélation entre les adresses IP et les noms de domaine associés.

Internet est donc un réseau informatique mondial qui rend accessibles au public des services variés comme le courrier électronique, la messagerie instantanée et le World Wide Web, en utilisant le protocole de communication IP (internet protocol).

Serveur DHCP : Dynamic Host Configuration Protocol c'est un service qui délivre des adresses IP aux ordinateurs qui se connectent sur le réseau internet.
- La carte réseau de votre ordinateur est paramétré pour recevoir automatiquement une adresse IP.
La box de votre FAI remplit le rôle de serveur DHCP.
- Le serveur DHCP gère et attribue des adresses IP non utilisées aux machines qui en font la demande et leur délivre un bail.
Ne pas confondre adresse IP publique, celle délivrée par le FAI et l'adresse IP locale de votre pc qui est attribuée par votre Box ou routeur via son DHCP.

Les protocoles = « langages » du net
- Un protocole est un langage spécifique à internet qui permet de faire dialoguer des ordinateurs
- Un protocole est indépendant du matériel, du système d'exploitation, de la langue de l'utilisateur...
- Internet fait cohabiter des dizaines de protocoles
- 1 protocole = 1 usage spécifique
- Il existe des protocoles concurrents, par exemple : SMTP / POP3 / IMAP : courriers électroniques
- Autres protocoles :
TCP/IP : la base. Permet la communication de données (il regroupe l'ensemble des régles de communication sur internet)
- HTTP : accès aux pages Web
- HTTPS : version sécurisée de HTTP
- FTP : transfert de fichiers (permet l'échange de gros fichiers entre deux machines dans le but de pallier la restriction de poids pour les pièces jointes envoyées par mail).
- TELNET : connexion à un serveur en mode console
- SSH : connexion sécurisée à un serveur en mode console

SMTP

Ce protocole est utilsé pour transférer les mails sur les réseaux.
Fred qui possèdent le domaine truc.fr va envoyer un mail à Marc qui lui fait partie du domaine machin.com
Fred envoie donc le mail en utilsant son logiciel de messagerie qui va contacter le serveur smtp du domaine truc.fr(1).
C'est ensuite ce serveur qui va se charger de router le mail vers le destinataire.
Il contacte le serveur smtp du domaine machin.com pour lui transférer le mail(2).
Ce serveur va vérifier que le compte marc@machin.com existe et placer le mail dans l'espace mémoire allouer à Marc(3).
Le mail est arrivé à destination , l'objectif du protocole SMTP est atteint.
Lorsque Marc utilsera son logiciel de messagerie, celui-ci va solliciter le serveur POP(4) en utilisant le protocole POP et vérifier si des mails y sont présents(5). Si oui le serveur renverra les mails dans le logiciel de messagerie(6).

Différence entre POP3 et IMAP4

POP3 établit un contact entre la messagerie et le serveur. Les mails sont rapatriés et stockés sur votre machine.
IMAP4, les mails restent stockés sur le serveur et peuvent être rapatriés sous forme de copie sur votre machine.

Le choix de l'hébergeur pour son site est essentiel.
Un mauvais hébergeur est synonyme de site fréquemment inaccessible ce qui est dommageable.
Voici les critères à vérifier pour affiner votre choix, en fonction des besoins et des offres existantes :

• Serveur mutualisé ou dédié ?
• Nom de domaine
• Comptes mails
• Capacités d'hébergement
• Autres critères qualitatifs :
  • Disponibilité et assistance technique
  • Sécurité
  • Mises à jour et évolutivité
  • Services optionnels

Serveur mutualisé ou dédié

C'est le premier point à déterminer en fonction de vos besoins :
- Hébergement mutualisé
C'est lorsque plusieurs sites de différentes sociétés ou particuliers sont hébergés sur un même serveur.
Les ressources du serveur sont alors partagées, le trafic et l'espace disque limités.
Solution la plus économique, destinée aux sites qui ne génèrent pas de trafic important (sites vitrines de TPE ou PME).

- Hébergement dédié
C'est lorsque vous louez ou achetez un serveur pour vous seul. Vous pouvez y héberger plusieurs sites Internet, dans la limite de l'espace disque disponible.
Le trafic est alors illimité. Destiné aux sites qui génèrent beaucoup de trafic et demandent beaucoup de ressources (boutiques en ligne).

Nom de domaine

Vérifiez si l'enregistrement du nom de domaine est compris ou pas dans la prestation de l'hébergeur.
Si vous avez déjà le nom de domaine pour le site, vous avez la possibilité de le transférer chez l'hébergeur de votre choix (en modifiant les DNS).
Le nom de domaine se réserve en fait auprès d'un "registrar" ou registraire de nom de domaine :
Ovh, 1&1, NordNet, Gandi, Netissime...
Ils font l'intermédiaire avec l'AFNIC (Association française pour le nommage Internet en coopération) et l'ICANN(Internet Corportation for Assigned Names and Numbers)

Comptes mails

Certains hébergeurs vous proposent de créer un ou plusieurs comptes mails avec pour extension le nom de domaine du site Internet.
Un au nom de la société et un pour chacun des salariés par exemple. Les mails sont alors hébergés sur le serveur de l'hébergeur.

Base de données

Certains hébergeurs incluent la création d'une ou plusieurs base de données associées à votre hébergement web.

Capacités d'hébergement

Espace disque
Selon que votre site contient des pages textes ou des pages avec vidéos, musiques ou images haute définition, il vous faudra plus ou moins d'espace disque, de 5 Mo à 50 Go !

Trafic Pour choisir le débit de la bande passante, on estime le nombre de visiteurs attendus, de pages vues et du poids moyen de ces pages.
Cela peut osciller entre 10 et 2000 GB par mois. Ne sous-estimez pas le nombre de visiteurs, au risque de voir s'allonger le temps de chargement de votre site.
Ou pire se voir couper l'accès au site sur le serveur.

Les critères de choix et de qualité

Disponibilité et assistance technique
Un site Internet indisponible a des conséquences négatives :
mauvaise image, baisse d'activité s'il s'agit d'une e-boutique, mauvais référencement, messagerie indisponible, etc.
Mieux vaut alors une assistance technique efficace et rapide, car un hébergement n'est jamais fiable à 100 %.
Pour être sûr d'avoir une assistance de qualité, vérifiez que l'hébergeur garantit un temps d'intervention(GTI) et un temps de rétablissement(GTR), avec des pénalités en cas de manquement à ces engagements.
Ne passez pas outre la lecture des conditions générales de vente(CGV), en particulier pour vérifier ces conditions d'assistance.

Sécurité
Sauvegardes régulières et complètes de votre site Internet, pour prévenir toute perte de contenu.
Cryptage des données pour pallier les attaques extérieures.
Salle d'hébergement du serveur sécurisée équipée d'Uninterruptable Power System, en cas de coupure de courant votre site ne subit aucune coupure.
Mises à jour et évolutivité
Assurez-vous que vous avez la possibilité de mettre à jour votre site, grâce à une interface de configuration intuitive, pour ne pas avoir à faire appel à l'hébergeur à chaque modification.
Services optionnels
Statistiques de fréquentation du site.
Antispam/antivirus.
Accès FTP (File Transfer Protocol).

Exemples de prestataires
Amen.fr, OVH.org, Celeonet.fr, 1and1.fr, Online.net, Planet-hebergement.fr, etc.
A services égaux, entre plusieurs prestataires, sondez leur réputation en ligne, en consultant les sites d'avis et en participant aux forums.

Les langages côté client

HTML : pour le fond (la structure sémantique)
- HTML = HyperText Markup Language
- Permet d'afficher des textes, des images, des liens, des listes à puce…
- Langage de description avec balisage
- Extension des fichiers : .html
<p>Bonjour le monde</p>

CSS : pour la forme
- CSS = Cascading Style Sheet (feuilles de style en cascade)
- Les « feuilles de style » permettent de mettre en forme le texte, de définir les couleurs, polices, fond d'écran…
- Langage de stylisation
- Extension des fichiers : .css
p {
color: blue;
font-size: 18px;
}

Javascript : pour programmer côté client
- Permet de créer des programmes éxécutés par les navigateurs
- Langage de programmation
- Extension des fichiers : .js
<script type="text/javascript">
document.write('Bonjour le monde')
</script>


Les langages côté serveur

PHP : Hypertext Preprocessor, pour programmer côté serveur
- Permet de créer des programmes exécuté côté serveur.
- Langage de programmation conçu pour le web.
- Extension des fichiers: .php
<p> <?php echo("Bonjour le monde") ; ?> </p>

SQL : pour accéder aux bases de données
- Sql = Structured Query Language
- Permet d'écrire des requêtes d'accés aux bases de données
- Langage de requête utilisé avec le logiciel MySQL
- Extension des fichiers : .sql
SELECT nom, prenom, id
FROM utilisateur
WHERE nom = 'toto'

Site "statique"

Site "dynamique"

Les CMS : content management system
Logiciel de création de site web dynamique :
- Mise à jour des contenus -> Backoffice -> BDD
- Hierarchisation d'utilisateurs multiples
- Gestion de la forme : modification thème
Exemples : Wordpress, Prestashop, Drupal...

- Le navigateur est un logiciel chargé :
- D'afficher les pages web, il interprète le « code source » HTML
- D'afficher ces pages avec style, il interprète le CSS
- D'interpréter et jouer les programmes javascript
- De permettre la saisie de formulaires (Quand on valide, le contenu est renvoyé au serveur via un programme PHP)

- chrome ; Google(rapide et new leader)
- Internet Explorer : Microsoft(ancien leader peu respectueux des normes jusqu'à IE9)
- Firefox : Mozilla(respectueux des standards du w3c)
- Safari : Apple (développé après rejet de IE)
- Android : Google

À partir des années 2000, Internet Explorer devient leader du marché car, il est installé par défaut, sur tous les machines ayant le système d'exploitation Windows.
Il atteint un pic d'utilisation de 95 % en 2002 et 2003
À partir de 2005, Mozilla FireFox commence à détrôner Internet Explorer, puis, à partir de 2012, c'est au tour de Google Chrome de devenir le navigateur le plus utilisé dans le monde.
Navigateurs : chiffres-clés

Les outils pour développer

- Un éditeur de code : Notepad++ / Dreamweaver / SublimeText / Bracket/ Atom...
- Un navigateur : Firefox/Chrome/.. pour tester et modifier vos sources avec outils de développement intégré
- Un serveur Web ou un serveur en local : Wamp ou easyPHP pour simuler le fonctionnement d'un serveur : interpréter le PHP et communiquer avec des BDD sans connexions internet.
- Un outil FTP : Filezilla ou cyberDuck pour transférer les fichiers source sur un serveur.

1. Rechercher des prestataires Hébergeur et/ou registrar, comparez les offres
2. Rechercher un nom de domaine pour le projet site web
3. Présenter la formule la plus adaptée et la plus économique pour la location de l'hébergement et du nom de domaine

- Installer filezilla
- Utiliser le bloc-notes pour créer un fichier html :

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Page web</title>
    </head>    
    <body>
    	<p>Ma première page web !</p>
    </body>
</html>

Placer le sur votre espace serveur
Installer un éditeur de codes de votre choix.

Quiz : Réponses en HTML

Pourquoi IPv6 ?
Quel est le rôle d'un serveur DNS ?
A quoi sert le protocole FTP ?
Que veut dire HTTP ?
A quoi sert le protocole SMTP ?
Qu'est ce qu'un registrar ?
Qu'est ce qu'un serveur mutualisé ?
Citer un langage qui éxecute des programmes côté serveur ?
Citer un langage qui s'éxecute côté client par le biais du navigateur ?