18 maart 2016

Publish Online: op je eigen website alsof je zelf host!

.
UPDATE:
Lees aan het einde de tip van reinier Mathijsen!


Oorspronkelijk bericht:
---
Alsof, dat is de clue in de titel, lees verder:

Wanneer je Publish Online gebruikt worden je documenten gehost op de Adobe servers. Dat is voor velen niet zo fijn omdat ze dit liever, althans gezien vanuit de bezoeker, met hun eigen webadres doen.

Daarom gaan we een trucje hanteren:

  • Publiceer eerst je document via Publish Online, zorg dat de Delen toestaan optie is gebruikt (de standaard opties)



  • Ga naar je document (Document weergeven) en kies daar de embed optie






  • Vul nu de grootte in van hoe je straks wilt dat je website start in de browser, zoals 1024 enz.
  • Kopieer de embed code
 


  • Start een HTML-editor of gewoon een tekstbewerker die platte tekst (ASCII) kan maken.
  • Plak de embed code
  • Verander 'embed' in 'view'(!)


  • Bewaar als een HTML-pagina (voeg vanuit een tekstbewerker als extensie dus .html toe en geen 'txt!)
  • Plaats deze HTML-pagina op je eigen website!
  • Ga nu eventueel terug naar InDesign en Publiceer hetzelfde document opnieuw, maar vervang het vorige document! Nu kun je de embed opties weer uitzetten zodat bezoekers van jouw pagina niet meer kunnen delen en embedden!
 




Hier zie je een voorbeeld op mijn eigen site: je ziet mijn adres staan maar je kijkt naar een iFrame!

www.fvdgeest.nl/Strand.html

LET OP: Onder Windows IE 9 en 10 werkt de Full SCreen optie niet correct! in IE 11 wel en uiteraard ook in Firefox en Google Chrome op Windows. Op de Mac, iOS enz. geen enkel probleem uiteraard ;-)


UPDATE! UPDATE!
Ik kreeg een bijzonder goeie tip met code voor een 'responsive' versie van dit insluiten (zodat de lezer altijd een passende, klein of groot, versie krijgt) van Reinier Mathijsen! 
(Wel nog één nadeel: de Full Screen knop wr, onder Windows werkt niet met iFrames in IE 9 en IE 10 wel in IE 11, Firefox en Google Chrome)

Gebruik dan deze code (je kunt onderstaande code vanuit het venster selecteren en kopiëren):




Je kunt dit HTML-sjabloon waarin je alleen nog jouw 'cijfertjes' hoeft in te plakken hier downloaden.





Geen opmerkingen: