@page{ }

Imprimer des livres depuis un navigateur

Workshop — ESAD Orléans

Comment en arriver à imprimer des livres avec les navigateurs ?

« Design graphique libre » → nouveaux paradigmes

Lorsque l'on s'inscrit dans une pratique avec des logciels libres, il faut repenser toute la trousse à outils du graphisme
ainsi que la conception que l'on a des outils.

La programmation comme technique de création

Les règles qui définissent les outils libres garantissent l'accès au code source,
la possibilité de les modifier et d'en diffuser les sources ainsi que les modifications.

La programmation est donc un enjeu essentiel dans cette pratique.

HTML / CSS des langages standards et ouverts

Ils permettent de créer et styliser du contenu pour le web.

Langages universels planifiés par le W3C qui garantit un web commun
et accessible à tou⋅tes peu importe le navigateur.

Comment ça fonctionne techniquement ?

HTML

<div>Titre principale</div>
Contenu et structure sémantique de l'information

CSS

h1{ font-size: 20px; }
Présentation visuelle

Page web sans feuille de style
Page web avec feuille de style

Imprimer un document depuis un navigateur dès la génèse

Netscape, 2001

Une source pour plusieurs formats de sortie

Schéma d'un sytème de conception éditorial multisupport, Loraine Furter, Publication hybride, https://www.design-research.be/hybrid/publications.html
« Faire Avec », Back Office, n°1, fork éditions et B42, Paris.

Un système de conception éditorial génératif

Avec un fichier source générer rapidement une série de publication.

Schéma de Loraine Furter, Publication hybride, https://www.design-research.be/hybrid/publications.html
Affiche et Flyers pour la session parisienne de Relearn

Des systèmes modulaires

À partir d'un code source, un framework, adapter l'outil en fonction de chaque projet.

À partir de ces problématiques du web to print se sont crés pleins d'outils de design éditorial.

html2print, OSP
yah2p, Luuse

De la plasticité et de l'inventivité

Combiné avec d'autres langages du web (javascript, php, etc.) on peut expérimenter
de nouvelles façons de concevoir le design éditorial.

PJ Machine, Sarah Garcin

Collaborer sur un même document

À partir d'un même fichier source il est possible d'agir à plusieurs sur un même projet.

Poisson Lévèque, Conception d'une édition à plusieurs mains à l'aide de pad, Luuse.

Pour le workshop :

Consignes

Le guide de l'étudiant est notre prétexte de création.
L'exercice de cette semaine consiste à penser à la conception de deux publications distinctes,
écran et papier, à partir d'un seul est même code source.

Ces objets doivent se distinguer soit formellement, soit par le contenu.
Veillez à n'utiliser qu'un seul et unique fichier source HTML (sémantique) et un seul fichier CSS (style).

Pensez à qui s'adresse le guide à l'écran et sur le papier. Exemple, la version web est vue et lue par un public large, elle doit transmettre un message institutionnel. La publication papier s'adresse en premier lieu aux étudiant⋅es, un contenu alternatif peut alors leur être proposé.

Vous pouvez travailler individuellement, ou par groupe.

Organisation

Emploie du temps

Rendez-vous individuels ou par petits groupes

Remplir le framacalc de la façon suivante, horraire (estimé) et Nom Prénom;
Lien vers le framacalc

Récupérer le framework

Cliquez sur le lien suivant

Références