Sovrapposizioni Contenuto Web

La sovrapposizione Contenuto Web consente di visualizzare una pagina Web all'interno di un'area di visualizzazione. Gli utenti possono consultare il contenuto della pagina Web nell'area di visualizzazione senza doverla visualizzare in un browser separato all'interno dell'applicazione. Potete specificare un URL o un file HTML locale. Tenete presenti le seguenti problematiche:

  • Se specificate un file HTML locale, assicuratevi che tale file nonché i file e le cartelle ad esso associati si trovino nella stessa cartella. Quando create il contenuto dell'articolo, vengono caricati tutti i file nella cartella del file .html, quindi limitate la cartella HTML solo alle risorse necessarie. Ad esempio, se aggiungete il file .html alla cartella Documenti, vengono caricati tutti i file e tutte le sottocartelle in tale cartella.
  • Se l'URL viene reindirizzato automaticamente su un URL mobile, specificate l'URL mobile (ad esempio http://mobile.twitter.com/) e non l'URL originale (ad esempio http://twitter.com).
  • Se specificate un'animazione HTML per una sovrapposizione Contenuto Web, affinché l'animazione possa essere riprodotta correttamente impostate la sovrapposizione per la riproduzione automatica con un ritardo minimo (ad esempio 0,125 secondi). Impostando un ritardo, si evita che la sovrapposizione venga riprodotta automaticamente quando la pagina viene precaricata nella memoria.
  • In InDesign CS6 o versioni successive, è possibile utilizzare il comando Inserisci HTML per inserire il codice con cui incorporare una clip YouTube. Per risultati ottimali, modificate il codice YouTube incorporato in modo da includere "src=https://www.youtube.com" invece di "src=//www.youtube.com." Impostate la sovrapposizione su Riproduzione automatica e aggiungete un'immagine poster davanti alla sovrapposizione.  

Per creare una sovrapposizione Contenuto Web:

  1. Effettuate una delle seguenti operazioni:

    • Con lo strumento rettangolo o cornice rettangolare, trascinate per creare la cornice in cui devono essere visualizzati i contenuti Web.

    • Inserite un'immagine che funga da poster per il contenuto Web.

  2. Selezionate la cornice, quindi selezionate Contenuti Web nel pannello Folio Overlays.

  3. Effettuate una delle seguenti operazioni:

    • Per specificare un URL, digitate o incollate l'URL nel campo Risorse. Digitate l'intero URL, incluso "http://".

    • Per usare file HTML locali, fate clic sull'icona della cartella e specificate il file HTML locale. Il file HTML (ad esempio index.html) deve trovarsi in una cartella che contenga anche tutti gli eventuali elementi (immagini o script) usati nel file stesso.

  4. Specificate una delle seguenti opzioni:

    Riproduzione automatica

    Selezionate questa opzione per caricare la pagina Web quando la pagina viene caricata sul dispositivo mobile. Potete anche specificare un eventuale tempo di ritardo, in secondi. Se l'HTML di destinazione è un'animazione che deve essere riprodotta, specificate un ritardo minimo.

    Sfondo trasparente

    Se questa opzione è selezionata, viene mantenuto lo sfondo trasparente in una pagina Web. Gli utenti possono vedere il contenuto DPS sullo sfondo attraverso la trasparenza. Se è deselezionata, viene usato lo sfondo del contenuto Web.

    Consenti interazione utente

    Se questa opzione è selezionata, gli utenti possono interagire con la pagina Web. Ad esempio, possono toccare un collegamento ipertestuale per passare a un'altra pagina Web.

    Adatta contenuto

    Se questa opzione è selezionata, la pagina Web viene ridimensionata affinché si adatti alla dimensione specificata nel file della sovrapposizione. Se non è selezionata, la pagina Web viene visualizzata con la stessa dimensione con cui verrebbe visualizzata nel browser del dispositivo e può essere ritagliata.

    Consenti accesso a informazioni di adesione

    Potete creare una sovrapposizione Contenuti Web che faccia riferimento alla Reading API per funzioni quali Camera API, Geolocation API, blow-in e calendari. Nel pannello Overlays, questa opzione è denominata “Consenti accesso API”. Per i dettagli, consultate Uso di HTML e JavaScript per estendere DPS.

    Oltre a selezionare questa opzione per la sovrapposizione, aggiungete un'API JavaScript personalizzata al codice HTML.

    Potete anche creare questo tipo di contenuto HTML condizionale per un articolo HTML anziché una sovrapposizione Contenuto Web. Per un articolo HTML, selezionate "Consenti accesso a informazioni di adesione" in Folio Producer Editor.

Logo Adobe

Accedi al tuo account