D'InDesign a HTML5

Publicacions digitals basades en l'estàndard

T’imagines, que des d’InDesign es puguessin dissenyar llocs web?

Bé, de fet, hi ha molta gent que ho fa. Treballa amb InDesign, i encabat genera un PDF, per enviar al programador i que aquest s’espabili.

T’imagines, que des d’InDesign es pugués tenir directament el codi HTML que necessita el lloc web?

 

De tota la vida, InDesign ha tingut una opció d’exportar a HTML, però que no respectava la maquetació. Per tant, de ben poca cosa serveix. Per enviar textos i imatges al programador i que aquest s’espabili.

A partir de la versió CC2014, però, les coses han canviat.

Des del 2014 tenim l’opció d’exportar a Epub de maquetació fixa. I un Epub d’aquests, senyores i senyors, per si no ho sabien, és pur HTML5.

El 2014 va arribar també una opció, un servei, anomenat Publish Online. Que ens permet tenir una versió web dels nostres documents InDesign. Que no només respecta la maquetació sinó que podem enriquir amb animacions, elements interactius i tota la pesca! Si té alguna pega és que ens obliguen a tenir-ho als servidors d’Adobe.

Per esquivar aquesta limitació, podem tibar de scripts i plugins. El que no fa Adobe, ho fan d’altres.

Un plugin anomenat in5 és el rei d’aquest camp. A més de respectar la maquetació, animacions i elements interactius, ens genera un codi HTML que podem fer servir de base per a crear Web Apps o Apps.

Finalment, per si no en teníem prou, podem comptar amb un script gratuït que té les seves limitacions però que és prou vàlid en alguns casos.

 

En aquest curs veurem tots els camins que porten a Roma.

Partirem d’un mateix document, hi afegirem interactivitats (animacions, vídeos) i n’obtindrem diferents sortides.

Un bonic Epub a punt de portar a la botiga iBooks Store.

I uns bonics HTML5 per ser vistos des de qualsevol navegador, generats tant amb el Publish Online d’Adobe com el plugin in5 o l’script gratuït.

 

d'InDesign a HTML5

 

Aquest és el pla de treball:

 

Sessió 1: els Epub FXL

 

  • Anatomia d'un Epub de maquetació fixa, FXL
  • Diferències amb els Epub que flueixen
  • Configuració del document
  • Optimització d'imatges
  • Tipografies
  • Consideracions a l'hora d'exportar
  • Comprovacions, validacions i retocs finals

 

Sessió 2: interactivitat

 

  • Enllaços, taula de continguts
  • Animació d'objectes
  • Botons
  • Vídeo, so
  • Botons
  • Publish Online

 

Sessió 3: un plugin i un script

 

  • El plugin: In5
  • Overlay (Superposicions): passis de diapositives, seqüència d’imatges, contingut desplaçable, “pan & zoom”, contingut web…
  • WebApps
  • L’script: Export FXL HTML

 

 

Tens dubtes sobre aquest temari?

Necessites aclariments? Fés click aquí

T'interessa aquest curs? Digues dia i hora, i ens adaptem!

(no es publicarà)

Pestanyes verticals