« Coucoudesignnumerique » : différence entre les versions
De Design numérique
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 3 : | Ligne 3 : | ||
* consultez l'adresse du wiki https://designnumerique.be/wiki/Coucoudesignnumerique | * 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) | * 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 <code> | * 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 à créer une feuille de style css dans le même dossier. | * N'hésitez pas à créer une feuille de style css dans le même dossier. | ||
Version du 12 septembre 2024 à 14:56
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 à créer une feuille de style css dans le même dossier.
- 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>