英文單位網站教育訓練 電算中心 網路暨維修組 製

課程相關說明

相關問題請填寫提問單，會後彙整
本課程已申請東吳大學職員內部訓練時數採認，請務必於提問單填上單位及姓名，並繳回，若無意見可填無

Agenda

內嵌說明
內嵌Youtube影片(一)
內嵌Youtube影片(二)-全螢幕
內嵌Youtube影片(三)-自動輪播
內嵌Google相簿(投影片輪播)
內嵌使用Google行事曆
新增動畫圖檔-GIF檔
內嵌FLASH動畫
Google Analytics
操作實作

內嵌說明

使用後台之任一內嵌編輯器，製作完需點選「確定送出」

內嵌Youtube影片(一)

複製網址

內嵌Youtube影片(一)

使用後台功能

內嵌Youtube影片(一)

選擇影片大小

複製嵌入語法

內嵌Youtube影片(二)-全螢幕

貼到後台的<>html頁面

內嵌Youtube影片(二)-全螢幕

有全螢幕語法:allowfullscreen

內嵌Youtube影片(二)-全螢幕

修改語法
1.Embed 改成 v
2.於src的資料後面加上&autoplay=1 &loop=1&playlist= (表示原本embed/後面的那一串值)
註：中間不需要空白

內嵌Youtube影片(三)-自動輪播

內嵌Google相簿投影片輪播

需要先有GOOGLE的帳號，於Picasa網路相簿 https://picasaweb.google.com/home?hl=zh-TW 新增完相簿並上傳完照片後，點選如下圖

內嵌Google相簿投影片輪播

點選要嵌入的相簿，進入相簿

內嵌Google相簿投影片輪播

點選「連結到此相簿」，點選「內嵌投影播放」

內嵌Google相簿投影片輪播

複製「內嵌投影播放」嵌入碼

內嵌Google相簿投影片輪播

登入後台，於編輯器<>html貼上HTML嵌入碼

內嵌使用Google行事曆

以下內容及說明圖片採用 行政諮詢組http://www.scu.edu.tw/admin/ ?表單下載?新版開站軟體相關文件: WEB2.0網站建置系統說明會簡報檔_2013年1月份

內嵌使用Google行事曆

內嵌使用Google行事曆

內嵌使用Google行事曆

內嵌使用Google行事曆

內嵌使用Google行事曆

內嵌使用Google行事曆

內嵌使用Google行事曆

內嵌使用Google行事曆

新增動畫圖檔-GIF檔

請自行製作動畫圖檔-GIF檔
PhotoImpact製作，可參考 行政諮詢組http://www.scu.edu.tw/admin/ ?表單下載?新版開站軟體相關文件: WEB2.0網站建置系統說明會簡報檔_2013年1月份

新增動畫圖檔-GIF檔

將圖片FTP上傳至 www/單位/ENGLISH/img/下

新增動畫圖檔-GIF檔

開啟瀏覽器，確認圖片是否上傳成功，並複製網址 http://www.scu.edu.tw/network/ENGLISH/img/TestGif.gif

新增動畫圖檔-GIF檔

於後台編輯器畫面將圖片網址貼上

內嵌FLASH動畫

請自行製作FLASH動畫
上傳方式同「新增動畫圖檔-GIF檔」

內嵌FLASH動畫

於後台編輯器畫面將flash網址貼上

Google Analytics

http://www.google.com/intl/zh-TW/analytics/

Google Analytics

登入後畫面-未申請畫面

Google Analytics

新建帳號畫面

Google Analytics

登入後畫面-已申請畫面

Google Analytics

點選追蹤程式碼

Google Analytics

複製追蹤程式碼

Google Analytics

登入後台，點選「網站相關設定」

Google Analytics

拉至下方，將追蹤程式碼貼至Google Analytics Script空格內

Google Analytics

分析畫面

Google Analytics

Google「google analytics 教學」畫面
建議可參考說明網址
http://sofree.cc/google-analytics/

Google API 說明

Google時常變更相關操作畫面與設定方式
相關使用以Google官方網站說明為主
Picasa說明
https://support.google.com/picasa/answer/66969?hl=zh-Hant
http://www.cadiis.com.tw/tool-box/229-picasa-embed