NOWnews今日新聞 ShowCase

首頁廣告：首頁客製化蓋台變天、Logo廣告、門簾廣告、任意門焦點

首頁客製化蓋台變天
特殊版廣告因為上線前需人工處理並測試，故請留9~10個工作天測試時間

素材尺寸：(一)1200*70px
　　　　　(二)1200*600px

檔案提供：1200*70px規格請提供jpg、gif、png(40k以內)
　　　　　1200x600px規格請提供jpg、png、動態html 5(500k以內)

注意事項：(一)交件時請附上PSD、AI檔或html檔
　　　　　(二)不可使用強烈閃爍設計干擾使用者瀏覽或使用
　　　　　(三)若未依照規格製作，本公司得視情況修正設計
首頁Logo聯名廣告
上線前交付正確檔案即可

素材尺寸：120*90px (radius圓角:10px)

檔案提供：規格請提供jpg、gif、png、動態html 5(20k以內)

注意事項：(一)交件時請附上PSD、AI檔或html檔
　　　　　(二)不可使用強烈閃爍設計干擾使用者瀏覽或使用
　　　　　(三)若未依照規格製作，本公司得視情況修正設計
首頁門簾廣告
特殊版廣告因為上線前需人工處理並測試，故請留2~3個工作天測試時間

素材尺寸：(一)1200*70px
　　　　　(二)50*480px(左)
　　　　　(三)50*480px(右)

檔案提供：1200*70px規格請提供jpg、gif、png(40k以內)
　　　　　50*480px規格請提供jpg、gif(30k以內)

注意事項：(一)交件時請附上PSD、AI檔或html檔
　　　　　(二)不可使用強烈閃爍設計干擾使用者瀏覽或使用
　　　　　(三)若未依照規格製作，本公司得視情況修正設計
任意門焦點
上線前交付正確檔案即可

素材尺寸：120*240px

檔案提供：規格請提供jpg、gif、png、html(20k以內)

注意事項：(一)交件時請附上PSD、AI檔或html檔
　　　　　(二)不可使用強烈閃爍設計干擾使用者瀏覽或使用
　　　　　(三)若未依照規格製作，本公司得視情況修正設計

製式化廣告：版頭橫幅、文末橫幅、星光大道、巨幅看版、鑽石T-bar、浮水印廣告

版頭橫幅
廣告位置於版頭頂端，請點選參考範例

素材尺寸：1200*70px

檔案提供：規格請提供jpg、gif、png(40k以內)

注意事項：(一)交件時請附上PSD、AI檔
　　　　　(二)不可使用強烈閃爍設計干擾使用者瀏覽或使用
　　　　　(三)若未依照規格製作，本公司得視情況修正設計
文末橫幅
廣告位置於文章末端，請點選參考範例

素材尺寸：728*90px / 750*120px

檔案提供：規格請提供jpg、gif、png(40k以內)

注意事項：(一)交件時請附上PSD、AI檔
　　　　　(二)不可使用強烈閃爍設計干擾使用者瀏覽或使用
　　　　　(三)若未依照規格製作，本公司得視情況修正設計
星光大道
廣告位置於選單下方，請點選參考範例

素材尺寸：1200*90px 或 1200*100px

檔案提供：規格請提供jpg、gif、png(40k以內)

注意事項：(一)交件時請附上PSD、AI檔
　　　　　(二)不可使用強烈閃爍設計干擾使用者瀏覽或使用
　　　　　(三)若未依照規格製作，本公司得視情況修正設計
巨幅看板
廣告位置於右側，請點選參考範例

素材尺寸：300*250px

檔案提供：規格請提供jpg、gif、png(40k以內)

注意事項：(一)交件時請附上PSD、AI檔
　　　　　(二)不可使用強烈閃爍設計干擾使用者瀏覽或使用
　　　　　(三)若未依照規格製作，本公司得視情況修正設計
鑽石T-Bar
廣告位置於右側，請點選參考範例

素材尺寸：300*100px

檔案提供：規格請提供jpg、gif、png(40k以內)

注意事項：(一)交件時請附上PSD、AI檔
　　　　　(二)不可使用強烈閃爍設計干擾使用者瀏覽或使用
　　　　　(三)若未依照規格製作，本公司得視情況修正設計
浮水印廣告
廣告位置『固定』於右側，隨畫面移動，請點選參考範例

素材尺寸：180*150px

檔案提供：規格請提供jpg、gif、png(40k以內)

注意事項：(一)交件時請附上PSD、AI檔
　　　　　(二)不可使用強烈閃爍設計干擾使用者瀏覽或使用
　　　　　(三)若未依照規格製作，本公司得視情況修正設計

影音廣告：SHOW TV、InPage、InRead

SHOW TV
NOWnews 各頻道指定版位，請點選參考範例

素材尺寸：(一)1200*70px
　　　　　(二)1200*600px

檔案提供：1200*70px規格請提供jpg、gif、png(40k以內)
　　　　　1200x600px規格請提供jpg、png、動態html 5(500k以內)

注意事項：(一)交件時請附上PSD、AI檔或html檔
　　　　　(二)不可使用強烈閃爍設計干擾使用者瀏覽或使用
　　　　　(三)若未依照規格製作，本公司得視情況修正設計
InPage
影音放送形式有2款：InPage 與InRead，不定時於網頁投放。

素材尺寸：120*90px (radius圓角:10px)

檔案提供：規格請提供jpg、gif、png、動態html 5(20k以內)

注意事項：(一)交件時請附上PSD、AI檔或html檔
　　　　　(二)不可使用強烈閃爍設計干擾使用者瀏覽或使用
　　　　　(三)若未依照規格製作，本公司得視情況修正設計
InRead
影音放送形式有2款：InPage 與InRead，不定時於網頁投放。

素材尺寸：120*90px (radius圓角:10px)

檔案提供：規格請提供jpg、gif、png、動態html 5(20k以內)

注意事項：(一)交件時請附上PSD、AI檔或html檔
　　　　　(二)不可使用強烈閃爍設計干擾使用者瀏覽或使用
　　　　　(三)若未依照規格製作，本公司得視情況修正設計

行動廣告：行動首頁大特寫、行動廣告、iPad HD

行動首頁大特寫
mobileWeb、ios/Android APP於第一次開啟時的蓋版廣告，共4個檔案。

素材尺寸：(一)mobile Web：260*480px
　　　　　(二)NOWnews ios APP：320x480px(iPhone4) / 320x568px(iPhone5)
　　　　　(三)NOWnews Android APP：320x480px

檔案提供：260*480px規格請提供jpg、gif、png(30k以內)
　　　　　320x480px / 320x568px (iPhone)規格請提供jpg、gif、png(80k以內)
　　　　　320x480px (Android)規格請提供jpg、gif、png(100k以內)

注意事項：(一)交件時請附上PSD、AI檔
　　　　　(二)不可使用強烈閃爍設計干擾使用者瀏覽或使用
　　　　　(三)若未依照規格製作，本公司得視情況修正設計
行動廣告
mobileWeb、ios/Android APP位置於列表區間、各頻道新聞內部版位，共5個檔案。

素材尺寸：(一)iPhone&Android內頁置底：320*50px
　　　　　(二)APP MENU列表區間：320*50px
　　　　　(三)iPhone 翻頁廣告：300*600px
　　　　　(四)Android 翻頁廣告：300*600px
　　　　　(五)mobileWeb新聞內頁文末：300*250px

檔案提供：320*50px規格請提供jpg、gif、png(5k以內)
　　　　　300*600px規格請提供jpg、gif、png(30k以內)
　　　　　300*250PX規格請提供jpg、gif、png(30k以內)

注意事項：(一)交件時請附上PSD、AI檔或html檔
　　　　　(二)不可使用強烈閃爍設計干擾使用者瀏覽或使用
　　　　　(三)若未依照規格製作，本公司得視情況修正設計
iPad HD
iPad於第一次開啟時的蓋版廣，及Menu頁的列表廣告和新聞內頁廣告。

素材尺寸：(一)1024*768、768*1024px
　　　　　(二)316*316px
　　　　　(三)768*90px
　　　　　(四)336*280px

檔案提供：1024x768、768x1024px規格請提供jpg、gif、png(250k以內)
　　　　　316x316px規格請提供jpg、gif、png(45k以內)
　　　　　768x90px、336x280px規格請提供jpg、gif、png(40k以內)

注意事項：(一)交件時請附上PSD、AI檔或html檔
　　　　　(二)不可使用強烈閃爍設計干擾使用者瀏覽或使用
　　　　　(三)若未依照規格製作，本公司得視情況修正設計

美人幫BEAUTE'：版頭橫幅、橫幅廣告、橫幅活動廣告、行動廣告

版頭橫幅
廣告位置於版頭頂端，請點選參考範例。

素材尺寸：1200*100px

檔案提供：1200*100px規格請提供jpg、gif、png(40k以內)

注意事項：(一)交件時請附上PSD、AI檔
　　　　　(二)不可使用強烈閃爍設計干擾使用者瀏覽或使用
　　　　　(三)若未依照規格製作，本公司得視情況修正設計
橫幅廣告
廣告位置於區塊間歇處，請點選參考範例。

素材尺寸：1200*100px

檔案提供：1200*100px規格請提供jpg、gif、png(40k以內)

注意事項：(一)交件時請附上PSD、AI檔
　　　　　(二)不可使用強烈閃爍設計干擾使用者瀏覽或使用
　　　　　(三)若未依照規格製作，本公司得視情況修正設計
橫幅活動廣告
廣告位置於首頁底部，請點選參考範例。

素材尺寸：1200*300px

檔案提供：1200*300px規格請提供jpg、gif、png(80k以內)

注意事項：(一)交件時請附上PSD、AI檔
　　　　　(二)不可使用強烈閃爍設計干擾使用者瀏覽或使用
　　　　　(三)若未依照規格製作，本公司得視情況修正設計
行動廣告
分別為pad版及mobile版。

素材尺寸：(一)468*60px(Pad)
　　　　　(二)320*50px(mobile)
　　　　　(三)320*100px(mobile)

檔案提供：468*60px(Pad)規格請提供jpg、gif、png(30k以內)
　　　　　320*50px、320*100px(mobile)規格請提供jpg、gif、png(20k以內)

注意事項：(一)交件時請附上PSD、AI檔
　　　　　(二)不可使用強烈閃爍設計干擾使用者瀏覽或使用
　　　　　(三)若未依照規格製作，本公司得視情況修正設計

包Code教學：flash fla及html 5包Code教學。

html 5包Code教學
複製教學中的原始碼，並加入素材原始檔中。

由flash轉為html5網頁檔，需增加一段程式碼，自行帶入原始碼範例如下：//需新增此段程式碼

<script> var stage = new swiffy.Stage(document.getElementById('swiffycontainer'), swiffyobject, {}); stage.setFlashVars("clickTAG=http://www.nownews.com");//需新增此段程式碼 stage.start(); </script>

請複製以下內容，並加在以上範例中示範的位置，#為link

stage.setFlashVars("clickTAG=#");
Flash包Code教學
Flash 素材，請一律包 Code。

SWF 素材請照以下規格輸出：
(一)Frame Rate：請控制在 18 fps 以下
(二)Flash Player 版本：請用 Flash Player 8 或 9
(三)Action Script 版本：請用 ActionScript 2.0
(四)本站 Flash Embed 碼皆設為 wmode="transparent"，若不希望 Flash 景變透明，請自行於設計 Flash 時，做背景不透明處理。
(五)Flash 轉 html 5 素材，請參考 html 5 包code教學

Step.1 步驟一：新增圖層

Step.2 步驟二：新增色塊

Step.3 步驟三：將色塊轉換為按鈕元件

Step.4 步驟四：按鈕元件設定

Step.5 步驟五：在按鈕元件上加入as code

以下四種包code方式都適用於 NOWnews：(若無特別需求，建議使用(A) 款即可)

(A) clickTAG 方式 1

on (release) { getURL(_root.clickTAG, "_blank"); }

(B) clickTAG 方式 2

on (release) { if (_root.clickTAG.substr(0,5) == "http:") { getURL(_root.clickTAG, "_blank"); } }

(C) clickTAG 方式 3

on (release) { if (_root.clickTAG.substr(0, 5) == "http:" || _root.clickTAG.substr(0, 6) == "https:") { getURL(_root.clickTAG, "_blank"); } }

(D) clickTAG 方式 4

on (release) { getURL(_root.etadclk+"&bannerid="+_root.bannerid, "_blank"); }

Step.6 步驟六：匯出檔案

點此下載範例檔

首頁廣告：首頁客製化蓋台變天、Logo廣告、門簾廣告、任意門焦點

首頁客製化蓋台變天

首頁Logo聯名廣告

首頁門簾廣告

任意門焦點

素材尺寸：120*240px 檔案提供：規格請提供jpg、gif、png、html(20k以內) 注意事項：(一)交件時請附上PSD、AI檔或html檔 (二)不可使用強烈閃爍設計干擾使用者瀏覽或使用 (三)若未依照規格製作，本公司得視情況修正設計

製式化廣告：版頭橫幅、文末橫幅、星光大道、巨幅看版、鑽石T-bar、浮水印廣告

版頭橫幅

素材尺寸：1200*70px 檔案提供：規格請提供jpg、gif、png(40k以內) 注意事項：(一)交件時請附上PSD、AI檔 (二)不可使用強烈閃爍設計干擾使用者瀏覽或使用 (三)若未依照規格製作，本公司得視情況修正設計

文末橫幅

素材尺寸：728*90px / 750*120px 檔案提供：規格請提供jpg、gif、png(40k以內) 注意事項：(一)交件時請附上PSD、AI檔 (二)不可使用強烈閃爍設計干擾使用者瀏覽或使用 (三)若未依照規格製作，本公司得視情況修正設計

星光大道

素材尺寸：1200*90px 或 1200*100px 檔案提供：規格請提供jpg、gif、png(40k以內) 注意事項：(一)交件時請附上PSD、AI檔 (二)不可使用強烈閃爍設計干擾使用者瀏覽或使用 (三)若未依照規格製作，本公司得視情況修正設計

巨幅看板

素材尺寸：300*250px 檔案提供：規格請提供jpg、gif、png(40k以內) 注意事項：(一)交件時請附上PSD、AI檔 (二)不可使用強烈閃爍設計干擾使用者瀏覽或使用 (三)若未依照規格製作，本公司得視情況修正設計

鑽石T-Bar

素材尺寸：300*100px 檔案提供：規格請提供jpg、gif、png(40k以內) 注意事項：(一)交件時請附上PSD、AI檔 (二)不可使用強烈閃爍設計干擾使用者瀏覽或使用 (三)若未依照規格製作，本公司得視情況修正設計

浮水印廣告

素材尺寸：180*150px 檔案提供：規格請提供jpg、gif、png(40k以內) 注意事項：(一)交件時請附上PSD、AI檔 (二)不可使用強烈閃爍設計干擾使用者瀏覽或使用 (三)若未依照規格製作，本公司得視情況修正設計

影音廣告：SHOW TV、InPage、InRead

SHOW TV

InPage

InRead

行動廣告：行動首頁大特寫、行動廣告、iPad HD

行動首頁大特寫

行動廣告

iPad HD

美人幫BEAUTE'：版頭橫幅、橫幅廣告、橫幅活動廣告、行動廣告

版頭橫幅

素材尺寸：1200*100px 檔案提供：1200*100px規格請提供jpg、gif、png(40k以內) 注意事項：(一)交件時請附上PSD、AI檔 (二)不可使用強烈閃爍設計干擾使用者瀏覽或使用 (三)若未依照規格製作，本公司得視情況修正設計

橫幅廣告

素材尺寸：1200*100px 檔案提供：1200*100px規格請提供jpg、gif、png(40k以內) 注意事項：(一)交件時請附上PSD、AI檔 (二)不可使用強烈閃爍設計干擾使用者瀏覽或使用 (三)若未依照規格製作，本公司得視情況修正設計

橫幅活動廣告

素材尺寸：1200*300px 檔案提供：1200*300px規格請提供jpg、gif、png(80k以內) 注意事項：(一)交件時請附上PSD、AI檔 (二)不可使用強烈閃爍設計干擾使用者瀏覽或使用 (三)若未依照規格製作，本公司得視情況修正設計

行動廣告

包Code教學：flash fla及html 5包Code教學。

html 5包Code教學

由flash轉為html5網頁檔，需增加一段程式碼，自行帶入原始碼範例如下：//需新增此段程式碼

請複製以下內容，並加在以上範例中示範的位置，#為link

Flash包Code教學

Step.1 步驟一：新增圖層

Step.2 步驟二：新增色塊

Step.3 步驟三：將色塊轉換為按鈕元件

Step.4 步驟四：按鈕元件設定

Step.5 步驟五：在按鈕元件上加入as code

以下四種包code方式都適用於 NOWnews：(若無特別需求，建議使用(A) 款即可)

(A) clickTAG 方式 1

(B) clickTAG 方式 2

(C) clickTAG 方式 3

(D) clickTAG 方式 4

Step.6 步驟六：匯出檔案

點此下載範例檔

素材尺寸：1200*70px

檔案提供：規格請提供jpg、gif、png(40k以內)

注意事項：(一)交件時請附上PSD、AI檔
　　　　　(二)不可使用強烈閃爍設計干擾使用者瀏覽或使用
　　　　　(三)若未依照規格製作，本公司得視情況修正設計

素材尺寸：300*250px

檔案提供：規格請提供jpg、gif、png(40k以內)

注意事項：(一)交件時請附上PSD、AI檔
　　　　　(二)不可使用強烈閃爍設計干擾使用者瀏覽或使用
　　　　　(三)若未依照規格製作，本公司得視情況修正設計

素材尺寸：300*100px

檔案提供：規格請提供jpg、gif、png(40k以內)

注意事項：(一)交件時請附上PSD、AI檔
　　　　　(二)不可使用強烈閃爍設計干擾使用者瀏覽或使用
　　　　　(三)若未依照規格製作，本公司得視情況修正設計

素材尺寸：180*150px

檔案提供：規格請提供jpg、gif、png(40k以內)

注意事項：(一)交件時請附上PSD、AI檔
　　　　　(二)不可使用強烈閃爍設計干擾使用者瀏覽或使用
　　　　　(三)若未依照規格製作，本公司得視情況修正設計