Digital Publishing met Adobe InDesign
Met het gereedschap dat je al kent publiceer je nu ook in HTMLCursus 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:
Werken met Publish Online en met IN5
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 | Bring Your Own Device. Je hebt zelf een eigen computer of laptop met daarop de software geïnstalleerd. In ’s-Hertogenbosch heb ik een computer voor je klaar staan. |
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.
Deze onderwerpen passen in een cursus interactieve ePub maken
Knoppen in InDesign en interactieve exportbestand
Je 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 en Bladwijzers in InDesign
Hyperlinks 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.
Meerdere paginaformaten gebruiken
Niet elk verhaal is even lang. Soms heeft een tekst wat meer ruimte nodig dan een ander. Of heb je meer foto’s te laten zien. Dan maak je toch gewoon die ene pagina wat langer? Het kan als je met IN5 werkt.
Gebruik de statusbalk
Gebruik die statusbak voor extra navigatie, een voortgangsindicator, of automatisch gemaakte miniaturen van je pagina’s. Dat geeft de lezer extra navigatie.
Automatische klikbare inhoudsopgave
Wanneer 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?
Objectstatussen voor diashows. Objectstates in InDesign.
Zelf 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 ePub.
Animaties in InDesign leren maken
Het 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.
Timing stuurt meerdere animaties aan
Geen 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 ePub.
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.
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.
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!
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.
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.
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.
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.
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.
Extra CSS of Javascript toevoegen
CSS is de techniek waarmee de vormgeving wordt aangestuurd in HTML. Je hoeft zelf geen CSS te schrijven, maar door het toevoegen van wat voorbeeld-bestanden gaat je publicatie er anders uit zien.
Knoppen in het interactieve exportbestand van InDesign
Je 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.
Hyperlinks 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
Wanneer 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
Zelf 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
Het 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
Geen 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
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.
Waarmee bekijk je de interactieve ePub
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.
Scrollen in een tekstkader
Je 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
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.
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.
Sluit lettertypen in
Gebruik de lettertypen die horen bij de huisstijl. Als je publiceert in HTML kun je webfonts gebruiken van Google, of OpenType fonts.
Afbeeldingenreeks gebruiken
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.
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.
Extra CSS of Javascript toevoegen
CSS 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?
Gebruik dan de button hiernaast. Je komt dan op een pagina met uitleg over hoe een training gaat.
Aanverwante artikelen
George Clooney: what else? Double what else!
Pas nog vroeg een voormalig cursist om een foto aan te passen. Ze had het wel geleerd in de les, maar vond het toch nog wel lastig om goed aan te pakken. Hoe laat je iemand qua fotografie-stijl lijken op George Clooney, uit de Espresso-reclame? Ze was heel blij met de...
Canva versus Spark: twee applicaties voor Social Graphics
Ontwerpers werken met Adobe. Ze combineren InDesign, Illustrator, Photoshop, en Typografie en maken de mooiste dingen. Maar wat als je geen ontwerper bent en toch wat moois wilt maken? Ben je dan verplicht om je te verdiepen in al deze programmatuur? Gelukkig niet....
Photoshop Elements: lagen gebruiken zoals in Photoshop Professional
Een klant vraagt om een cursus Photoshop. Dat geef ik met plezier. Toen ik nog wat navroeg bleek bij de intake dat het om Photoshop Elements ging. Niet Photoshop Professional. Dat maakt nogal wat uit. Niet zozeer in wat je er mee kan, maar hoe je er komt. In dit...
Galerie vervagen in Photoshop: waar is dat voor?
Galerie vervagen, waar is dat voor? In dit artikel geef ik je een treffend voorbeeld. Vaak willen we scherpere foto’s, maar soms helpt onscherpte ook om de foto beter over te laten komen. Pas nog zat ik door mijn vakantiefoto’s te bladeren, en vond ik die foto met...
Scherpte versus Resolutie: wat en hoeveel.
Voorkom dat jouw foto’s een onvoldoende krijgen, en kies de juiste resolutie. Een foto met te veel aan resolutie neemt onnodig veel geheugen in en krijgt geen optimale scherpte. Een foto met te weinig aan resolutie is blokkerig en wordt ook wel onscherp genoemd. Maar...
Hoe veel is hoge resolutie? en wanneer is het onvoldoende?
Bij het bewerken van foto’s is het prettig om hoge resolutie te hebben. Daardoor selecteer je kleine details gemakkelijker. Voordat je gaat afdrukken mag je soms de resolutie wel wat minder hoog maken. Maar hoe veel is hoge resolutie? Daarom hieronder een lijstje....
Photoshop penselen: hoe stel je de kwastgrootte handig in?
Wanneer je in Photoshop een penseel gebruikt, zie je de grootte van de cursor afgebeeld als een rondje. Dit rondje kun je heel snel op maat krijgen met de volgende truc. Macintosh toetscode voor kwastgrootte in Photoshop Als je met een Apple Macintosh werkt, kun je...
CC apps laten rommel achter
Een tekening of ontwerp starten op je tablet, en verder bewerken op je computer. Het ziet er naar uit dat dit een langlopende trend wordt. Adobe Draw en Sketch Je kunt tegenwoordig heel leuk starten op je iPad met een tekening in Adobe Sketch, of Draw. En daarna die...
Adobe Bridge Kleurbeheer: speuren naar foto’s zonder icc-profiel
Je werkt met veel foto’s, en regelmatig heb je foto’s die er veel te fel of gekleurd uit komen in de afdruk of het drukwerk. Ergens doe je iets verkeerd. Maar wat? Het zou kunnen zijn dat je kleurinstellingen van InDesign een risico vormen waardoor fouten blijven...