HTML, CSS et Javascript Comprendre les langages du web

Le langage HTML, le squelette de votre site web

Les contenus de votre site internet s'affichent sur votre écran grâce au langage HTML (Hypertext Markup Language). Même lorsqu'il faut faire appel à une base de données, comme dans un site WordPress par exemple, le code qui permet d'afficher vos contenus sur l'écran reste du HTML.

Comment fonctionne un site web comme WordPress

Les langages de conception de WordPress sont le PHP et le MySQL.

Pourquoi tous ces langages alors que je viens de le dire, seuls le HTML suffit poura fficher ses contenus ? En fait, le .PHP est un langage dynamique qui établit une relation entre l'interface du site et les informations que vous enregistrez sur le serveur.

Voici comment cela fonctionne :

1. Le PHP est un langage serveur. Il sert à envoyer des demandes au serveur qui contient la base de connaissances du site web. On appelle cette base de connaissances, une base de données.
2. Le serveur reçoit la demande (on dit "la requête"), et recherche dans sa base les données enregistrées. Les données sont enregistrées en format .MySQL.
3. Le langage .PHP reçoit les données et les affiche sous forme de balises en .HTML.

Sans une jolie apparence visuelle, votre site n'est ni attirant, ni pratique à parcourir. C'est le rôle du .CSS (Cascading Style Sheet) de rendre l'apparence de votre site web personnalisée. Il permet réellement de forger votre identité de marque sur la toile.

Plus encore, le langage .CSS participe à l'UX design, à son ergonomie. L'UX Design c'est le design du site web tourné vers l'utilisateur. On va prendre en compte les manières que l'utilisateur a de manipuler un site web sur son medai de lecture (téléphone, écran de bureau ,etc…).

La réalité, c'est que seuls le HTML et le CSS sont nécessaires pour afficher vos interfaces web. Ils permettent de rendre vos sites accessibles, agréables et parfaitement navigables sans autres formes de procès !

Et bien c’est parce que c’est selon moi le meilleur compromis entre la technicité et la créativité.

Je suis Graphiste & Webdesigner de formation en freelance, et par extension développeur front-end. À ce jour je n’ai pas encore trouvé de solution plus rapide, plus efficace ni plus simple d’améliorer l’UI-UX des interfaces que je conçois.

Un langage tout-terrain

Il peut être manipulé par tous les langages du web que ce soit du .php ou du .javascript. C’est le langage tout-terrain par excellence. Si parfois la technique rend les choses un peu compliquée, ou difficile à comprendre, parfois un peu chère ou les 3 à la fois, grâce au langage CSS, on va pouvoir presque tout faire !

Le CSS est un langage coloré et vivant !

On l’ignore souvent mais le langage CSS permet d’animer les éléments de contenus HTML (langage d’affichage des sites web). On peut les faire apparaître, dispraître, les déplacer, les faire bouger et les rendre réactifs grâce aux pseudo-class, aux transitions et aux keyframes !

Un langage pour l’UI-UX Design

Avec du CSS on peut rajouter ce qu’on appelle des pseudo-éléments de contenus HTML afin de styliser en profondeur les balises HTML. Comment croyez-vous qu’on stylise les cases à cocher, les boutons radio et les listes à puces de nos sites web ? Et bien c’est encore avec du CSS !

Le style d’abord

Il permet d’aller bien plus loin que l’utilisation d’un simple thème pour son CMS. On peut le manipuler à la main, et styliser des éléments soit-même. Il peut styliser n’importe quel élément de HTML selon sa propre créativité. Il est donc presque sans limite !

Vous êtes coincé par le thème que votre site WordPress vous impose ? Vous voulez vous différencier de votre concurrent ? Vous avez donc besoin d’aller plus loin pour marquer votre image de marque ? C’est encore le style CSS qu’il vous faut.