Digital Publishing met Adobe InDesign

Met het gereedschap dat je al kent publiceer je nu ook in HTML

Cursus Digitaal Publiceren met InDesign en IN5

In deze cursus Digitaal Publiceren in HTML leer je hoe je de interactiviteit van InDesign kunt omzetten naar HTML. Wat je leert sluit naadloos aan bij de cursus ePubs met vaste layout maken met InDesign. Heb je die nog niet gevolgd, dan vind je op deze pagina de complete cursus. Je hoeft niet eens verstand te hebben van HTML om aan deze cursus mee te doen: Digitaal Publiceren in HTML doe je namelijk vanuit Adobe InDesign. En dat ken je al. Je leert werken met Objectstatussen, knoppen, animaties als je aan deze cursus begint. Na afloop kun je publiceren in HTML, of webappp, of zelfs aansturen om in een Appstore als app op de plank te leggen. Dat is pas echt digitaal publiceren.

Op deze pagina:

Gebruik Publish Online en IN5 ↓

Deze cursus is ook te realiseren op afstand. We werken dan met Zoom. Ook je collega is welkom, tijdelijk voor een wel heel aantrekkelijke prijs.
Heb je alleen een vraag waarmee je vastloopt? Ook dan krijg je hulp!

Graag cursus via ZoomIk heb een losse vraag

Werken met Publish Online en met IN5

Waarom is deze training zo interessant? Omdat HTML compatible is met alle apparaten. Ongeacht of je publiek op een computer of smartphone of tablet werkt: jouw lezers kunnen zonder problemen je publicatie inzien.

Onderwerpen uit deze cursus

In deze cursus zitten alle onderwerpen van de cursus ePubs met vaste layout en animaties maken, plus nog een aantal meer:

  • Knoppen in een interactieve publicatie gebruiken
  • Hyperlinks en actieve inhoudsopgave toepassen voor navigatie
  • Bladwijzers om naar pagina te navigeren
  • Objectstatussen gebruiken als diashows
  • Animaties in InDesign maken
  • Timing gebruiken om animaties tegelijkertijd te starten
  • Video toevoegen aan een je publicatie
  • Hoe je kaders kunt maken waarin gescrold kan worden
  • Diashows laten bedienen door swipen, of autoplay
  • Extern gemaakte animaties toevoegen
  • Interactieve Grafieken toevoegen
  • Metadata invoeren, en app-icoon
  • Hoe je fonts gebruikt en insluit, of gebruik maakt van bijv. Google Fonts
  • Het maken van een web-app zodat je publicatie op de desktop van je tablet of smartphone staat
  • Gebruik maken van de statusbalk
  • Extra Javascript of CSS-code toevoegen
  • Aanpassingen naar het formaat van beeldscherm
  • Verschillende paginaformaten gebruiken
  • Afbeeldingenreeks (image sequence) gebruiken
  • Werken met iFrames: Google Maps, Youtube, Vimeo

Wat, Wanneer, Hoe en wat kost het?

Wanneer Elke datum die je wenst en nog vrij is in de agenda
Tijdsduur 3 dagen, van 9.30u tot 16.30u
Voorkennis Basiskennis van je besturingssysteem op je computer
Plaats ’s-Hertogenbosch. Of bij jou op locatie.
Prijs 1 persoon 1170,- voor 3 dgn. Collega's: de 2e t/m 4e persoon krijgen 50%korting. Prijzen zijn exclusief BTW.
Bewijs Je krijgt een Certificaat als bewijs van deelname
Voorwaarde In ’s-Hertogenbosch heb ik een computer voor je klaar staan. En anders: Bring Your Own Device. Je hebt zelf een eigen computer of laptop met daarop de software geïnstalleerd.

 

In deze cursus zitten alle onderwerpen van de cursus ePubs met vaste layout en animaties maken, plus nog een aantal meer. Als je de kennis al hebt van de interactieve kant van InDesign, kun je een hoop tijd besparen. Dan kun je de cursus Digital Publishing met IN5 ook afnemen als een cursus van 1 dag. Neem dan contact met me op.

Peter Maas

Deze onderwerpen passen in  een cursus interactieve ePub maken

Gebruik animaties om objecten te laten bewegen in InDesign

Video toevoegen aan een interactieve ePub

Als je filmfragmenten wilt gebruiken, is dat in MP4-formaat. Je kunt springen naar vooringestelde momenten in de film, en je kunt een film automatisch laten herhalen.

Gebruik animaties om objecten te laten bewegen in InDesign

Waarin kunnen we de ePub bekijken?

Als de ondersteuning op computertabletten belangrijk is, kunnen we werken met de app iBooks om de interactieve bestanden te bekijken. Op een Apple Macintosh is er nooit een probleem. 

Gebruik animaties om objecten te laten bewegen in InDesign

Scrollen in een kader

Je kunt ook scrollen binnen een statische bladzijde. Daarmee vergroot je het effectieve oppervlak om informatie over te brengen. Superhandig in interactieve documenten!

Gebruik animaties om objecten te laten bewegen in InDesign

Externe animaties en infographics toevoegen

De aandacht van de lezer hou je ook vast door beweging. Dat kan met een online grafiekentool. Maar ook met bestanden uit Adobe Animate of Hype. Deze worden ingesloten in de te maken ePub.

Gebruik animaties om objecten te laten bewegen in InDesign

Metadata toevoegen

Het echt publiceren van een ePub moet op de officiële manier. Metadata wordt daarbij gebruikt. Voor kleine kring kan het voldoende zijn om naam en titel in te voeren. Want die worden gebruikt in de weergave in de bibliotheek van je iPad.

Gebruik animaties om objecten te laten bewegen in InDesign

Lettertypen insluiten

Als je publiceert in HTML, wat voor lettertypes moet je dan kiezen? Je leert hoe je kunt werken met Google fonts, of eigen fonts kunt insluiten in je publicatie.

Gebruik animaties om objecten te laten bewegen in InDesign

Afbeeldingenreeks ofwel image sequence

Een afbeeldingenreeks is een serie plaatjes die je snel kunt bladeren met een handbeweging. Je kent ze misschien wel van productpresentaties, waar je een gefotografeerd product rond kunt laten draaien.

Gebruik animaties om objecten te laten bewegen in InDesign

iFrames gebruiken

Wat met ePubs niet kan, lukt lekker wel met HTML: video gebruiken van Youtube zonder dat je publicatie daar zwaarder van wordt. Het blijft dus makkelijk te downloaden. 

Knoppen in het interactieve exportbestand van InDesign

knoppen in interactieve publicatiesJe kunt van elk object een knop maken. Leer hoe je een knop gebruikt om een diashow te besturen, een animatie te starten, een geluid af te spelen of naar een ander gedeelte van je document te springen.

Hyperlinks in InDesign. En bladwijzers.

bladwijzers in InDesignHyperlinks en Bladwijzers gebruik je om mee naar een andere pagina te springen in je publicatie. Of naar een web-adres. Hyperlinks zijn wel handig, want ze plakken vast aan je tekst. Daarom staan ze dus altijd op de goede plaats. Ook als je tekst verschoven is.

Automatische interactieve inhoudsopgave

inhoudsopgave indesignWanneer je op de juiste manier de inhoudsopgave laat maken door InDesign, levert dit meteen een interactieve lijst met hyperlinks op: superhandig! Dat wil jij toch ook?

Maak diashows met Objecstatussen

objectstatussenZelf noem ik het ‘diashows’. Je zet er meerdere afbeeldingen in, al dan niet voorzien van extra teksten, of animaties. Een diashow kan dus van alles bevatten. Zelfs een filmbestand. Het komt allemaal aan bod in de cursus Interactieve PDF.

Gebruik Animaties in InDesign

Animaties in InDesignHet deelvenster animaties laat een object bewegen over het scherm. Je mag zelf de beweging bepalen en ook naar eigen smaak aanpassen. Stel de snelheid in, de beweging, en hoe vaak deze wordt uitgevoerd. Dat kun jij straks ook. Animaties pas je soms in de PDF achteraf nog wat aan.

Timing deelvenster controleert meerder animaties

Timing stuurt animaties aanGeen animaties zonder timing. Want met Timing bepaal je welke animaties eerst gaan. Of misschien wel tegelijk. Een vernuftig stukje, waar je zeker van op de hoogte moet zijn. Je gaat daar mee werken in de cursus Interactieve PDF.

Gebruik video in je digitale publicatie uit InDesign

Video in InDesignAls je filmfragmenten wilt gebruiken, is dat in MP4-formaat. Je kunt springen naar vooringestelde momenten in de film, en je kunt een film automatisch laten herhalen.

Waarmee bekijk je de interactieve ePub

Viewer voor interactieve publicatieAls de ondersteuning op computertabletten belangrijk is, kunnen we werken met de app iBooks om de interactieve bestanden te bekijken. Op een Apple Macintosh is er nooit een probleem. 

Scrollen in een tekstkader

interactieve publicatieJe kunt ook scrollen binnen een statische bladzijde. Daarmee vergroot je het effectieve oppervlak om informatie over te brengen. Superhandig in interactieve documenten!

Externe animaties en infographics toevoegen

animaties in InDesignDe aandacht van de lezer hou je ook vast door beweging. Dat kan met een online grafiekentool. Maar ook met bestanden uit Adobe Animate of Hype. Deze worden ingesloten in de te maken ePub.

Metadata toevoegen

metadata xmpHet echt publiceren van een ePub moet op de officiële manier. Metadata wordt daarbij gebruikt. Voor kleine kring kan het voldoende zijn om naam en titel in te voeren. Want die worden gebruikt in de weergave in de bibliotheek van je iPad.

Sluit lettertypen in

lettertype insluitenGebruik de lettertypen die horen bij de huisstijl. Als je publiceert in HTML kun je webfonts gebruiken van Google, of  OpenType fonts. 

Afbeeldingenreeks gebruiken

afbeeldingenreeksEen afbeeldingenreeks is een serie plaatjes die je snel kunt bladeren met een handbeweging. Je kent ze misschien wel van productpresentaties, waar je een gefotografeerd product rond kunt laten draaien.

iFrames gebruiken

iframes in InDesignWat met ePubs niet kan, lukt lekker wel met HTML: video gebruiken van Youtube zonder dat je publicatie daar zwaarder van wordt. Het blijft dus makkelijk te downloaden. 

Extra CSS of Javascript toevoegen

css en javascriptCSS is de techniek die de vormgeving aanstuurt in HTML. Je hoeft zelf geen CSS te schrijven, maar door het toevoegen van wat voorbeeld-css-bestanden gaat je publicatie er anders uit zien. Of kun je iets wat zelfs met Publish Online niet kan.

Denk je dat deze cursus bij je past?

Tik gerust de button even aan. Je komt dan op een pagina met uitleg over hoe het verder gaat.

Een  voorbeeld van wat je kunt met IN5.

Wil je een voorbeeld zien van wat er meer kan met IN5 dan met PublishOnline? ik heb een voorbeeld klaargezet. Op deze pagina zie je een overzicht van bijna alle aspecten die IN5 biedt, waar PublishOnline niet aan kan tippen. En alles is gewoon gemaakt met InDesign→ Laat zien waarom IN5 beter is dan Publish Online.

Aanverwante artikelen

Cursus op afstand, of liever contactonderwijs?

Juli 2020 De voorbije weken waren anders, vanwege Corona. Voor jou ook natuurlijk, en ik wil mijn nieuwe inzicht hier even met je delen over het werken op afstand. En hoe dat ging. Contactonderwijs is de standaard Voor de Corona had ik alleen nog maar...

Lees meer

Document RGB is niet goed voor je foto in InDesign

DocumentRGB of het juiste RGB?Wanneer je foto’s plaatst in Adobe InDesign is het belangrijk dat je weet dat InDesign de foto’s goed uitleest. Een van de belangrijke dingen waar je zelf op moet letten is het al dan niet ingesloten icc-kleurprofiel: herkent InDesign...

Lees meer

Sign & Print beurs 2020 Gorinchem

Deze week was ik op de Sign & Print beurs in Gorinchem. Even heb ik me wel afgevraagd of ik wel zou gaan, of niet. Maar die woensdag was de stand van (Corona)zaken anders dan vandaag de dag. Hier volgt een kort verslag.Bij binnenkomst – na het verplichte opnemen...

Lees meer

Tekst op basislijnraster zetten in InDesign

In dit artikel leg ik uit wat je kunt doen om tekst op de basislijnen te zetten in InDesign en waarom dat belangrijk is. Voor veel InDesigngebruikers zal deze tip deels bekend zijn, maar ik vertel je nog over drie extra varianten, om het uitdagend te houden. Het is...

Lees meer

Extra wit voor en na een alinea. Bijvoorbeeld bij opsommingen.

Aan de 2019-versie van Adobe InDesign is een nieuwe functie toegevoegd. Daar wil ik het even over hebben. Het is een teksteigenschap, en je kunt hem eventueel vinden in het deelvenster Alinea. Maar normaal gesproken gebruik je deze in een alineastijl.Nieuwe functie in...

Lees meer
Laat knoppen zien
Verberg knoppen