Un site un internet est un ensemble de fichiers identifiés par une URL (Uniform Ressource Locator), ces fichiers sont hébergés par un serveur et sont consultables par un client à l'aide d'un navigateur via l'adresse du site (nom de domaine) suivi du nom de la ressource. les fichiers sont reliés entre-eux par des liens Hyper Text.
Des serveurs et des hommes...
Client
Derrière ce terme se cache plusieurs notions :
Les non-webmasters désigne comme client la personne qui paye :P
Les webmasters utilisent le terme client pour désigner de façon général tout ce que l'utilisateur voit dans son navigateur, on parle souvent de ce qui se passe côté client
ou de la partie client
(partie accessible au publique)
Le terme client désigne également la personne qui consulte le site web, on parle aussi d'utilisateur, visiteur, internaute
Il désigne également un logiciel connecté au web, on parle par exemple de client mail pour désigner Outlook ou Thunderbird, et de façon général, on utilise le terme client pour qualifier une application qui se connecte à un serveur : Client mail, client mysql, etc...
Dans la documentation officiel, le navigateur (ou de façon plus général le système qui accède au contenu) est désigné par le terme Agent.
Enfin, le terme langage client désigne les langages qui sont interprétés par le navigateur : HTML/XHTML, CSS, JavaScript
http://www.siteduzero.com/tutoriel-3-175248-internet-et-les-navigateurs.html : Présentation des principaux navigateurs
http://fr.wikipedia.org/wiki/Client_%28informatique%29 : Définition du client en informatique
http://gs.statcounter.com/ : Statistiques sur les navigateurs (part de marcher)
Serveur
Le serveur désigne une personne bien habillé qui prend des commandes et les sert à un client.
Le terme serveur web désigne de façon générale l'endroit où sont hébergées les pages web.
Le serveur, pour un webmaster, désigne simplement un ordinateur connecté à internet, sur lequel tourne des applications serveur (les daemons) chargés de répondre aux clients : Serveur web (pour les documents web), serveur de données (pour les base de données), serveur FTP (pour la mise en ligne et le téléchargement), serveur mail (pour faire transiter les mails), serveur de domaine, serveur SSH, etc... Les plus part des serveurs web (ordinateur connecté) regroupent plusieurs serveur (application qui répondent aux clients).
Comme un serveur (ordinateur) disposent souvent de plusieurs applications serveurs d'installées en même temps, chaque applications surveillent les demandes des clients par une porte d'entrée que l'on appel le port. Les applications serveurs surveillent ainsi un ou plusieurs port.
On identifie le serveur (l'ordinateur) par son adresse IP (de façon général, tout les devices connectés à internet se voit attribuer une adresse IP unique par le founisseur d'accès). Les noms de domaines permettent de nous dispenser l'écriture laborieuse de l'ip, un peu comme des boite postale.
On parle aussi de langage serveur pour désigner les langages qui sont executés par le serveur : PHP, ASP, Perl, JAVA
http://fr.wikipedia.org/wiki/Serveur_informatique : Définition du serveur
http://www.siteduzero.com/tutoriel-3-203191-les-noms-de-domaine.html : Nom de domaine
Les requêtes
Pour que le serveur livre quelque chose à un client, le client doit formuler une demande, on parle de requète.
Quand le serveur reçoit une requète, il tente d'y répondre. S'il n'arrive pas à répondre il retournera une erreur (généralement composée d'un code d'erreur et d'un message, par exemple le fameux 404 not found du serveur Apache).
Les requètes sont généralement composé d'une entête permettant au serveur de savoir "qui" fait la requète.
En fonction du serveur, la requête s'exprime dans un format particulier, on parle dans le cadre des echanges clients/serveur de protocole de communication : http, https, ftp, pop, smtp, imap, etc...
L'envois de la requête se fais via un protocole, vers un serveur (IP ou domaine) en passant par un port. Généralement le logiciel client automatise la création des requètes, par exemple vous n'avez pas à écrire une requète http à la main en précisant le port de destination pour surfer, le simple fait d'écrire une url dans la barre d'adresse suffit...
Voici les principaux types d'échanges client/serveur :
Ce fonctionnement met en lumière le contenu des barres d'adresse d'un navigateur :
http://www.monsite.com/fichier.html
Cette adresse pourrait également être rédigée de cette façon :
http://192.168.0.1:80/fichier.html
Dans les 2 cas l'adresse comprend des informations sur le protocole utilisé (HTTP), le serveur (www.monsite.com ou son IP), et la ressource demandé (fichier.html)
http://www.siteduzero.com/tutoriel-3-35613-les-requetes-http.html : Les requêtes HTTP.
http://www.commentcamarche.net/contents/internet/url.php3 : Qu'est ce qu'une URL ?
Ressource
Passons maintenant à ce que le client voit, à savoir des page web reliées entre-elles par des Liens Hypertext.
Un page HTML est un simple fichier (au format texte) composé majoritairement de code HTML pour le contenu, de CSS pour l'aspect et de JavaScript pour les interactions "avancées".
Les pages HTML contiennent du texte, et font également référence à des médias extérieurs (JPG, PNG, GIF, SWF, MP3, WAV, MPEG, AVI, MOV, etc... ).
Quand le client (la personne) saisie une URL dans sont navigateur, le navigateur effectue une requète vers le serveur web pour lui demander un fichier HTML. Le serveur vérifi s'il dispose bien de la ressource demandé, et si c'est le cas retourne du texte (du code HTML).
Le code HTML est ensuite INTERPRETE par le navigateur, si ce code HTML contiens des références à des images, le navigateur fera (de façon transparente) une nouvelle requète vers le serveur pour charge l'image et l'afficher.
La chose à retenir, c'est que c'est le navigateur qui effectue le RENDU FINAL, cela explique pourquoi certains site s'affichent différement d'un navigateur à l'autre... C'est la partie la plus complexe (pénible ?) du travail d'intégrateur web : Assurer la compatibilité d'un site sur la majorité des clients web.
Norme
Au début du web, cet etat de fait (le navigateur décide de l'aspect d'un site) a donné lieu à des crises de nerfs, il fallait faire des versions de site pour les principaux navigateurs car leurs façon d'intépréter le code HTML et CSS était radicalement différente.
On a longtemps parler de la guerre entre netscape et internet explorer.
Heureusement, une organisation internationnale, le W3C, régie et met jour une norme de développement pour les langages du web (HTML, XHTML, CSS, etc...). Cette norme décrit le code valide et standard en incluant la façon de l'écrire afin d'imposer ces standards aux différents navigateurs.
Aujourd'hui, les multiplications des concurents
http://www.w3.org/ : Site officiel du World Wide Web Consortium
http://julienappert.com/qui-perd-la-guerre-des-navigateurs.html : Article sur la "guerre des navigateurs"
Se documenter
L'un des rôles souvent négliger de l'intégrateur web est de se documenter en continu sur les sites spécialisés et les blogs, tujours suivre l'évolution des standards (et accessoirement entretenir un "culture du web"). Voici une liste de sites généralistes à consulter régulièrement :
http://www.lafermeduweb.net : La ferme du web, des actus et des tutoriaux
http://www.alsacreations.com : Portail d'intégrateur web
http://www.developpez.com : Site pour développeur
http://www.siteduzero.com : Portail de tutoriel pour débutant
http://www.journaldunet.com/developpeur/ : Journal du net
http://www.lemondeinformatique.fr : Actualités informatique
http://matthieublanco.fr : Le blog de matthieu Blanco (et le podcast) - Actualités tech
http://www.korben.info : Le blog de Korben (Actualités tech)
http://frenchspin.com/fr/site/tech/ : Podcats, La revue tech de patrick Beja (Infos geek :)