Coucoudesignnumerique : Différence entre versions
Ligne 5 : | Ligne 5 : | ||
* Remplacez le contenu de la balise <code>body</code> avec ce que vous souhaiteriez partager pour vous présenter. Notez la présence des balises <code>a</code> pour faire un lien, <code>img</code> pour ajouter une image <code>h1</h1></code> pour faire un titre, <code>h2</code> pour faire un sous-titre, <code>h3</code> pour faire un sous-sous titre. | * Remplacez le contenu de la balise <code>body</code> avec ce que vous souhaiteriez partager pour vous présenter. Notez la présence des balises <code>a</code> pour faire un lien, <code>img</code> pour ajouter une image <code>h1</h1></code> pour faire un titre, <code>h2</code> pour faire un sous-titre, <code>h3</code> 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. | * 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 à | + | * N'hésitez pas à ajouter du CSS dans la balise <code>style</code> si vous le désirez. |
* Ajoutez le dossier sur une clé usb prévue. | * Ajoutez le dossier sur une clé usb prévue. | ||
Version du 12 septembre 2024 à 14:58
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 balisesa
pour faire un lien,img
pour ajouter une imageh1
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>
</head>
<body>
<img src="adressedelimage">
<h2>un titre</h2>
<p>un paragraphe</p>
<p>un autre paragraphe</p>
</body>
</html>