Web2print 2021-2022 : Différence entre versions

De Design numérique
Aller à : navigation, rechercher
(24 septembre intro web2print)
(24 septembre)
Ligne 24 : Ligne 24 :
  
 
Référence [https://www.w3.org/TR/css-page-3/ CSS print]
 
Référence [https://www.w3.org/TR/css-page-3/ CSS print]
 +
 +
== 15 octobre ==
 +
===Gutenberg to HTML===
 +
 +
 +
* Télécharger l'outil [http://osp.kitchen/tools/ether2html/ ether2html] conçu par Open source publishing.
 +
* Décompressez le dossier et déposez-le dossier à un endroit adéquat de votre ordinateur.
 +
* Connectez vous à la bibliothèque libre de droit [https://www.gutenberg.org/ Gutenberg.org] et choisissez par groupe de 2 ou 3 un texte qui vous plait. Vu que les auteurs sont décédés depuis minimum 70 ans pour que leur œuvre entre dans le domaine public, il y a une majorité de textes classiques, il y a des auteurs français même si la majorité est en anglais.
 +
* Exemple: https://www.gutenberg.org/ebooks/26812
 +
* télécharger la page html du texte que vous avez choisi.
 +
* Ouvrez un pad quelque part pour le contenu (ex:https://pads.erg.be/) et copier/coller le contenu html de l'œuvre que vous avez choisie.
 +
* Ouvrez un autre pad pour les CSS
 +
* clique sur [http://osp.kitchen/tools/ether2html/tree/master/ether2html.html#project-detail-files ce lien] puis téléchargez le fichier en faisant un clic droit sur "Télécharger brut" et choisissez "Enregistrer le lien sous".

Version du 15 octobre 2021 à 11:11

Sessions

24 septembre

Recette pad to print:

- 1 etherpad par groupe pour coder HTML + CSS : <https://pads.erg.be/p/html2print>
- ouvrir un terminal et lancer la commande: 
    while 1; do sleep 1; curl https://pads.erg.be/p/html2print/export/txt > index.html ; done
- Ouvrir Firefox
- Installer le plugin Auto reload: <https://addons.mozilla.org/fr/firefox/addon/auto-reload/>
- Ouvrir la page index.html créée dans votre "maison"
- Inspecteur web

Quelques recettes Css:

- Clippy: http://bennettfeely.com/clippy/

- Filtres CSS: https://www.cssfiltergenerator.com/

- Générateur de css : https://cssgenerator.org/

first demo

Référence CSS print

15 octobre

Gutenberg to HTML

  • Télécharger l'outil ether2html conçu par Open source publishing.
  • Décompressez le dossier et déposez-le dossier à un endroit adéquat de votre ordinateur.
  • Connectez vous à la bibliothèque libre de droit Gutenberg.org et choisissez par groupe de 2 ou 3 un texte qui vous plait. Vu que les auteurs sont décédés depuis minimum 70 ans pour que leur œuvre entre dans le domaine public, il y a une majorité de textes classiques, il y a des auteurs français même si la majorité est en anglais.
  • Exemple: https://www.gutenberg.org/ebooks/26812
  • télécharger la page html du texte que vous avez choisi.
  • Ouvrez un pad quelque part pour le contenu (ex:https://pads.erg.be/) et copier/coller le contenu html de l'œuvre que vous avez choisie.
  • Ouvrez un autre pad pour les CSS
  • clique sur ce lien puis téléchargez le fichier en faisant un clic droit sur "Télécharger brut" et choisissez "Enregistrer le lien sous".