3. 佈局設計

3. 佈局設計3. 佈局設計3. 佈局設計3. 佈局設計3. 佈局設計3. 佈局設計

3-1. 媒體櫃的管理方式

媒體櫃是做為伺服器Service派送給廣告機的媒體來源,為了利於伺服器的代管,需將您的所有媒體素材先上傳放置在媒體櫃之中,再藉由內容設計的實際需求,直接從媒體櫃找到媒體素材提供給廣告機下載使用。因此您不需要擔心初期設計時的媒體遺失問題,事實上伺服器都在媒體櫃之中幫您備份給廣告機使用。 

媒體櫃具有上傳的許可權限條件,只提供給具備『上傳管理員』的使用者或系統管理員使用。在上傳的過程中,需依素材類型進行以區分。有五種媒體類型:

  • 背景圖: 背景圖只可使用在建立佈局的背景。圖片類型都可以使用在背景 
  • 影片:  支援WMV / MP4 / MPG / VOB / AVI / TS / TP之附檔名格式 
  • Flash:  支援Flash Lite 3.0的SWF格式,通常適合手持裝置的輕量Flash皆可 
  • 音樂:  支援MP3 / WMA之附檔名格式 
  • 圖片:  支援 BMP / EMF/JPG / JPEG / PNG / GIF / TIF / WMF

※影片的副檔名下有不同的影片壓縮格式,少部分特殊壓縮技術的非主流格式將無法支援※ 


▲在媒體櫃中,需按照五種類別之分類來做上傳之目的地選擇

因而在設計廣告機的畫面之前,須先將所有會用到的媒體素材,在媒體櫃上進行做上傳動作。上傳方式的做法可參考以下步驟: 

媒體櫃的上傳方式 

  1. 在媒體櫃中,先選取所要上傳的類別之目的地
  2. 藉由左半部的電腦位置,尋找素材所在之電腦位置
  3. 將媒體素材進行選取或多選
  4. 點選(→)來將檔案規劃到右半部的該類別之中
  5. 切換步驟1的類別,重複2~4步驟將所有素材放置定位,按下儲存 


▲媒體櫃的上傳方式,可多項作業後再一併儲存上傳

當您完成儲存動作時,伺服器會將您的檔案從電腦位置中進行上傳到媒體櫃。等待完成後,即可在後期的內容設計之中,進行素材擺放使用。而媒體櫃的可用空間大小,取決於您的伺服器(Server端)安裝目錄的儲存容量。因此,若您需要移除媒體櫃的素材來釋放多餘空間時,可透過以下步驟進行素材移除: 

媒體櫃的移除方式 

  1. 在媒體櫃中,選取欲移除的素材所在類別
  2. 點選要移除的素材,透過(←)來進行移除動作
  3. 可重複1~2步驟來進行多項移除作業,按下儲存後開始更動作業 

※注意,若某素材正被節目單所使用時將不允許移除,以確保派送下無誤※


▲媒體櫃的移除方式,與上傳方式雷同進行卸除

3-2. 佈局的新增、修改、刪除

在CaptivAD的設計觀念之中,我們以佈局做為一個畫面基本單位。藉由佈局的排版陳列方式代表一個時間點下的呈現效果。事實上,您能在某一時間範圍內安排多種不同佈局組合,透過指定的時間播放指定佈局。因此能夠藉由佈局的基本單位呈現出不同的顯示風格可能。

佈局是由一些媒體類別所定義好的框架組成,如背景圖、圖片、影片、Flash、音樂以及跑馬燈等顯示項目。透過彈性的定位大小參數來創造出各種不同的畫面效果。佈局是成立節目單的基本單位,這將成為時間點上的播放畫面要點。 


▲CaptivAD的佈局特色能創造出各種彈性風格目的地選擇

使用佈局的許可權限條件,只提供給具備『內容管理員』的使用者或系統管理員使用。本篇主要探討初學者對佈局的新增、修改、刪除來做示範,而詳細的內容設計與顯示項目可以參考本論壇相關技術文件,將有深入的討論教學。 


新增一個全新佈局

佈局的新增方式,可透過選單『內容管理→新增佈局』來成立,在新增佈局的過程中,你需要經過以下三個步驟來完成新增:

  1. 對佈局命名一個名稱 (可中英文輸入命名,但不允許特殊字元)
  2. 選擇一個佈局樣版 (提供範本快速匯入、空白樣板來初規劃,或從舊佈局來重製)
  3. 開始對內容做規劃設計,最後做儲存動作即可完成一個新佈局 


▲佈局樣板提供一些標準範本來快速匯入的後調整使用


▲或者您可以用空白樣板,來設計符合實際視覺需求


▲新增佈局中,可以複製一個舊的佈局來規劃的新佈局

修改已存在的佈局

佈局的修改方式,可透過選單『內容管理→修改佈局』來使用,這能滿足您事後的內容調整工作。通常被使用在重複使用下的調整。


▲點選修改佈局,就能直接地對內容設計延續調整

刪除不需要的佈局

當您的佈局太多而不好管理時,您可以試著刪除一些用不到的佈局 (或備份匯出再刪除)。刪除方式可透過選單『內容管理→刪除佈局』來使用。 


▲這裡的刪除只有效於佈局單位,並不影響媒體櫃之素材遺失

3-3. 佈局的顯示項目

在佈局的內容設計當中,您能善用所提供的『顯示項目』來妥善規畫佈局。藉由預覽佈局的工作平台,來設定並拉取每一個框架的尺寸與位置。同時在所成立的區域之中安排素材做為放送。

顯示項目一共分為以下類型供給使用: 

  • 指定背景圖(Layout)
  • -使用背景圖片用於顯示在所有框架的背後,做為一個佈局的唯一底圖。通常建議以1920x1080的圖片採用。
  • 影片區(Video)
  • -屬於動態主區域,除了可放置影片,也能穿插圖片、Flash做為素材共用此主區域做連續輪播。
  • 背景音樂 (Music)
  • -屬於動態主區域,沒有畫面顯示只有音樂放送。通常使用在沒有影片時,供給做為背景音樂使用。
  • Flash區域(Flash)
  • -可顯示Flash的素材,通常可幫助在美化效果,或使用於XML資訊連網整合。

  • 圖片區(Slide)
  • -可顯示連續圖片的區域,可使用圖檔或投影片做為連續輪播素材,支援圖片轉場特效。
  • 數字鐘 (Digital Clock)
  • -提供簡單的數字時鐘並擁有多種選擇,時間顯示則來自於廣告機內部的計時器。
  • 文字跑馬燈 (Scrolling Text)
  • -做為文字區域,以手動方式輸入。呈現的效果為由右往左的移動方式,可指定文字的效果。
  • Logo跑馬燈(Logo Scrlling Text)
  • -屬特殊工具,以圖片做為邏輯,指定小圖示在文字之首,適合使用在廣告文字上使用。

  • RSS即時文字(Rss News)
  • -做為文字區域,以上網方式匯入文字。呈現的效果為由右往左的移動方式,可指定文字的效果。
  • RSS天氣(Rss Weather)
  • -提供簡單的RSS天氣資訊,以上網的方式匯入地區值,透過伺服器轉換圖片做放送。
  • 網頁快照(Web Snapshot)
  • -第三方特殊工具,提供網頁設計師做為整合考量,需配合開發者與程式設計者使用。

每一個顯示項目必須指定屬性(定位+尺寸)與媒體內容。可透過點擊預覽佈局上的區塊做拖移調整與設定,或者透過右邊的分頁表單進行。 


▲直接在預覽佈局上,進行顯示項目的操作(定位、尺寸、內容、刪除)


▲也能在右邊的按鈕與分頁表單進行操作(定位、大小、內容、刪除)

接下來,本單元將繼續深入介紹這些『顯示項目』,分為三項章節進行說明。

3-4. 背景圖、影片、音樂、Flash

在佈局的內容設計當中,您能善用所提供的『顯示項目』來妥善規畫佈局。在本篇當中,將細部介紹『顯示項目』中的背景圖、影片、音樂、Flash這四項的操作說明。

指定背景圖 (Layout)

使用背景圖片用於顯示在所有框架的背後,做為一個佈局的唯一底圖。通常建議以1920x1080的圖片做高清背景。背景素材可以是BMP、EMF、GIF、JPG、JPEG、WMF等常見的圖片格式。在初始操作『內容設計』的空白畫面為Layout項目,需由右方的『媒體內容』來做底圖選擇,或透過下拉選單來選取Layout後來指定媒體內容。 


▲佈局可以設定一張圖片做為背景Layout

在Layout『媒體內容』的頁籤之中,提供了以下選項做為輸出考量:

  • Mask Alpha-為PNG及TIF的圖檔底圖處理Alpha(去背)效果,可配合影片做些特殊應用。(打勾為不處理Alpha)
  • Fill Layout-當您的底圖不符合佈局1920x1080的大小時,可自動填滿到適合大小。(打勾為要填滿)


▲Mask Alpha的效果差別,只對影片區域有反應


▲Fill Layout能幫助底圖自動填滿到1920x1080做為輸出

影片區 (Video)

屬於動態主區域,一個佈局只能存在一個主區域(Video)。在影片素材可以是WMV、MPG、MP4、AVI、TS、TP、VOB這些副檔名之影片做連續輪播。除了可放置影片,也能穿插圖片、Flash做為素材來共用此區域。新增時由右側的『顯示項目』中點選『Video』來拖曳到左側的預覽佈局中,始可進行設計。 


▲佈局可以設定一個Video(主區域)做為連續輪播

在編輯影片內容時,您可以從媒體櫃選擇出被許可的素材類型做為輪播內容,透過箭頭來增加或移除到播放的列表之中,並可對這些素材調整先後順序或預覽,最後按下完成即可。 


▲可允許Flash跟圖片來共用此區並能調整順序與預覽

在Video『媒體內容』的頁籤之中,提供了以下選項做為輸出考量:

  • 切換-提供4:3與16:9的區域比例選擇,可快速設定影片區域的比例問題
  • Full Screen-快速將影片區直接調整為1920x1080的全滿大小
  • 預覽-可從媒體櫃中下載素材進行預覽,播放前的等待時間會根據網路速度有所影響


▲可快切比例做調整,也可從屬性來調整Width與Height


▲提供Full Screen功能,快速調整Video為全畫面


▲預覽素材會根據網路快慢與檔案大小,影響載入前的時間緩衝

※注意,自v3.1.913版本開始於影片區當中,使用圖片素材可直接調整秒速與播放特效。

背景音樂 (Music)

音樂屬於動態主區域,唯獨佈局之中沒有影片區時可以使用,通常被使用在只有靜態的佈局做為背景音樂。播放時不會出現在畫面之中,而以背景音樂的方式來輸出。『Music區域』透過『顯示項目』進行設計,新增與編輯方式可參考前項做法。


▲加入音樂後不會出現在預覽佈局上,由右側來完成設定

Flash區域

一個佈局之中能允許加入三個Flash區,Flash通常做為畫面上的Alpha效果,以及XML資訊元件的網路整合。適合Flash Lite 3.0版本 (對手持裝置需求)之素材SWF類型使用。『Flash區域』透過『顯示項目』進行設計,新增與編輯方式可參考前項做法。


▲Flash可化身為特效、時鐘、或結合XML的即時資訊

3-5. 圖片、數字鐘、文字跑馬燈、Logo跑馬燈

在佈局的內容設計當中,您能善用所提供的『顯示項目』來妥善規畫佈局。在本篇當中,將細部介紹『顯示項目』中的圖片、數字鐘、文字跑馬燈、Logo跑馬燈這四項的操作說明。

圖片區 (Slide)

可連續顯示的圖片區域,使用圖檔或投影片做為連續輪播素材。格式包括BMP、EMF、GIF、JPG、PNG、TIF、WMF等格式,圖片可以按比例等放、任意縮放,或以原始比例來顯示,並支援圖片切換時的轉場特效(26種)。 


▲從右側的『顯示項目』→『Slide』並拖曳到左側的預覽佈局進行新增並編輯

※注意,佈局允許多達5組的圖片區域使用,而圖片與圖片的區域無法重疊使用。

編輯圖片時提供以下的功能選擇:

  • 播放效果:做為圖片與圖片進行轉換時的轉場特效,內建26種的效果選擇 
  • 停頓時間:設定圖片的停留時間,時間完成後進行切換下張圖片
  • 繪圖類型:定圖檔在區域內的填滿方式,其各繪圖方式分為三種選擇
      • 原始比例(Normal)-顯示圖片原有的尺寸。不主動進行變形或放大。
      • 任意縮放(Stretch)-自動縮放圖片的尺寸,使填滿病變形的方式滿足框架的大小。
      • 等比縮放(Zoom)-等比例來展開縮小尺寸,符合最小框架尺寸。不足區域以黑色呈現。
  • 觸發Tag:作用於標籤使用,能配合影片進行分類過濾輸出。
  • 轉換觸發:能用手動按遙控器來強迫切換圖片,需先關閉觸發Tag功能才可使用。
  • 調整順序:能調動素材之間的播放順序,選取素材後進行上下搬移


▲圖片區能提供以上的編輯設定,透過箭頭將媒體櫃之檔案做排入動作

在圖片的編輯過程,亦能使用Office PowerPoint做素材來源(支援.ppt)。使用前電腦須安裝Office 2003/2007/2010之軟體套件,CaptivAD會藉由您的Ofiice PowerPoint程式自動協助轉換。完成後原PPT將形成多筆BMP進行媒體櫃上傳動作,做為圖片素材使用。


▲圖片區能支援投影片匯入,此動作會把PPT轉成BMP上傳到媒體櫃

數字鐘 (Digital Clock)

提供簡單的數字時鐘並擁有多種選擇,您可以顯示一個佈局上的數字鐘。數字鐘將會顯示廣告機作業系統的時間在佈局的畫面上。若您的數字時鐘顯示的時間不正常,請用遙控器檢查廣告機的系統時間是否有誤。 


▲佈局允許加入一個數字鐘,數值來自於廣告機的系統時間

在數字時鐘的功能中,您能選擇型式、文字顏色、背景色(預設為透明)、字型和字型樣式。在範例區有數字鐘的預覽可供參考,而字體大小根據數字鐘的區域大小而自動調節。 


▲在數字鐘的功能上,能選擇不同的效果需求調整

文字跑馬燈 (Scrolling Text)

做為文字區域,以手動方式輸入文字內容,並且由右往左的移動方式來呈現效果,您能將文字訊息設定為文字串,進行重複播送,字串長度與字串組的組合方式可以為多量且多筆。 


▲從佈局中只能加入一個文字區域,透過右側的Scrolling Text來新增編輯

在文字跑馬燈區域內,能安排多組文字串之素材,每筆文字串的字數沒有上限。播送的過程中,會將一個文字串組視為一個素材進行播放。編輯文字時提供以下的功能選項:

上方工具列:

  • 新增跑馬燈-透過這裡增加多個字串組,每筆字串組視同為媒體素材進行排序播放。
  • 新增現有的跑馬燈-曾經在舊佈局有用過的跑馬燈,會集結在這供給快速套用。
  • 刪除跑馬燈-選取列表中的字串組進行刪除,此動作將移除被選擇的字串組之素材。
  • 調整順序-選取列表中的字串組進行搬移上下之播放順序

一般設定:

  • 文字顏色-能調整該文字串之顏色,可自訂色碼表。
  • 背景顏色-預設為透明,可指定背景顏色(進階設定之『無背景色』選項需取消)。
  • 循環次數-該字串組重複輪迴之次數,達到次數後會更換為下個文字串 (因此無法連續)
  • 字型/字型樣式/刪除線/底線-調整此文字串的字型與文字效果。

進階設定:

  • 透明度-控制背景色的層度0~255,數字越大代表越透明 (255為無背景色)
  • 播放速度-控制移動速度1~10,數字越大代表速度越快


▲根據步驟來新增文字區域內的多項字串組之編輯

已知問題:
較長的字串組,在尾端部分會有吃字情況。請在尾端補上一長段空白鍵(約一整行),來做強迫拉長字串動作。目前還在尋求解決並等待版本進一步更新。 

Logo跑馬燈 (Logo Scrlling Text)

屬於特殊文字工具,以圖片做為生成邏輯。於特色上除基本的字串應用,亦可指定icon在文字之首,具備多樣化的轉場特效(圖片轉換),適合使用在廣告文字上使用。相對在設定上有諸多細節需要處理。 


▲從佈局中最多可加入兩個Logo Scrlling Text,透過右側的項目來新增編輯

在區域內能安排多組字串材,每筆文字串的字數沒有上限。播送的過程中一樣視為多個素材進行播放。編輯LOGO文字時,由於屬於圖片的生成方式,需對以下的功能選項要指定清楚:

一般設定:

  • 字型/字型樣式/文字顏色/背景顏色-調整字串的文字顯示與顏色。
  • 字型大小-因圖片生成方式,您需要親自指定為適合的大小(跟區域長寬會有影響)。

顯示:(當對字串做顯示上的微調整)

  • 上下左右-調整字串的顯示範圍(Padding)做推移與定位。
  • 對齊-整條字串含Logo作對齊,選項有靠左至上(Left Top)、靠左至中(Left Middle)、靠左至底(Left bottom)。
  • 透明度/無背景色-調整背景是否透背與深淺程度,跟前者Scrolling Text方式一樣。
  • 顯示樣式-由於生成圖片的原理,你可以調整跑馬燈(圖片)的轉場特效
  • Enable Trigger-啟動後,可透過遙控器指定廣告機更換整條字串為下一項。
  • Apply-每次設定好需預覽時,可以點擊這裡能對『預覽圖片』重新整理。

在設定的過程中,Logo Scrlling Text 最後會被CaptivAD生成為圖片供給廣告機使用,因此顯示結果需要由人工方式拿捏,透過不斷的微調整來達到最佳顯示。這裡提供了設定上的步驟與技巧: 

  1. 顯示項目新增時,先指定好區域屬性大小與位置,才能事後調整字串的顯示效果。
  2. 進入編輯,對列表的右側按鈕『新增』一組字串 ( 此處另有『順序/刪除』按鈕可使用)
  3. 彈出視窗可輸入文字字串,而Logo可指定小圖示做上傳動作(非必要)。
  4. 選取該字串先調整一些基本的設定,接著開始做5~7步驟的顯示上的微調整。
  5. 你需嘗試『字型大小』與『每行最大字數』的配合,在有限的區域空間內做最佳顯示。
  6. 點選『Apply』,彈開『圖片預覽』,指定字串後可對其圖片預覽(可←→翻頁)。
  7. 調整顯示的『上下左右』來微調定位點,重複5~7步驟
  8. 直到滿意後,繼續新增其他字串或按下『完成』即可。

※注意,由於字型有全形跟半形。在中英混用時會有字數上的寬度問題。有此情形建議統一使用全形輸入。

ex:示範文字

◎歡迎光臨BizTV 網路技術服務論壇,在這裡您能找到本公司商品之詳細教學指導
◎請上http:/www﹒biztv﹒com﹒tw做更多了解


▲先調整佈局區域位置大小後再進入編輯,新增字串並調整基本的設定


▲對字型大小與最大字數做比例調整,重複嘗試Apply後的預覽


▲最後調整顯示時的『上下左右』做最佳化(圖為差異性比較)

3-6. RSS天氣、RSS資訊、網頁快照

在佈局的內容設計當中,您能善用所提供的『顯示項目』來妥善規畫佈局。本篇僅適合有網頁管理與設計能力者使用,在介紹『顯示項目』中的RSS天氣、RSS資訊、網頁快照這三項之前,需告知您這些項目皆來自於現成網頁的資源做匯合使用,因此對於資料來源的穩定性與正確性將無法保證是否能長期使用。

此外使用這三項顯示項目,屬於及時性的更換作業模式,您必須將Server長期開機運作並確保連線,否則伺服器無法隨時更新資料圖片給廣告機,將導致資料會有過期性問題發生。

RSS即時文字 (Rss News)

RSS視為一個文字區域,CaptivAD會將你所指定的RSS XML自動轉換為文字串做為跑馬燈使用,因此需設定更新時間區隔,並確保RSS來源正常與廣告機能保持連線。RSS在數位看板的領域中很常見,通常做為整合新聞,或是企業廣告使用。


▲佈局只允許一個文字區域,無法跟Scrolling Text共存

以新聞為例,在RSS News內安排一組RSS Feed的文字素材,該字串只截取XML內的新聞標題(Title)。播送的過程中,會將RSS的標題做為文字串組視為一個素材進行播放。若您具備RSS開發能力,請依照RSS v2.0的方式撰寫,或者可以直接使用網路提供的RSS資訊服務,編輯RSS時參考以下的功能選項:


▲將網頁URL上的XML網址複製到編輯內做資料來源

RSS天氣 (Rss Weather)

提供簡單的RSS天氣資訊,可以更新展示地區性的氣象預報,以伺服器來連網到雅虎天氣做數據整合,進而轉換圖片提供廣告機放送。在RSS Weather的畫面顯示上,您能讀取以下天氣之目前氣候狀況。 台灣地區天氣對應參考網址(由雅虎天氣提供)

地區 國際名稱 網址
彰化 Chang-hua weather.yahooapis.com/forecastrss?p=TWXX0001&u=c
嘉義 Chia-i weather.yahooapis.com/forecastrss?p=TWXX0002&u=c
基隆 Chi-lung weather.yahooapis.com/forecastrss?p=TWXX0003&u=c
景美 Chingmei weather.yahooapis.com/forecastrss?p=TWXX0004&u=c
旗山 Ch'i-shan weather.yahooapis.com/forecastrss?p=TWXX0005&u=c
竹東 Chu-tung weather.yahooapis.com/forecastrss?p=TWXX0006&u=c
豐原 Feng-yuan weather.yahooapis.com/forecastrss?p=TWXX0007&u=c
恆春 Hengch'un weather.yahooapis.com/forecastrss?p=TWXX0008&u=c
新竹 Hsin-chu weather.yahooapis.com/forecastrss?p=TWXX0009&u=c
新店 Hsin-tien weather.yahooapis.com/forecastrss?p=TWXX0010&u=c
花蓮 Hua-lien weather.yahooapis.com/forecastrss?p=TWXX0011&u=c
岡山 Kangshan weather.yahooapis.com/forecastrss?p=TWXX0012&u=c
高雄 Kao-hsiung weather.yahooapis.com/forecastrss?p=TWXX0013&u=c
苗栗 Miao-li weather.yahooapis.com/forecastrss?p=TWXX0014&u=c
屏東 P'ing-tung weather.yahooapis.com/forecastrss?p=TWXX0015&u=c
蘇澳 Su-ao weather.yahooapis.com/forecastrss?p=TWXX0016&u=c
南澳(大濁水) Ta-cho-shui weather.yahooapis.com/forecastrss?p=TWXX0017&u=c
南灣(大阪埒) Ta-fan-lieh weather.yahooapis.com/forecastrss?p=TWXX0018&u=c
台中 T'ai-chung weather.yahooapis.com/forecastrss?p=TWXX0019&u=c
台南 T'ai-nan weather.yahooapis.com/forecastrss?p=TWXX0020&u=c
台北 Taipei weather.yahooapis.com/forecastrss?p=TWXX0021&u=c
台北縣 T'aipeihsien weather.yahooapis.com/forecastrss?p=TWXX0022&u=c
台東 T'aitung weather.yahooapis.com/forecastrss?p=TWXX0023&u=c
淡水 Tan-shui weather.yahooapis.com/forecastrss?p=TWXX0024&u=c
桃園 T'ao-yuan weather.yahooapis.com/forecastrss?p=TWXX0025&u=c
大武 Ta-wu weather.yahooapis.com/forecastrss?p=TWXX0026&u=c
恆春 Hengchun weather.yahooapis.com/forecastrss?p=TWXX0027&u=c
台東 Taidong weather.yahooapis.com/forecastrss?p=TWXX0028&u=c

媒體內容頁簽,設定Rss Weather的連結網址後按Enter鍵,系統自動帶出城市名稱,您可以設定播放效果、停留時間和繪圖選擇。如曾輸入過Rss Weather的連結網址,您可以按(H)圖示顯示過去紀錄使用的連結網址。


▲你能在佈局中呈現一個天氣項目,能輪播多地區資訊


▲設定連結網址與參數,廣告機將依定義的更新時間從伺服器自動下載更新


▲調整天氣區域的顯示參數,將以圖片播放效果為輸出方式

※注意,自v3.1.913版本開始,能夠直接透過輸入關鍵字來自動產生天氣所在之雅虎天氣XML網址服務,輸入時請使用英文搜索。


▲自v3.1.913版本開始,能透過搜索達到關鍵都市查詢

網頁快照 (Web Snapshot)

網頁快照為特殊的第三方應用工具,透過指定外部網頁上的HTML框架語法所用,主要提供網頁設計師做為整合考量,需配合開發者與程式設計者使用。若您沒有此特殊需求或開發能力者建議您不採用。且在網頁快照當中無法確保其穩定性,所有資源來自於外部網頁透過CaptivAD伺服器來生成圖片傳送,使用時需確保網頁穩定與伺服連線相關事項。 

若您依然需要使用此網頁快照來客製呈現,請參考本站單元之進階技巧與開發,取得更深入的開發教學示範。在本章介紹僅指導觀念與匯入使用步驟。 


▲直接在預覽佈局上,進行顯示項目的操作(定位、尺寸、內容、刪除)


▲由下方選擇CaptivAD內的快照模組,將以圖片方式即時傳送