Le langage html (Hyper Text Markup Langage) est un langage de présentation et non de programmation. Les fichiers sont en format texte enrichi par des balises.
A l'aide des balises html on structure le fond, c'est à dire le contenu de la page html. Puis dans un deuxième temps, à l'aide des CSS (feuilles de style: Cascading Style Sheets) on met en forme.
Les pages Web sont donc essentiellement composées de HTML et CSS (langages de description) mais elles peuvent aussi contenir du code en langage de programmation comme JavaScript, Java...
Les sites dynamiques sont reliés à des bases de données et utilisent le langage PHP.
Pour créer des pages html simples il suffit d'avoir un bon éditeur de texte comme NotePad++ sous Windows ou Fraise sous Mac. La coloration syntaxique simplifie la compréhension de la structure de page. C'est cette méthode basique que nous allons utiliser en ISN pour bien comprendre la démarche.
Mais il existe d'autres manières de créer des sites avec des Frameworks, qui sont des packages permettant de créer des sites avec HTML, CSS, Javascript qui répondent aux attentes actuelles comme le full-responsive, les animations, etc.
Dans Wordpress par exemple on ne tape presque plus de code, avec Bootstrap on peut positionner facilement des objets sur une page et utiliser des bibliothèques... Voir le lien "Le web"
La structure d'un site nécessite la création d'un dossier contenant les pages Web du site. Les images du site seront stockées dans un sous-dossier, les liens entre les fichiers seront alors relatifs.
Pour modifier ou créer les images il faut utiliser un logiciel de traitement de l'image comme Gimp. Les formats utilisables pour les pages Web sont gif, png et jpg. La taille de l'image doit être gérée (Menu Image/Echelle et taille). Les liens ci-contre permettent de trouver des icônes et images libres de droit. On pourra modifier les images, jouer avec les couleurs et on peut même rendre certaines parties transparentes ...
Dans un premier temps on crée son site sur son ordinateur personnel et on le visualise dans son navigateur. Puis il faut le publier sur Internet pour le rendre visible par tous.
Pour publier on utilise un logiciel tel que FileZilla qui est un logiciel client-serveur et permet de charger le dossier du site sur le serveur de l'hébergeur choisi.
Il est donc aussi nécessaire d'avoir un hébergeur. Free met par exemple à disposition gratuitement un espace de stockage pour page Web...
Si vous êtes prêts pour l'aventure, on démarre en chargeant le fichier suivant dans votre éditeur de texte: code minimal html5.