Navigateur et éditeur de texte
Un navigateur est un logiciel qui permet de consulter et d’afficher les pages web. Il en existe plusieurs : Mozilla Firefox, Chrome, Internet Explorer / Edge, Safari, etc. Une page web est écrite en language HTML (HyperTex Markup Language) qui donne au navigateur la structure et les contenus à afficher. La présentation peut être améliorée par l’utilisation du CSS (Cascade Style Sheet, feuille de calcul en cascade).
Les éditeurs de texte sont des logiciels qui permettent d’écrire le code HTML et CSS (Sublimtext, Komodo, et Notepad++)
CMS ou Système de gestion des contenus
Beaucoup de sites internet sont réalisés grâce à des systèmes de gestion des contenus, CMS (Content Management System). Il s’agit de logiciels informatiques qui facilitent la création des sites en proposant des modèles pages web préconstruites.
Les CMS fonctionnent sur un principe simple : le WYSIWYG, pour What You See Is what You Get ( ce que vous voyez est-ce que vous obtenez).
Les plus connus sont Wordpress, Joomla, Drupal, etc. La connaissance du HTML et CSS est un avantage important pour l’utilisateur du CMS.
Utiliser l’inspecteur
En cliquant droit sur une page web, puis sur examiner l’élément, on ouvre l’inspecteur du navigateur. Cet outil permet d’accéder aux codes sources HTML et CSS de la page web, de les modifier et de visualiser le résultat en temps réel.
Les modifications sont locales et n’altèrent pas les fichiers d’origine : actualiser la page (Ctrl+ R) la réaffiche.
En promenant la souris sur les éléments du code source, les zones concernées s’affichent en surbrillance. On peut inspecter directement un endroit précis de la page par un clic droit, puis examiner l’élément de la partie que l’on veut explorer.
Le HTML et le CSS d'une page simple
Le HTML permet de structurer les pages web et d'y mettre du contenu. Une page web peut contenir du texte, du son, des images, des vidéos, des liens et des renvois internes ou externes. Tout le code est saisi entre les balises et .
Le CSS est le langage qui concerne la présentation et le style des pages web sous forme d'un fichier d'extension .css. Il est lié au fichier .html par la balise link (dans head).