Programmation et codage, les dessous de la création d'un site internet

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)
diagramme de connection internet

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.
​​​​​​​Voici à quoi ressemble en langage codé html une page toute simple avec un titre, un paragraphe et une image :
<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. 
Le langage de programmation anime et donne de la complexité à la page web.
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.
connection internet

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. 
Et tout cela en moins de temps qu'il n'en faut pour l'écrire.
​​​​​​​


Créé le: 17/05/2020       Modifiée: 23/05/2020
Auteur: Wim de Jong
X
Le message est envoyé. Vous serez contacté dès que possible
Ovacem logo

04 48 06 05 93

Votre nom
Votre e-mail
Votre téléphone
Votre message
102F impasse de Catalogne
30 900, Nîmes