De sacrées connaissances techniques sont requises pour développer un site internet qui remplira véritablement sa fonction de vitrine virtuelle. Et qui boostera le taux de conversion. Les sites web "all ready" à créer gratuitement sur le net sont loin d'avoir la qualité et l'efficacité de ceux conçus par un webmaster professionnel, doté de connaissances et d'expérience. Comment fonctionne un site internet ? Comment programmer une page web ? Ovacem vous dit tout.
Fonctionnement d'un site internet en 4 éléments majeurs
Wim de Jong est le Huggie les bons tuyaux d'OVACEM. Véritable régisseur du web et avant tout passionné, il navigue en coulisse pour permettre à l'utilisateur une navigation optimale. De même qu'un référencement au top par les moteurs de recherche.
Que faut-il pour faire marcher un site internet ?
- Un terminal
Le terminal enclenchera un navigateur internet tel que Firefox, Google Chrome, Microsoft Edge , Safari ou d’autres moins connus. Le navigateur est un logiciel qui permet de consulter des pages internet en décodant le langage html. - Le DNS
Le Domain Name System ou système de nom de domaine est le serveur qui permet de traduire une URL en une unique adresse IP (ex : www.ovacem.com). Grâce à cette adresse IP, le serveur web qui contient les pages du site sera identifié. - La requête
Une fois communiquée l'adresse IP par le DNS, le navigateur fait une requête au serveur du site web. Une page codée en html est envoyée, que le navigateur affiche en page web sur le terminal. - La connexion internet
Et bien sur il faut une connexion internet. C’est un réseau international composé de milliers d’ordinateurs et autres équipements électroniques.
- Il utilise un protocole de communication le TCP/IP où tout objet connecté a une adresse IP unique de façon à être identifié.
- Une adresse IP est comme un numéro de téléphone internet.
- Les numéros sont assignés par l’organisme IANA (Internet Assigned Numbers Authority)
Comment programmer / créer une page web en 3 points
Toute page web s'écrit en html. Autrement dit c’est un fichier texte codé.
Ce codage affiche 3 points essentiels.
Les blocs de construction
Ce qu'affichera à l'écran une page web :
- un titre,
- un paragraphe,
- une image,
- une vidéo,
- un bas de page (le footer),
- une infographie,
- etc.
<html>
<head> (section entête pour définir la page au moteur de recherche et les navigateur)
<title> Titre meta de notre page (invisible sur la page)</title>
<meta> </meta>
<style>code CSS pour formater les blocs de construction</style>
</head>
<body> (corps de la page où sont définis les blocs de construction)
<h1>Titre principal et visible dans la page </h1>
<p>paragraphe text</p>
<img src = ‘url de l’image’ alt =’description de l’image’>
<script>programmation, typiquement en JavaScript si nécessaire</script>
</body>
</html>
<head> (section entête pour définir la page au moteur de recherche et les navigateur)
<title> Titre meta de notre page (invisible sur la page)</title>
<meta> </meta>
<style>code CSS pour formater les blocs de construction</style>
</head>
<body> (corps de la page où sont définis les blocs de construction)
<h1>Titre principal et visible dans la page </h1>
<p>paragraphe text</p>
<img src = ‘url de l’image’ alt =’description de l’image’>
<script>programmation, typiquement en JavaScript si nécessaire</script>
</body>
</html>
Le codage CSS
Le codage CSS permet de donner le style et le format à tous les blocs. Il détermine la façon dont ils seront affichés sur la page web.
Le langage de programmation
Pour pouvoir interagir avec une page web, il faut un langage de programmation tel que Javascript. Il permet d'agir directement sur celle-ci :
- changer les blocs html ou CSS,
- faire des calculs.
Javascript est un langage de programmation orienté objet. Cela signifie qu'il fonctionne en interaction avec les objets que sont les blocs de construction html.
Toute page web se construit donc d'abord sous forme de fichier .html. Une fois placé sur le serveur d'un site web, il s'affiche à la vue de l'internaute sous forme de page web.
En résumé :
- L'utilisateur entre une URL dans la barre du navigateur.
- Le navigateur envoie une requête au DNS.
- Le DNS lui communique une IP adresse unique.
- Grâce à l'IP, le terminal de l'internaute débusque dans l'immensité du web le serveur et le site web décrits par l'Url.
- Une fois le contact établi, le serveur du site envoie le code de la page html au navigateur. Celui-ci interprète ce code et affiche la page web à la vue de l’internaute.
Crée le: 17/05/2020 Modifiée le: 23/05/2020
Auteur:
Wim de Jong
