Coucoudesignnumerique : Différence entre versions

De Design numérique
Aller à : navigation, rechercher
(Le squelette HTML)
Ligne 15 : Ligne 15 :
 
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
 
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
 
     <title>le titre de la page</title>
 
     <title>le titre de la page</title>
 +
    <style></style>
 
</head>
 
</head>
 
<body>
 
<body>

Version du 12 septembre 2024 à 14:59

Le protocole

  • Passez par le poste de travail "Rédiger"
  • consultez l'adresse du wiki https://designnumerique.be/wiki/Coucoudesignnumerique
  • copiez/collez le "squelette" html de la page du wiki dans un éditeur de texte (attention! un éditeur de texte qui permet de traiter du texte "brut". Exemple: vscodium, vim, gedit, nano, notepad, notepad++, textedit en format "texte", brackets)
  • Remplacez le contenu de la balise body avec ce que vous souhaiteriez partager pour vous présenter. Notez la présence des balises a pour faire un lien, img pour ajouter une image h1 pour faire un titre, h2 pour faire un sous-titre, h3 pour faire un sous-sous titre.
  • Sauvegardez le fichier sur votre ordinateur sous le nom "index.html" dans un dossier portant votre nom, sans espace et sans majuscule.
  • N'hésitez pas à ajouter du CSS dans la balise style si vous le désirez.
  • Ajoutez le dossier sur une clé usb prévue.

Le squelette HTML

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>le titre de la page</title>
    <style></style>
</head>
<body>
    <img src="adressedelimage">
    <h2>un titre</h2>
    <p>un paragraphe</p>
    <p>un autre paragraphe</p>

</body>
</html>