Transcript 20131125研習講義(pptx檔)

學校中英文網站操作說明
資訊組
1
20131123
登入
 請用”不使用LDAP登入”,以公務帳號登入,以利交接
 英文網站負責老師帳密




高中英文老師請用english01,englist02
國中英語老師請用english03,english04
密碼:mdhs加帳號
進入後請修改密碼及個人資料
2
修改密碼及資料
 右上角「網站管理」－>左下角「個人資料維護」
3
研習講義及相關事項
 首頁 > 行政單位 > 圖書館 > 資訊組 > 專案計畫 > 雙語
網站建置計畫 > 文件檔案
4
後台與前台
 前台－－般瀏覽者
 後台－－管理用
5
後台進入方式
 登入後右上角－「網站管理」
 注意事項
1.
前台與後台網址不同，要做超連結時要用前台網址
6
前台進入方式
 首頁
7
英文版進入方式
 右上角－「english」－切換
 一樣分前台與後台
 前台－網站管理
 後台－home
8
後台操作
9
先從英文版網站談起
10
英文網站的樣版
11
練習
 請進入英文版的後台 test > HTML moudle.
(登入—網站管理—切換english—內容快捷管理-- test
>
 HTML moudle請不要修改及送出
12
HTML編輯器
 很多地方都會有HTML編輯器
 特別說明及注意事項







請勿上傳圖片影片
編輯器最大化
原始碼
插入超連結，要設定開新視窗
「貼上文字」與「自word貼上」
一定要「送出」才會儲存
英文老師在做翻譯時，可直接複製再做翻譯，以保留超連結
及圖片等
13
英文老師該怎麼做
 進入中文網頁,複製貼上再修改
 練習
 首頁 > 測試 > 訊息公告樣版 >教學範本 選取複製
 網站管理—右鍵—在新分頁開啟連結---切到english---內
容快捷管理 --test管理 > information Moudle > 新增,貼
上內容
14
如果有附件檔時
 發生在榮譽榜翻譯成英文網頁時
 將附件超連結的內容複製到HTML編輯器
 練習
15
複製貼上後，有問題時
或某些空白行刪不掉
或無法增加空白行時
 啟動「原始碼」修改
 練習
 修改
16
幾個注意事項
 有超連結時,先輸入英文字,再把中文字刪掉,切不可選取後,
直接輸入英文字.
 如果有篏入youtube影片時,要取得原始碼,才會有youtue
影片
 取得網頁原始碼的方法:選取網頁需要的部份－在選取的範
圍內右鍵－檢視選取範圍原始碼—藍色的部份右鍵複製
 貼上前,也要啟動【原始碼】
 如果有篏入youtube影片時,送出時不可輸入替代文字
 練習
17
沒有HTML編輯器的樣版怎麼辦
 發生在活動花絮樣版,有照片、影片、超連結時
 從前台網頁取得HTML原始碼, 貼到HTML編輯器上,再
啟動【原始碼】複製,再貼到活動花絮
18
練習
中間
借助
 首頁 > 測試 > 活動花絮樣版–教學範本
 選取網頁需要的部份－在選取的範圍內右鍵－檢視選取範
圍原始碼
 藍色範圍內—右鍵—複製—
 網站管理—右鍵—在新分頁開啟連結---切到english---test -－ information Moudle 新增,貼上內容
 修改後,啟動【原始碼】--複製
 網站管理—右鍵—在新分頁開啟連結---切到english---test -Active Moudle新增,貼上內容
19
活動花絮
 對外—要翻譯成英文網頁
 對內---專案成果
 行政人員要上傳二次(用複製-貼上即可)
20
Q&A
21
行政人員進階操作
22
上傳照片
 內容快捷管理 > 網頁製作元件管理 >
 圖片照片(型式一)|
 有縮圖,縮圖下才是真實大小
 圖片照片(型式二)|
23
篏入網路上的照片
 取得網路圖片的網址
 圖片右鍵—複製圖片網址
24
上傳文件表格
 在各單位下建立,請勿在網頁製作元件管理 下建立
25
嵌入youtube影片





注意版權
分享嵌入
【使用舊版內嵌程式碼 】不可打勾
複製嵌入碼
啟動【原始碼】貼上
26
練習
 網站管理--內容快捷管理 > 測試管理– 訊息公告 新增
29
沒有HTML編輯器的樣版怎麼辦
 發生在活動花絮樣版,需要插入照片、影片、超連結時
 新增視窗，借用其他樣版的HTML編輯器善用編輯器
 練習
 HTML編輯好後
 網站管理--內容快捷管理 > 測試管理--活動花絮樣版新
增
 貼上
30
會議排程登記
31
內容快捷管理 > 會議資料管
理 >會議排程登記
登記後仍要場地借用登記
32
活動照片要放那裡
33
活動照片要放那裡
 明德電子相簿
 Google+
 Picasa
34
明德電子相簿上傳的方法
 網頁(較慢)
 程式(較快)
 行動裝置上傳
35
明德電子相簿上傳的方法(一)




用網頁上傳
登入明德電子相簿
測試帳號 test0 ,密碼 mdhstest0
缺點:速度慢
36
明德電子相簿上傳的方法(二)
 用軟體,請進入
 下載 校網右邊 > 資訊組技術文件 > 軟體下載 >網路
硬碟照片上傳-Synology-PhotoStationUploaderSetup-045.exe
 或 \\163.20.148.13\軟體\其他免費軟體\~照片編輯\網路
硬碟照片上傳-Synology-PhotoStationUploaderSetup-045.exe

37
上傳
38
注意事項




一個資料夾就是一本相本
相本內可以有子相本
注意結構,也就是上傳到那一個相簿
如果勾選【略過上傳的檔案】,則會聰明的略過上傳
的檔案,即使在不同相本
 不同相本,同一時間點,也會聰明的併在一起
 選取多個資料夾,則一次上傳多個相本
39
明德電子相簿上傳的方法(三)
 行動裝置上傳
 App store 下載安裝 DS photo+
40
41
42
43
44
行動裝置上傳注意事項
 無法選擇子相本、新增相本
 上傳後再進入網頁電子相簿自行調整
 請小心,不要誤刪
45
快速瀏覽相片
 \\163.20.148.13
 Photo資料夾
46
瀏覽相片軟體
 Picasa
 下載 ( \\163.20.148.13\軟體\其他免費軟體\~照片編輯\
picasa39-setup.exe\\163.20.148.13\軟體\其他免費軟體
\~照片編輯\ picasa39-setup.exe )
 放大縮小:滾輪
 下一張上一張:左右鍵
 可固定大小,配合截圖程式
 也可以整批變更照片大小
47
截圖
 下載picpick (\\163.20.148.13\軟體\其他免費軟體\截圖picpick_inst.exe
 截取全螢幕 : ctrl+PrstScrn
 截取矩形區域:shift+PrstScrn
 截取視窗:Alt+ctrl+PrstScrn
 重覆上次截取:Ctrl+Shift+Q
48
變更快速鍵
49
批次變更照片大小
 Photocap
 下載 ( \\163.20.148.13\軟體\其他免費軟體\~照片編輯
\PhotoCap600_CH_BIG5.exe
50
批次變更檔名
51
影片處理
52
批次變更檔名
 使用totalcom
 下載 ( \\163.20.148.13\軟體\其他免費軟體\~系統工具
\_超級檔案總管7.X)totalcmd.rar
53
轉檔
 使用anyvedioconverter
 下載 (\\163.20.148.13\軟體\其他免費軟體\~影片轉檔分割合併\any vedio converter5.0.9)avc-free.exe
54
合併
 使用FLVJoin
 下載 ( \\163.20.148.13\軟體\其他免費軟體\~影片轉檔
-分割合併\FLV合併)FLVJoin0.6.zip )
55
影片要放在那裡
 Moodle
 youtube
56
Moodle影片及檔案上傳
57
Yotube上傳
 google雲端技術_youtube.pptx
58
標準專案程序
59
目的






在資源共享方面：
在分工合作方面：
成果整合共用方面:
在傳承方面:
在校務評鑑方面:
詳見首頁 > 行政單位 > 圖書館 > 資訊組 > 專案計
畫 > 雙語網站建置計畫 > 文件檔案 >明德網站「活動
及專案之標準作業模式」推動計畫
60
架構





訊息公告：專案之相關公告
文件資料：提供下載之文件，含計畫、表格表單
資料上傳(選擇性)：開放上傳之頁面，例如教案上傳。
相關網站：與計畫有關之相關網站連結
問題討論：做為行政單位之間線上溝通或老師意見提供之管道，節省
開會時間。
 活動記錄：活動記錄包含
 活動之電子相簿連結（相片可以是本校電子相簿，也可以是「明德gmail」所提供
之相簿，或其他免費網站上的相簿）
 活動之錄影(放置於moodle，再做連結)
 活動之檔案文件，如講師ＰＰＴ檔(也可放在moodle)。
 其他與活動有關之文件資料等(也可放在moodle)。
 會議記錄：各項會議討論之資料、相片等。尤其是會議資料，方便各
單位追朔及查詢。
61
為別人嗎
62
專案要放那裡
 放在處室網頁
 相關處室做連結
63
善用超連結
 避免重覆上傳
 交錯連結網
64
行政常用工具軟體
 Pdfill
 產出PDF檔、分割PDF檔、合併PDF檔
 下載 ( \\163.20.148.13\軟體\其他免費軟體\~系統工具
\PDF產生.分割.合併-PDFill.exe
 iPrint
 可以預覽列印、多頁合一列印
 下載 ( \\163.20.148.13\軟體\其他免費軟體\~系統工具\列
印預覽.多頁合一-iPrintSetup.exe )
65
後續
 首頁 > 行政單位 > 圖書館 > 資訊組 > 專案計畫 > 雙語
網站建置計畫 > 公告訊息
 首頁 > 行政單位 > 圖書館 > 資訊組 > 專案計畫 > 雙語
網站建置計畫 > 文件檔案
66
謝謝指教
67
Q&A
68