Coucoudesignnumerique : Différence entre versions

De Design numérique
Aller à : navigation, rechercher
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 <body> 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></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:55

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 \

    pour faire un titre, h2 pour 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>