Noticias ajenas

Conectar una pagina web con Aquafadas es posible gracias a WebActionToolKit

Peras al vino -

He de decir que lo descubrí hace poco pero que ya lo tenia en mente: Si realizo una pagina web con HTML 5 y CSS 3 y la meto en un documento de InDesign ¿cómo relaciono los clic o pulsaciones en la tableta dentro de la web embebida con el resto del documento?

El camino es usar WebActionToolKit. Son dos archivos con rutinas en javascript que puestas en nuestro documento HTML se relacionan con acciones creadas en Aquafadas.

Vamos a contarlo por partes con un ejemplo para verlo mejor:

Paso 1

Nos descargamos WebActionToolKit.zip. Dentro veremos los archivos necesarios y algunos ejemplos.

Paso 2

Imaginemos que queremos hacer un sumario de una revista con un efecto de acordeón horizontal de tal forma que al pulsar sobre cada imagen las otras se plieguen.  O sea siguiendo este ejemplo pero con tres pestañas y con nuestras imágenes:

Realizamos la página HTML y CSS.

Después añadimos en la sección HEAD este código:

<script type=”text/javascript” src=”afdpLib.js” ></script>
<script type=”text/javascript”>
window.onload= function(){
window.afdp.readyToDisplay();
};

function callAction($pAction)
{
window.afdp.simpleCallOutActionWithName($pAction);
}
</script>

y ponemos en el mismo nivel que el archivo HTML estos dos:

  • afdpLib.js
  • afdpLibInit.js

Por último tenemos que modificar el evento de cada uno de los botones de nuestro archivo HTML y dejarlos así:

<a href=”javascript:callAction(‘nombre_de_la_acción’)”>

Paso 3

Ya en InDesign llamamos desde una caja de imagen, con la extensión de Aquafadas, usando la herramienta “HTML page” a esa página HTML que hemos creado:

  • Es importante marcar la opción de “Interacción”.
  • En el apartado de Actions pulsamos en el “+” para añadir una nueva acción.
  • Estas acciones deben llevar exactamente el mismo nombre que el que hemos usado en la etiqueta <A> del HTML, o sea “nombre_de_la_acción”.
  • Podemos poner tantas acciones como queramos.
  • Estas acciones son las que nos permite poner Aquafadas cuando usamos la herramienta de botones:
    • Podemos mostrar/ocultar capas
    • Podemos mostrar/ocultar elementos
    • Activar o para animaciones
    • Mostrar mensajes
    • Salir de la app
    • etc

En este caso lo que hace es mostrar el botón para ir a leer ese articulo. Este botón esta en una capa. Como son tres artículos hay tes capas. Voy diciendo que muestre una y oculte las otras dos.

Pero no todo es perfecto. Hoy por hoy, a 17 de septiembre de 2014, esto es incompatible con  webreader.

Y digo hoy por hoy porque para este mes esta previsto que Aquafadas actualice su extensión y los webreader estén basados en HTML 5 y CSS 3 y no en flash como están ahora mismo.

Tendremos que esperar unos días.

Categorías -

Premium Member Benefit: Corporate Flyer Templates

InDesign Secrets -

Hey folks, it’s template time again! Whether you need them for your own business or a client’s, flyers are essential marketing materials. And this month we’re proud to offer an awesome set of corporate flyer templates from StockInDesign as an exclusive benefit for Premium InDesignSecrets members. The download package includes one template in InDesign CC 2014 and IDML […]

Categorías -

What is That Weird “A” Bullet Character in the Dialog Box?

InDesign Secrets -

Krissy wrote: Does anyone know what that bullet symbol with the A is called? And why anyone would use it as a bullet? About half of the world’s InDesign users know what you’re talking about, and half have no idea because they see the bullet correctly! For those in the latter camp, Krissy is talking […]

Categorías -

Tip of the Week: Jump Between Masters

InDesign Secrets -

This tip was sent to Tip of the Week email subscribers on September 11, 2014. Sign up now and every week you’ll get a new InDesign Tip of the Week and Keyboard Shortcut of the Week, along with roundups of new articles at InDesignSecrets and CreativePro, plus exclusive deals sent right to your Inbox! Just scroll all the […]

Categorías -

A Script to Apply Cell Styles Based on Content

InDesign Secrets -

In a recent browse through the InDesign Scripting Forum, I came across another little gem, a script you can use to apply cell styles based on the content within those cells. You can get the script here. You’ll need to open it in a script/text editor and make a couple changes to match your needs, […]

Categorías -

Creating Dynamic Layouts Where Objects Move as Text is Added

InDesign Secrets -

A reader just asked if it’s possible to make several objects on the page move when a text frame expands. For example, in the following image, there’s a “body text” text frame, followed by four images with captions (four graphic frames and four text frames under them): The body text frame (the one that is […]

Categorías -

InDesign Secrets Video: Converting Rounded Corners to Editable Paths

InDesign Secrets -

You probably know how every frame in InDesign, whether it contains text or images, is a vector object that you can reshape like a path in Illustrator by moving anchor points and control handles with the Direct Selection tool. But if you’ve ever applied corner effects to frames you may have been mystified about how to […]

Categorías -

Creating a Screen Printing Effect in InDesign

InDesign Secrets -

by Ben Richardson This tutorial will show you how to simulate screen-print effects directly in InDesign, rather than using Photoshop and then placing the artwork into your layout. If you’ve ever played with blending modes in Photoshop, chances are you’ve created this effect at some point on your own. The blended colors can look lovely, the artwork […]

Categorías -

This Week in InDesign Articles, Number 125

InDesign Secrets -

I know it’s trite that “there’s always more to learn,” but it is so true. I’ve been doing this for a long time, but still, every InDesign event I go to, I learn something. Every issue of InDesign Magazine I read, I learn something. And I’m constantly learning stuff from articles and videos around the […]

Categorías -

Tip of the Week: Adding Files to a Book

InDesign Secrets -

This tip was sent to Tip of the Week email subscribers on September 4, 2014. Sign up now and every week you’ll get a new InDesign Tip of the Week and Keyboard Shortcut of the Week, along with roundups of new articles at InDesignSecrets and CreativePro, plus exclusive deals sent right to your Inbox! Just scroll all the […]

Categorías -

A Script for Printing by Master Page

InDesign Secrets -

Did you ever wish you could print a set of pages from an InDesign document according to which master page they were based on? Something like that might come in very handy with certain long documents when you just need to print a specific subset of pages. For example, say you wanted to print out all the […]

Categorías -

New lynda.com Video Course: Adapting a Print Layout for Digital Publishing

InDesign Secrets -

I’m super excited to announce my newest lynda.com course, Adapting a Print Layout for Digital Publishing. The course is composed of 25 movies and the goal is to offer a clear roadmap for converting legacy print projects to digital—even if all you have to work with is a copy of the printed book. I also cover workflows […]

Categorías -

InDesign Secrets Video: Sharing Swatches

InDesign Secrets -

They say sharing is caring. It’s true in life and in the world of graphic design. For example, if you care enough to use consistent colors across InDesign, Photoshop, and Illustrator, you need to share your swatches. And in the latest InDesign Secrets video at lynda.com, Anne-Marie Concepción shows how to do that, by exporting swatches from InDesign […]

Categorías -

Using a One-Cell Table to Highlight a Paragraph of Text

InDesign Secrets -

Did you ever need to highlight a paragraph in InDesign? Should be simple, right? You’d think there would be an option to do this in the Control panel or Paragraph Style Options. You’d think that you could just select a paragraph, click a button, and be done with it. You’d be wrong. Of course there are workarounds, like using custom […]

Categorías -

A Toolbox of Free Scripts

InDesign Secrets -

It’s always fun to stumble across some useful new resources for InDesign. Recently on Twitter, I found a link to a fun batch of InDesign scripts posted on GitHub by John Pobojewski. He calls it the InDesign Toolbox and it includes nine scripts that do useful little jobs, like… Adding a Page Border: Counting the number […]

Categorías -

InDesign Magazine Issue 65: Long Documents

InDesign Secrets -

We’re happy to announce that InDesign Magazine Issue 65 (September, 2014) is now available! This month’s theme is “long documents” — multi-page and often multi-document publications such as books, catalogs, proposals, and so on. And the issue itself is a pretty long one: 98 pages of tips, techniques, and advice for every InDesign user! Here’s what […]

Categorías -

Tip of the Week: Toggle the Previous View

InDesign Secrets -

This tip was sent to Tip of the Week email subscribers on August 28, 2014. Sign up now and every week you’ll get a new InDesign Tip of the Week and Keyboard Shortcut of the Week, along with roundups of new articles at InDesignSecrets and CreativePro, plus exclusive deals sent right to your Inbox! Just scroll all the […]

Categorías -

InDesign Secrets Video: Uncovering InDesign’s Special Font Folders

InDesign Secrets -

Fonts. Can’t live with ‘em, can’t live without ‘em. Sometimes you can’t get ‘em to load properly in InDesign. And sometimes you might’ve wished you could have some fonts available to a specific document (or to InDesign in general) and not activate them on your computer. And indeed you can make fonts available only in InDesign or […]

Categorías -

Making a Checkerboard Pattern With Nested Styles

InDesign Secrets -

I love coming up with new and unusual ways to make patterns in InDesign. Awhile back, I came up with a way to make 1950′s inspired floor tiles; basically, a black and white checkerboard pattern. But I recently thought it would be fun to try creating this same effect using text. 1. Go to Type > Glyphs. […]

Categorías -

Páginas

Suscribirse a Imagen Digital sindicador