17/07/2023
Programmation web côté client
Modifier
Principe
Modifier
Lorsqu'un visiteur demande une page en tapant une adresse ou URL, le serveur web lui renvoie le contenu de la page demandée, le plus souvent en HTML, Javascript ou XML.
C'est ensuite le navigateur web qui interprète le contenu retourné, en utilisant ou non des plug-ins qui interprètent certains objets.
La programmation "côté client" (ou développement web frontal) consiste à produire du code (HTML, CSS, Javascript, ...) qui sera interprété par un navigateur web (ou une fenêtre, pour les logiciels de bureau ou applications mobiles) et produira un rendu visuel : une interface utilisateur (UI), et dont certains éléments permettront une navigation, des liens, avec les autres pages (UX).
Les langages de balisage
Modifier
Langage HTML ou XHTML
Modifier
Toute page web comprend une base de langage HTML ou XHTML. Il s'agit d'un langage de balisage qui définit essentiellement la structure de la page web (titres, tableaux, paragraphes, listes, etc.).
Initialement, c'est un langage qui permet de créer des hyperliens, à savoir des liens d'un document à un autre ou d'un endroit d'un document à un autre endroit du même document (identificateur de fragment).
Ce langage ne définissait au départ que la structure de la page, mais très vite se sont rajoutées des balises (ou tags) qui s'occupaient de spécifier les caractéristiques de la page web (hiérarchisation du contenu, attributs donnés aux balises...).
Depuis sa version 4, le langage HTML s'accompagne des CSS qui sont des styles se chargeant de la mise en forme et de l'animation de la page.
Le XHTML est une évolution du HTML basée sur XML.
Insertion d'objets en HTML
Modifier
Pour rendre une page web plus dynamique en HTML, il est possible d'y insérer des objets, grâce aux tags , , ou par exemple.
Images
Modifier
Un premier type d'objet sont les images qu'on intègre dans la page web. Les images sont généralement statiques sauf les gifs an