Coucoudesignnumerique

De Design numérique
Révision datée du 26 septembre 2024 à 14:33 par Alexia (discussion | contributions) (Le squelette HTML)
(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)
Aller à : navigation, rechercher

Le protocole

1. "Rédiger"

  • 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 h1 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.

2. "Publier"

  • Transmettez la clé au poste de travail "Publier" qui se chargera de mettre en ligne votre page de présentation html.
  • Vous avez maintenant une adresse personnelle sur le serveur web du cours http://work.designnumerique.be/votrenom!
  • L'opérateur du poste "Publier" vous transmettra votre clé d'accès pour pouvoir modifier, ajouter, et gérer votre espace de publication personnel du cours. Cet espace est en partie public et mutualisé, prenez-en soin.
  • Télécharger un logiciel ftp (Filezilla, Cyberduck...) et accédez à votre espace en ligne.

3. "Relier"

  • Lire les présentations de chacun·e et créer une série de liens vers les pages des autres étudiant·es dans le corps du texte en fonction de vos affinités, liens d'amitié, souhaits de rencontre ou de collaboration sur des sujets, partage de ressources ou tout autre façon de créer du lien.

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>
    <style> p {color: red; }</style>
</head>
<body>
    <img src="adressedelimage">
    <h2>un titre</h2>
    <p>un paragraphe</p>
    <p>un autre paragraphe</p>
<p>
  Je suis en train de créer un lien vers
  <a href="https://designnumerique.be">la page d'accueil de design numérique</a>.
</p>


</body>
</html>