Web2print 2021-2022 : Différence entre versions
(→Gutenberg to HTML) |
(→Sessions) |
||
| Ligne 1 : | Ligne 1 : | ||
= Sessions = | = Sessions = | ||
| + | == 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 beaucoup de textes classiques, il y a des auteurs français même si la majorité sont en anglais. (voir [https://www.gutenberg.org/ebooks/bookshelf/313 ici la littérature française]) | ||
| + | * Exemple: https://www.gutenberg.org/ebooks/26812 | ||
| + | * Télécharger le code source 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 | ||
| + | * Editez le fichier ether2html.html en remplaçant l'URL sous le commentaire <!-- CHANGE THE URL OF YOUR CSS PAD BELOW --> par l'URL d'exportation du pad CSS que vous avez créé à l'étape 1, (c'est à dire l'url + export/txt à la fin) ou bien copiez l'emplacement du lien de l'exportation en texte brut du pad via le menu d'exportation. | ||
| + | * Modifiez le fichier ether2html.html en remplaçant l'URL sous le commentaire <!-- CHANGE THE URL OF YOUR MARKDOWN CONTENT PAD BELOW --> par l'URL d'exportation du pad pour le contenu que vous avez créé à l'étape 2, (c'est à dire l'url + export/txt à la fin) ou bien copiez l'emplacement du lien de l'exportation en texte brut du pad via le menu d'exportation. | ||
| + | |||
| + | |||
== 24 septembre == | == 24 septembre == | ||
| Ligne 24 : | Ligne 39 : | ||
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] | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
Version du 15 octobre 2021 à 14:35
Sessions
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 beaucoup de textes classiques, il y a des auteurs français même si la majorité sont en anglais. (voir ici la littérature française)
- Exemple: https://www.gutenberg.org/ebooks/26812
- Télécharger le code source 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
- Editez le fichier ether2html.html en remplaçant l'URL sous le commentaire par l'URL d'exportation du pad CSS que vous avez créé à l'étape 1, (c'est à dire l'url + export/txt à la fin) ou bien copiez l'emplacement du lien de l'exportation en texte brut du pad via le menu d'exportation.
- Modifiez le fichier ether2html.html en remplaçant l'URL sous le commentaire par l'URL d'exportation du pad pour le contenu que vous avez créé à l'étape 2, (c'est à dire l'url + export/txt à la fin) ou bien copiez l'emplacement du lien de l'exportation en texte brut du pad via le menu d'exportation.
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/
Référence CSS print
