{"id":6109,"date":"2016-05-25T18:35:37","date_gmt":"2016-05-25T18:35:37","guid":{"rendered":"http:\/\/petermaas.biz\/testmap\/pixels\/?p=6109"},"modified":"2019-01-26T21:10:22","modified_gmt":"2019-01-26T21:10:22","slug":"indesign-html-export","status":"publish","type":"post","link":"http:\/\/petermaas.biz\/testmap\/pixels\/indesign\/indesign-html-export\/","title":{"rendered":"InDesign HTML export: gebruik IN5 van Ajar Productions"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;3.4.1&#8243;][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; make_fullwidth=&#8221;on&#8221; specialty=&#8221;on&#8221; _builder_version=&#8221;3.4.1&#8243;][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;3.0.47&#8243; parallax=&#8221;off&#8221; parallax__hover=&#8221;off&#8221; parallax_method=&#8221;on&#8221; parallax_method__hover=&#8221;on&#8221;][et_pb_text _builder_version=&#8221;3.15&#8243;]<\/p>\n<div class=\"intro\"><strong><span class='et-dropcap'>E<\/span>xporteer HTML vanuit InDesign<\/strong>: Adobe doet het niet goed. Met een plugin kan het w\u00e8l.\u00a0Je moet met\u00a0<strong>IN5<\/strong> werken. Wil je liever met InDesign HTML exporteren, of wil je ze aanbieden als een web-app? Ook dan is IN5 het antwoord. Of kies je toch liever voor apps in de appstore? Ook die kun je\u00a0aanmaken met IN5.\u00a0Je moet het nog wel\u00a0aanvullen met een licentie voor <strong>Liquid State Systems<\/strong>: daarmee pak je de publicatie in om aan te bieden in de Appstore van Apple, Android en Microsoft.<\/div>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; specialty_columns=&#8221;2&#8243; _builder_version=&#8221;3.0.47&#8243; parallax=&#8221;off&#8221; parallax__hover=&#8221;off&#8221; parallax_method=&#8221;on&#8221; parallax_method__hover=&#8221;on&#8221;][et_pb_row_inner _builder_version=&#8221;3.4.1&#8243;][et_pb_column_inner type=&#8221;4_4&#8243; saved_specialty_column_type=&#8221;1_2&#8243; _builder_version=&#8221;3.0.47&#8243; parallax=&#8221;off&#8221; parallax__hover=&#8221;off&#8221; parallax_method=&#8221;on&#8221; parallax_method__hover=&#8221;on&#8221;][et_pb_text _builder_version=&#8221;3.4.1&#8243;]<\/p>\n<h2>HTML is laagdrempelig<\/h2>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/petermaas.biz\/testmap\/pixels\/wp-content\/uploads\/in5-logo-150x150.png\" width=\"150\" height=\"150\" alt=\"Digital Publishing met IN5\" class=\"wp-image-3685 alignright size-thumbnail\" \/><br \/>InDesign HTML export met IN5 werkt op basis van het ontwerp dat je in InDesign hebt gemaakt. Deze exportbestanden zijn opgebouwd uit HTML5 en CSS3. Dus zeer compatible met de browsers van nu. Elk aspect van je interactieve ontwerp wordt vertolkt naar een HTML-oplossing. Het resultaat kun je vooraf al testen in InDesign (gebruik voorvertoning ePub-interactiviteit). Maar omdat het net niet 100% het zelfde is als die ePub, moet je uiteindelijk toch vanuit InDesign HTML exporteren om zeker te zijn dat je ontwerp is geslaagd.<\/p>\n<p><span id=\"more-4877\"><\/span>Het grote verschil in uitvoerformaat zit er in dat de HTML het altijd doet. Op alle apparaten. Dat is bij ePub wel eens anders. Terwijl HTML gewoon al direct in de webbrowser kan worden vertoond. Het is dus veel laagdrempeliger in het gebruik, en aantrekkelijk om te kiezen voor Indesign HTML export.<\/p>\n<h2>Nog meer voordelen voor IN5<\/h2>\n<p>Er zijn eigenlijk een heleboel voordelen te noemen voor het publiceren met IN5.<\/p>\n<ul>\n<li>Zoals net genoemd is de <strong>compatibiliteit<\/strong> er \u00e9\u00e9n van<\/li>\n<li>Ook <strong>bestandsgrootte<\/strong>: wil je films gebruiken, dan kan dat gewoon online blijven staan. Dat maakt dat de informatie sneller gedownload en te lezen is.<\/li>\n<li>Je kunt <strong>fonts insluiten<\/strong>, of je gebruikt <strong>webfonts<\/strong>. Daarmee kan de tekst ook door zoekrobots doorzocht worden. Zodat de zoekresultaten van Google ook jouw publicatie kunnen vinden.<\/li>\n<li>Als je wilt kun je ook <strong>Google Analytics<\/strong> gebruiken: sluit de code in tijdens het publiceren van HTML.<\/li>\n<li>Je hebt <strong>meer interactieve mogelijkheden<\/strong>. Er zijn een aantal interactieve objecten die het niet doen in ePub, maar wel als je ze met IN5 publiceert.<\/li>\n<li>Als je de publicatie wilt aanbieden als een <strong>web-app<\/strong>, dan kan dat ook. Een web-app ziet er uit als een app op het bureaublad van je tablet of smartphone, maar haalt zijn content online.<\/li>\n<li>Ook als je later <strong>offline<\/strong> bent, is de publicatie nog te zien. Dankzij <strong>Caching<\/strong>. Wel met de kanttekening dat de buffer voor caching op mobiele apparaten beperkt is.<\/li>\n<li>Verschillende <strong>pagina-lengtes<\/strong>: wat in ePub niet mogelijk is, kan in HTML gewoon w\u00e8l. Dus een lange verticale infographic hoeft nooit verkleind op het scherm getoond te worden.<\/li>\n<\/ul>\n<h3>Ook vloeibare layout in InDesign HTML export<\/h3>\n<p>Al jaren geleden begon Adobe met \u2018vloeibare layout\u2019 in InDesign. Maar nog geen enkele goede toepassing hiervoor gezien van Adobe. En Hoera! IN5 pakt de uitdaging aan. Als je wilt, kun je dus ook ontwerpen voor afwijkende schermformaten. In webdesign is responsive design al een tijdje de trend. En met IN5 kun je in ieder geval ontwerpen waarbij je rekening houdt met diverse\u00a0schermformaten.<\/p>\n<h3>Apps in de appstore<\/h3>\n<p><a href=\"http:\/\/www.ajarproductions.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ajar Productions<\/a> heeft zelfs een exportformaat gemaakt dat je kunt gebruiken in een andere dienst: <a href=\"http:\/\/liquid-state.com\/current-offerings\" target=\"_blank\" rel=\"noopener noreferrer\">Liquid State Systems<\/a>. Dat formaat is ook gewoon opgebouwd uit HTML, dus dat werkt wel. Waarom is dat interessant? Omdat je via de appstores een andere band met je publiek opbouwt: je kunt abonnementen aanbieden, je kunt elke maand een publicatie maken en deze binnen \u00e9\u00e9n app aanbieden. Dat IN5 dat zelf niet doet is prima. Super dat ze een exportformaat aanmaken wat de makers van Liquid State Systems in de kaart speelt.<\/p>\n<h2>Je kennis van Adobe InDesign wordt zo n\u00f3g meer waard<\/h2>\n<p>Dat alles maakt dat je n\u00f3g meer waar voor je geld krijgt wanneer je al hebt leren werken met InDesign. Want je kunt InDesign\u00a0dus nog veelzijdiger inzetten. Sommige interactie is wel vrij bewerkelijk, maar je doet het allemaal met het gereedschap dat je al jaren gebruikt. Het voelt vertrouwd aan. En het is niet duur: als je de plugin hebt aangeschaft, ben je klaar en kun je zonder extra kosten al publicaties maken.<span style=\"font-size: 16px;\">\u00a0Direct met InDesign HTML exporteren is jouw voordeel.<\/span><\/p>\n<p><a href=\"https:\/\/www.pixelsenpaginas.nl\/pixelsenpaginas.nl\/demo\/in5-vs-po\/html\/0001.html\" target=\"_blank\" rel=\"noopener noreferrer\"><\/a><\/p>\n<p>[\/et_pb_text][\/et_pb_column_inner][\/et_pb_row_inner][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;3.0.47&#8243; parallax=&#8221;off&#8221; parallax__hover=&#8221;off&#8221; parallax_method=&#8221;on&#8221; parallax_method__hover=&#8221;on&#8221;][et_pb_text _builder_version=&#8221;3.15&#8243; border_radii=&#8221;|6px|6px||&#8221; border_width_all=&#8221;1px&#8221; border_color_all=&#8221;#2e60a5&#8243; border_width_bottom=&#8221;0px&#8221; custom_margin=&#8221;||0px|&#8221; custom_padding=&#8221;10px|10px|10px|10px&#8221;]<\/p>\n<h3>Een voorbeeld van InDesign HTML export<\/h3>\n<p>Ik gebruik in mijn lessen een basisdocument waarin alles zit wat ik kon bedenken en maken: Knoppen, rollover, animatie, hyperlinks, inhoudsopgave, objectstatussen, schuifbalken, typografie, iframes, navigatie, geluid, en video.<\/p>\n<p>[\/et_pb_text][et_pb_button button_url=&#8221;https:\/\/www.pixelsenpaginas.nl\/demo\/interactief\/html\/&#8221; button_text=&#8221;Bekijk wat je met IN5 kunt&#8221; _builder_version=&#8221;3.16&#8243; custom_button=&#8221;on&#8221; button_border_radius=&#8221;6px&#8221; button_font=&#8221;||||||||&#8221; custom_css_main_element=&#8221;min-width: 100%;&#8221; button_text_size__hover_enabled=&#8221;off&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_text_color__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_border_width__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_border_color__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_border_radius__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_letter_spacing__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;off&#8221; button_two_letter_spacing__hover_enabled=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;off&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221;][\/et_pb_button][et_pb_text _builder_version=&#8221;3.19.8&#8243; border_radii=&#8221;|6px|6px||&#8221; border_width_all=&#8221;1px&#8221; border_color_all=&#8221;#2e60a5&#8243; border_width_bottom=&#8221;0px&#8221; custom_margin=&#8221;||0px|&#8221; custom_padding=&#8221;10px|10px|10px|10px&#8221;]<\/p>\n<h3>Is IN5 beter dan Publish Online?<\/h3>\n<p>Ik denk van wel. Met IN5 kun je nog meer doen dan met Publish Online.\u00a0Klik op de button om een overzicht te krijgen van alle voordelen van IN5 boven Publish Online<\/p>\n<p>[\/et_pb_text][et_pb_button button_url=&#8221;https:\/\/www.pixelsenpaginas.nl\/pixelsenpaginas.nl\/demo\/in5-vs-po\/html\/0001.html&#8221; button_text=&#8221;IN5 beter dan Publish Online?&#8221; _builder_version=&#8221;3.19.8&#8243; custom_button=&#8221;on&#8221; button_border_radius=&#8221;6px&#8221; button_font=&#8221;||||||||&#8221; custom_css_main_element=&#8221;min-width: 100%;&#8221; button_text_size__hover_enabled=&#8221;off&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_text_color__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_border_width__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_border_color__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_border_radius__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_letter_spacing__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;off&#8221; button_two_letter_spacing__hover_enabled=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;off&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221;][\/et_pb_button][\/et_pb_column][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;3.4.1&#8243;][et_pb_row make_fullwidth=&#8221;on&#8221; _builder_version=&#8221;3.4.1&#8243; custom_css_main_element=&#8221;min-width:100%;&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.4.1&#8243; parallax=&#8221;off&#8221; parallax_method=&#8221;on&#8221;][et_pb_cta title=&#8221;Leercurve bij InDesign HTML export&#8221; button_url=&#8221;http:\/\/petermaas.biz\/testmap\/pixels\/cursus\/digitaal-publiceren-met-indesign\/&#8221; button_text=&#8221;inhoud van de cursus Publiceren in HTML&#8221; _builder_version=&#8221;3.16&#8243; custom_padding=&#8221;|20%||20%&#8221; custom_padding_tablet=&#8221;|70px||70px&#8221; custom_padding_phone=&#8221;|20px||20px&#8221; custom_padding_last_edited=&#8221;on|desktop&#8221; button_text_size__hover_enabled=&#8221;off&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_text_color__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_border_width__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_border_color__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_border_radius__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_letter_spacing__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;off&#8221; button_two_letter_spacing__hover_enabled=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;off&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221;]<\/p>\n<p>Als je met InDesign publicaties maakt in HTML heb je eerst de kennis nodig om interactieve documenten te maken. Die techniek leer je normaal in twee dagen. En die kun je bijna 1 op 1 gebruiken als je verder gaat met IN5. Instructies daar bovenop voor het gebruik van IN5 leer ik je in een extra\u00a0dag. Heb je interesse? Dan kun je binnenkort jouw portfolio weer uitbreiden. Mijn cursus is altijd maatwerk, en in het tempo dat bij jou past.\u00a0<\/p>\n<p>[\/et_pb_cta][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p><span class='et-dropcap'>E<\/span>xporteer HTML vanuit InDesign: Adobe doet het niet goed. Met een plugin kan het w\u00e8l.\u00a0Je moet met\u00a0IN5 werken. Wil je liever met InDesign HTML exporteren, of wil je ze aanbieden als een web-app? Ook dan is IN5 het antwoord. Of kies je toch liever voor apps in de appstore? Ook die kun je\u00a0aanmaken met IN5.\u00a0Je [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":3827,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[253],"tags":[559],"yst_prominent_words":[58,622,568,618,1477,626,621,61,617,614,1476,624,619,615,36,629,623,620,627,616],"_links":{"self":[{"href":"http:\/\/petermaas.biz\/testmap\/pixels\/wp-json\/wp\/v2\/posts\/6109"}],"collection":[{"href":"http:\/\/petermaas.biz\/testmap\/pixels\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/petermaas.biz\/testmap\/pixels\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/petermaas.biz\/testmap\/pixels\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"http:\/\/petermaas.biz\/testmap\/pixels\/wp-json\/wp\/v2\/comments?post=6109"}],"version-history":[{"count":16,"href":"http:\/\/petermaas.biz\/testmap\/pixels\/wp-json\/wp\/v2\/posts\/6109\/revisions"}],"predecessor-version":[{"id":7561,"href":"http:\/\/petermaas.biz\/testmap\/pixels\/wp-json\/wp\/v2\/posts\/6109\/revisions\/7561"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/petermaas.biz\/testmap\/pixels\/wp-json\/wp\/v2\/media\/3827"}],"wp:attachment":[{"href":"http:\/\/petermaas.biz\/testmap\/pixels\/wp-json\/wp\/v2\/media?parent=6109"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/petermaas.biz\/testmap\/pixels\/wp-json\/wp\/v2\/categories?post=6109"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/petermaas.biz\/testmap\/pixels\/wp-json\/wp\/v2\/tags?post=6109"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"http:\/\/petermaas.biz\/testmap\/pixels\/wp-json\/wp\/v2\/yst_prominent_words?post=6109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}