« 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><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></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 à 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
<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 imageh2pour faire un sous-titre,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 à 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>