東吳大學WEB 2.0網站建置系統說明會 2012/12/30製作.

Presentation on theme: "東吳大學WEB 2.0網站建置系統說明會 2012/12/30製作."— Presentation transcript:

1 東吳大學WEB 2.0網站建置系統說明會 2012/12/30製作

2 目錄 內嵌使用Google相簿投影片輪播 內嵌Youtube影片 新增動畫圖檔-GIF檔 內嵌FLASH動畫 網站上方的橫幅圖片設定
最新消息 網路相簿

3 內嵌Youtube影片(一)

4 內嵌Youtube影片(二)

5 內嵌Youtube影片(三) 結果畫面，但是沒有 自動撥放或重複撥放

6 內嵌Youtube影片(四) 主要修改的地方： 1.Embed 改成 v
2.於src的資料後面加上 &autoplay=1 及 &loop=1 和&playlist=?(表示原本embed/後面的那一串值) 註：中間不需要空白

7 內嵌使用Google相簿投影片輪播(一)
新增完相簿並上傳完照片後，點選如下圖

8 內嵌使用Google相簿投影片輪播(二)

9 內嵌使用Google相簿投影片輪播(三)

10 內嵌使用Google行事曆(一)

11 內嵌使用Google行事曆(二)

12 內嵌使用Google行事曆(三)

13 內嵌使用Google行事曆(四)

14 內嵌使用Google行事曆(五)

15 內嵌使用Google行事曆(六)

16 內嵌使用Google行事曆(七)

17 內嵌使用Google行事曆(八)

18 內嵌使用Google行事曆(九)

19 新增動畫圖檔-GIF檔(一)

20 新增動畫圖檔-GIF檔(二)

21 新增動畫圖檔-GIF檔(三)

22 新增動畫圖檔-GIF檔(四)

23 新增動畫圖檔-GIF檔(五)

24 新增動畫圖檔-GIF檔(六)

25 新增動畫圖檔-GIF檔(七)

26 新增動畫圖檔-GIF檔(八)

27 內嵌FLASH動畫(一)

28 內嵌FLASH動畫(二)

29 網站上方的橫幅圖片設定(一)

30 網站上方的橫幅圖片設定(二)

31 網站上方的橫幅圖片設定(三)

32 網站上方的橫幅圖片設定(四)

33 最新消息(1/10) 功能分為三種類型： 1. A.[最新消息]類 → 訊息來自E化上發佈的公告，公告的類別名稱是依照在E化上公告時所選擇的類別做分類，無法自訂。 2. 最新訊息(E化平台匯入) →訊息來自E化上發佈的公告，但可自訂公告類別名稱。 3. 最新訊息[自建] → 無須透過E化發佈公告，可自行新增其他的公告消息。 ※ 三種類型皆可以混搭使用，比較建議第二類型獨立使用。

34

35 最新消息(2/10) A.[最新消息]類 內容維護：

36 最新消息(3/10) 最新訊息(E化平台匯入) 內容維護： 選『設定公告匯入來源』，新增要匯入哪些單位的公告。

37 最新消息(4/10) 在『設定公告類別』，新增類別名稱。

38 最新消息(5/10) 選『日常公告管理作業』，並依照下面三步驟做設定
〈第一步〉 先更新公告索引 〈第二步〉 將每則公告做分類 ( 未分類的公告，前台就不會顯示 ) 〈第三步〉 記得要儲存設定

39 最新消息(6/10) 點進公告內，可選擇公告呈現方式。 (註銷/隱藏、標題置頂、首頁頭條、正常顯示)

40 最新消息(7/10) 若公告已過期則不會顯是在前台。

41 最新消息(8/10) 前台顯示的類別名稱就是剛才自訂的類別名稱。

42 最新消息(9/10) 最新訊息[自建] 內容維護： 點選“新增資料”，並輸入標題、內容 及 公告日期 。

43 最新消息(10/10) 前台顯示的類別名稱則是依照該節點的名稱。

44 網路相簿(1/4) 先新增相簿。

45 網路相簿(2/4) 再要增加相片的相簿，選管理照片。

46 網路相簿(3/4) 可單張照片新增 或 整批上傳。

47 網路相簿(4/4) 前台顯示可選擇瀏覽模式 (Cover Flow、Thumbnail)。

48 FAQ