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:
Deze cursus is ook te realiseren op afstand. We werken dan bij voorkeur met Zoom. Want dat is beter geschikt dan Microsoft Teams of Google Meet. En net zo veilig, sinds er tal van updates zijn geweest voor deze applicatie. 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!
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 1242,- 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.
Deze onderwerpen passen in een cursus interactieve ePub maken
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.
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?
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
Geen sjans met Comic Sans
Hier kun je heel concreet lezen, zien en horen wat er allemaal niet deugt aan het lettertype Comic Sans. Niet alleen klagen, maar ook beargumenteren waarom het zo’n gruwelijk slecht lettertype is. En uitleg over de tijd waarin Comic Sans is gemaakt.
Betere samenwerking tussen vormgevers en auteurs.
“Als jij de brochure af hebt, kan ik daarna nog de tekst bewerken?” Je hebt die vraag misschien al eens gehoord. Opdrachtgevers leggen soms druk op de samenwerking tussen auteur/redacteur en vormgever. In dit bericht geef ik je een aantal oplossingen mee om dit vlot...
Geen Certified PDF met InDesign, maar toch drukklaar!
Als je een PDF wilt aanleveren bij printshop of drukkerij is er altijd de vraag hoe je dat moet doen. In dit artikel ga ik in op het maken van PDF met Adobe InDesign. Het is dan nog geen certified PDF, maar voldoet wel aan de drukkersnormen.PDF/x is er voor drukbare...
Straks geen Pantone-Waaier meer in Illustrator, InDesign en Photoshop
Na maart 2022 zet Adobe er een punt achter. Ze willen niet blijven betalen aan de firma Pantone voor het mogen gebruiken van de Pantone-waaier in je software. Adobe Photoshop, InDesign en Illustrator zijn de producten waar je die aparte drukkleuren nog het meest...
Stanslijn en dekwit gebruiken in Adobe Illustrator: een toepassing met overdruk.
Een stansvorm is ook een drukkleur. En vernis, en wit soms ook. Overdruk is voor veel ontwerpers lastig te begrijpen. Het is voor drukkers een heel essentieel element: daarmee wordt gezorgd dat elementen elkaar niet afdekken. In dit artikel lees je over een voorbeeld...
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...
Overdruk in Adobe Illustrator? Wat is het en hoe gebruik je het?
Overdruk lijkt op transparantie, maar is het niet. Al sinds zo’n 30 jaar bestaat het fenomeen van overdruk in Adobe Illustrator. Drukkers maken er graag gebruik van. Soms moet het, omdat InDesign slimmer met zwarte objecten omgaat. Soms doen ze het omdat een ontwerp...
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...
Regelafstand op héle alinea toepassen in InDesign. Dus ook de laatste regel!
innen Adobe InDesign is de regelafstand beïnvloed door een voorkeursinstelling. Als je hem niet aanpast, heb je soms moeite om de regelafstand van de laaatste regel van een alinea goed aan te passen. Dit artikel legt uit hoe de standaard van Adobe...
