執行下列任一項作業:
「網頁內容」覆蓋可讓您在檢視區域內顯示網頁。使用者可以在檢視區域中看到網頁內容,而不用顯示個別的應用程式內部瀏覽器。您可以指定網頁 URL 或本機 HTML 檔案。請注意下列問題:
- 如果您指定本機 HTML 檔案,請確定 .html 檔案和相關的檔案和檔案夾是顯示在相同的檔案夾中。當建立文章內容後,與 .html 檔案位於相同檔案夾中的所有檔案都會上傳,因此請限定該 HTML 檔案夾只包含必要的資產。例如,如果您將 .html 檔案新增到「Documents」檔案夾,則「Documents」檔案夾中的所有檔案和子檔案夾都會上傳。
- 對於會自動重新導向至行動 URL 的任何 URL,請指定行動 URL (例如 http://mobile.twitter.com/),而非原來的 URL (例如 http://twitter.com)。
- 如果您為「網頁內容」覆蓋指定 HTML 動畫,請將覆蓋設定為具有最少延遲 (例如 0.125 秒) 的「自動播放」,以確保動畫會正常播放。在頁面已預先載入記憶體時,設定延遲可避免自動播放覆蓋。
- 在 InDesign CS6 或更新版本,您可使用「插入 HTML」命令以插入 YouTube 影片片段的嵌入碼。為獲得最佳結果,請編輯 YouTube 嵌入碼以包含「src=https://www.youtube.com」(而不是「src=//www.youtube.com」)。將覆蓋設定為「自動播放」並在覆蓋前面加入海報影像。
若要建立「網頁內容」覆蓋:
-
使用「矩形工具」或「矩形框架工具」,拖曳以建立會顯示網頁內容的影格。
置入要在網頁內容中當做海報的影像。
-
選取該影格,並在 Overlays/Folio Overlays 面板中選取「網頁內容」。
-
執行下列任一項作業:
若要指定 URL,請在「資產」欄位中輸入或貼上 URL。輸入整個 URL,包括「http://」。
若要使用本機 HTML 檔案,請按一下該檔案夾圖示並指定本機 HTML 檔案。HTML 檔案 (例如 index.html) 所在的檔案夾中應該包含 HTML 檔案中所使用的任何影像或指令碼。
-
指定下列任一個選項:
自動播放
選取此選項,可在於行動裝置上載入頁面時載入網頁。您也可以指定要延遲的秒數。如果您的目標 HTML 是會播放的動畫,請指定最少延遲。
透明背景
如果選取此選項,便會保留網頁中的透明背景。使用者可以看穿透明度,檢視背景中的 DPS 內容。如果取消選取此選項,便會使用網頁內容背景。
允許使用者互動
如果選取此選項,使用者就可以與網頁互動。例如,他們可以點選超連結以跳至不同的網頁。
縮放內容以符合
如果選取此選項,網頁便會縮放以符合覆蓋檔案中所指定的大小。如果未選取此選項,網頁便會以在裝置瀏覽器中所顯示的相同大小來顯示,而且可能會裁切 HTML 網頁。
允許存取權益資訊
您可以建立參照 Reading API 以取得功能 (例如 Camera API、Geolocation API、數位夾頁與行事曆) 的網頁內容覆蓋 (在 Overlays 面板中,這個選項稱為「允許 API 存取」)。如需詳細資訊,請參閱「使用 HTML 與 JavaScript 擴充 DPS」。
除了針對覆蓋選取此選項之外,新增自訂的 JavaScript API 至您的 HTML 程式碼。
您亦可針對 HTML 文章建立此類型的條件式 HTML 內容,而非「網頁內容」覆蓋。針對 HTML 文章,在 Folio Producer Editor 中選取「Allow Access to Entitlement Information」(允許存取權益資訊) 選項。