檔案下載式(謝承璋)

Download Report

Transcript 檔案下載式(謝承璋)

凌網實習教學與注意事項
王姿琳
關於上班下班
• 使用Ucheck打卡
1. 不遲到、早退
2. 請假:
事假-預先排好班表or事先告知(一週前)
★臨時狀況-打電話、FB、Line通知主管
3. 排班&班表異動
於當月20日前,預先排好下月班表,之
後可再進行異動。
4. 注意~把實習當成正式在職場工作,
不要在上班時做學校報告及作業
關於Trello
分四大部分
到To Do領卡
★注意Due Date時間,是否有紅卡-急件,決定領卡順序
★一定要預估工時!(實際H/預估H)
★在預定期限內無法達成,請務必事先告知!
★對卡上任務要有『責任心』
★看不懂內容即時詢問
若有另外時間可以自己Google搜尋『關鍵字』
關於工作會議
•
依Trello卡上【完成】 、【正執行】 、 【預計執行】
分別報告,有超過預估工時的請說明原因
•
最後一部分
分享遇到困難(分享心得)
關於成果報告
(最後評分依據)
•
•
•
•
•
建議利用「週誌」(靜宜)
自己準備「紀錄本」(逢甲) 紀錄每天工作項目
把做過的作品都存檔,以免誤刪
最後統整撰寫時,可搭配Trello
撰寫內容:發想的企劃內容、流程圖、RP建置的雛形架
構、圖片、手繪稿、盤點…
小姿的成果報告書
Google表單
•
Google表單:用於問卷調查
https://docs.google.com/spreadsheets/d/1OhJJp7ScPhWeaN5blmhYA_1kSGNHY
5JRSUpX9YAsNf8/edit#gid=1532656443
Google試算表 & Dropbox運用
•
Google試算表 範例:
https://docs.google.com/spreadsheets/d/1UFT9jpzXB0eg6G9TYOBMwI8qV17b8BDI0X2FEMSqwU/edit?usp=sharing
•
設定共用
Google試算表 & Dropbox運用
•
設定共用
Google試算表 & Dropbox運用
•
設定共用
Google試算表 & Dropbox運用
• Dropbox
1.軟體((多用
2.網路
Google試算表 & Dropbox運用
•
Dropbox
GIP介紹&教學
一、系統登入
教育訓練測試機登入
• http://uipsystest.taichung.gov.tw/
• 測試帳號:
– training01/training01
– training02/training02
test01
password01
二、資料上稿
新增文章-基本概念
1. 資料管理 > 資料上稿
2. 點 + 展開目錄
新增文章-基本概念
1. 選擇上稿處
2. 新增文章
新增文章-基本概念
• 一般資料式
– 一般訊息發佈
• URL連結式
– 文章標題連至其他頁面
• 檔案下載式
– 文章標題可下載檔案
一般資料式
• 適用:一般訊息發佈
–
–
–
–
內文
主圖
單一檔案
單一連結
• 進階功能
– 網頁編輯器
– 多個附件(圖片、檔案)
一般資料式
1. 一般資料式
2. 填入欄位
(檔案)
(連結)
一般資料式
★ 圖檔200k以下,
網站效能最佳!
(主
圖)
一般資料式
標題
主圖
內文
單一檔案
單一連結
URL連結式

適用:相關連結


標題
單一連結
URL連結式
1. URL連結式
2. 填入標題
3. 填入網址
(另開新視窗)
檔案下載式

適用:表單下載


標題
單一檔案
檔案下載式
1. 檔案下載式
2. 選擇檔案
3. 填入標題
三、進階編輯
多個附件

適用:一般訊息發佈、相簿


多個檔案
多張圖檔
多個附件 – 方法A
A. 接續處理
1.
2.
3.
展開「接續處理」下拉
選單
選擇「附件」
「新增存檔」
多個附件 – 方法A
4. 新增附件
•
新增附件:一次新
增一個
• 批次上傳:zip檔,
一次新增多個
(有Excel批次範本)
★ 一定要zip檔
才會成功喔!
多個附件 – 方法B
B. 編修附件
1. 點選已上稿完成的文
章
2. 「附件」
3. 同方法A的後續操作
網頁編輯器
• 適用:一般訊息發佈
– 內文字型顏色變更
– 插入多張圖片
網頁編輯器 – 方法A
接續處理
A.
1.
2.
3.
展開「接續處理」下拉
選單
選擇「網頁」
「新增存檔」
網頁編輯器 – 方法A
4. 自由運用修改
網頁編輯器 – 方法A
上傳圖片
5.



至「上傳多媒體物
件」
新增圖片
填入欄位




標題
物件檔案名稱
物件檔案類型
物件檔案替代文字
網頁無障礙
網頁無障礙
https://www.youtube.com/watch?v=YQocsqYVka4
•如何在網頁做到無障礙?
上稿須符合-無障礙規範-90條檢測碼
例:圖片替代文字-通常我們都會與「圖片名稱」相同,若還有多餘時間,
再加上更多文字說明。
網頁編輯器 – 方法A
插入圖片
5.






①
②
返回網頁編輯器
點選
選擇「主題單元
(mmo)」
查詢
選取圖片
確定
③
④
⑤
⑥
網頁編輯器 – 方法B
B. 編修網頁
1.
2.
3.
點選已上稿完成的文章
「網頁」
同方法A的後續操作
試試看
• 請做出一篇最新消息
– 標題:[OO區衛生所]
最新消息
– 內容必須包含:文字、
文章主圖、內文圖片、
附件
可能會用到的小工具
1.清除 html 雜碼:
http://114.35.45.209:8081/removeArsablue/default.html
用於:轉置上稿 遇到「表格」時 表格範例實做
教育訓練後台 http://uipsystest.taichung.gov.tw/
實習生使用帳密:intern2014/intern2014
可能會用到的小工具
•
2.截圖軟體:picpick
可能會用到的小工具
•
•
•
3.雛型工具:Axure RP、MockFlow、Fluid UI、
MockingBird...
4.Dropbox
5.影像地圖:http://www.image-maps.com/
謝謝聆聽