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
bodyavec ce que vous souhaiteriez partager pour vous présenter. Notez la présence des balisesapour faire un lien,imgpour ajouter une imageh1pour faire un titre,h2pour faire un sous-titre,h3pour 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
stylesi 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>
