數位媒體實作 行銷組
tags: 數位媒體實作
歷屆廣告
可以看到這學期做的廣告。
http://castnet.nctu.edu.tw/publish/ads_history
有功能問題或需求可以連絡我，畫面我就無法。
加油
製作項目
- 側欄廣告
- 目標廣告
側欄廣告
側欄廣告為了配合喀報的響應式設計，因此不用canvas製作，改為圖片檔(.jpg或.gif)，為了動畫效果建議製作.gif檔。
規範：
- 格式：(.jpg或.gif)建議.gif
- 寬(width)：340 px
- 高(height)：508 px
建議：
輸出的GIF檔案越小越好，最好在1Mb以下，網路上有一些壓縮GIF的工具(例如，https://ezgif.com/optimize)。
目標廣告
點擊側欄廣告後，會跳出視窗顯示目標廣告，目標廣告尺寸不限題材不限，唯一限制是使用animate製作HTML5 canvas動畫。
(已不限制，請先跟助教或老師確認要做的形式)
規範：
尺寸不限，但為了小螢幕瀏覽便利，不建議太高，可自行取捨
- 寬高不限
- 內容不限
- 鼓勵互動及創新
- 必須使用aniamte製作
- 格式使用HTML5 canvas
- 必須在目標廣告中標註自己的姓名
上傳方式
確認側欄廣告及目標廣告製作完成沒問題。
目標廣告可使用animate裡面的『測試』功能跑跑看，確認是否符合預期中的操作。
animate中選擇發佈，發佈名稱使用index2，
發佈完成後會產生(假設其他選項使用預設值)：
– index2.html
– index2.js
– images資料夾
匯出
準備好側欄廣告的.gif檔，以及animate匯出的三個東西。
如果要使用網頁方式製作目標廣告
- 喀報是最近才開始用網頁當作媒材，也許在與多多系統相容上有未注意到的問題，敬請「『提前交件』」，以便及時發現bug。
-
請注意「『檔案大小』」，尤其是圖像檔案，以免整包網頁資料夾過大，難以上傳。
-
（如果你只打算使用基礎html與css語法，沒有要引用什麼jQuery特殊效果，可忽略此項。）
注意多多系統因為安全連線，是https，如果在撰寫網頁時想要外掛javascript的功能，要注意引用方式：
“`htmlmixed=
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">
</head>
</html>
<pre><code class=""><br />以上應該修正為：
“`htmlmixed=
<html>
<head>
<script type=”text/javascript” src=”https://code.jquery.com/jquery-latest.min.js”>
</head>
</html>
（就是多加一個s）
引用https的cdn：https://cdnjs.com/
例如你今天想為網頁安插一個fancy box功能 jQuery外掛，
就可以在上方網址中搜尋「fancy box」，取得專屬的引用連結。
引用方式就是在html的
htmlmixed=
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.min.js">4. 如果有遇到任何問題，趕快把情形和解決方法記錄下來，一起完善這段網頁廣告秘笈～～～～