1 我的網頁製作及維護經驗 劉定泮 2013/5/22 5070 例會報告. 2 我的網頁製作及維護經驗 1.1995 年建立「同協公司網頁」並自行維護, 2005 年 交資訊室同仁重作及維護。同協公司網頁 2.2001 年由專家建立「台北成大校友會」網頁, 定泮 維護, 3 年後交秘書維護, 現由專家重作及維護。台北成大校友會.

Presentation on theme: "1 我的網頁製作及維護經驗 劉定泮 2013/5/22 5070 例會報告. 2 我的網頁製作及維護經驗 1.1995 年建立「同協公司網頁」並自行維護, 2005 年 交資訊室同仁重作及維護。同協公司網頁 2.2001 年由專家建立「台北成大校友會」網頁, 定泮 維護, 3 年後交秘書維護, 現由專家重作及維護。台北成大校友會."— Presentation transcript:

1 1 我的網頁製作及維護經驗 劉定泮 2013/5/22 5070 例會報告

2 2 我的網頁製作及維護經驗 1.1995 年建立「同協公司網頁」並自行維護, 2005 年 交資訊室同仁重作及維護。同協公司網頁 2.2001 年由專家建立「台北成大校友會」網頁, 定泮 維護, 3 年後交秘書維護, 現由專家重作及維護。台北成大校友會 3.2009 年定泮維護「書香文化推廣協會」網頁。書香文化推廣協會 4.2010 年接手維護「西格瑪社」網頁一年。西格瑪社 5.2011 年建立「附中 1962 級同學會」網頁並維護。附中 1962 級同學會 6.2012 年接手維護「校友合唱團」網頁。校友合唱團 7.2013 年建立「無名長壽村」網頁並維護。無名長壽村

3 3 同協公司網頁同協公司網頁製作及維護的特色 這個網頁過去是由我用最基本的 HTML 語言, 不使用任何工具軟體寫出來的, 但已由 本公司資訊室同仁重寫過, 因此我完全不知道 現在的它是用什麼方法寫的, 也完全不知道要 用什麼方法來維護。

4 4 台北成大校友網頁台北成大校友網頁製作及維護的特色 1. 這個網頁是由專家針對校友會的特色而寫的. 2. 校友會有許多社團, 每個社團可派出網頁維護人員取得維 護密碼, 可以自由插入文件、檔案、照片及相簿, 並且可 以修改各自加入的資料. 3. 不一定要用 HTML 語言. 4. 不必使用任何工具軟體也可以作各社團的維護工作. 5. 校友會秘書可以接受校友註冊、社團活動的報名. 6. 進一步的維護工作由專家執行.

5 5 書香文化推廣協會網頁書香文化推廣協會網頁製作及維護的特色 1. 這個網頁是由早期志工專家製作, 現在已找不到 這位志工. 2. 一定要用 HTML 語言或使用網頁製作軟體. 3. 定泮使用 Frontpage 及 FileZilla 工具軟體. 4. 無法在網上作會友註冊及活動的報名.

6 6 西格瑪社網頁西格瑪社網頁製作及維護的特色 1. 這個網頁是由早期志工專家製作, 2011 年這位志工想要 休息, 由定泮接管維護一年. 2. 一定要用 HTML 語言或使用網頁製作軟體. 3. 定泮使用 Frontpage 及 FileZilla 工具軟體. 4. 無法在網上作會友註冊及活動的報名. 5. 上一位管理者大量使用 Adobe Flash ( 向量動畫檔 案格式 ), 而定泮不會使用, 因而接管起來十分困 難, 好在一年後另有學弟接手.

7 7 附中 1962 級同學會網頁附中 1962 級同學會網頁製作及維護的特色 1. 這個網頁為因應 2012 年 4 月的畢業 50 週年同學會, 由定 泮使用 Google Sites ( 協作平台 ) 來製作及維護的. 2. 不用 HTML 語言, 也不使用網頁製作軟體, 連檔案傳輸工 具都不必. 3. 非常容易上手, 自學不難, 有人教的話, 實習一兩個小時 就 OK, 摸索一段日子之後, 只要常常用它, 自然會成為高 手. 4. 可以由多人共同協作管理, 是最大的特色

8 8 校友合唱團網頁校友合唱團網頁製作及維護的特色 1. 這個網頁由成大校友合唱團團友所建立, 也是使 用 Google Sites ( 協作平台 ) 來製作及維護. 2. 目前由多人共同協作管理. 3. 熊宜平負責練唱日誌. 4. 唐志珍負責練唱教室. 5. 陳西苓負責活動照片. 6. 定泮負責團務交流園地.

9 9 無名長壽村網頁無名長壽村網頁製作及維護的特色 1. 使用 Google Sites ( 協作平台 ) 來製作及維護. 2. 定泮在 4 月 12 日中午想要製作此網頁, 當天下午 6:30 聚會時個網頁已建立完成. 3. 目前由兩人共同協作管理. 感覺上好像兩人坐在 同一張辦公桌上班一樣.

10 10 用協作平台來建置網頁的步驟一 1. 開啟電腦, 連上 Internet, 開啟瀏覽器, 搜尋「協作平台」或 「 Google site 」. 2. 進入「 Google 協作平台 http://www.google.com/sites/help/intl/zh- TW/overview.html 」 Google 協作平台http://www.google.com/sites/help/intl/zh- TW/overview.html 3. 按「開始使用」 4. 登入您的電子郵件及密碼, 進入協作平台. 5. 按紅色的「建立」, 6. 進入後先不要選範本, 直接為您的協作平台命名, 例如「 5070_TEST 」, 此 時會出現協作平台給您的網址 : 「 https://sites.google.com/site/5070test 」, https://sites.google.com/site/5070test 7. 接下來您再選一個「主題」 ( 即頁面的背景 ), 例如我們選第一個主題, 「嚴峻 冰山」, 8. 接下來輸入「協作平台說明」, 建議您輸入「這是協作平台的說明」, 9. 接下來再輸入您所看到的驗證碼, 按 ENTER 鍵, 完成了步驟一.

11 11 用協作平台來建置網頁的步驟二 1. 您步驟一完成後, 您所建立的首面會自動存檔, 2. 如今您重新開啟電腦, 連上 Internet, 開啟瀏覽器, 搜尋「協作平台」 或 「 Google site 」. 3. 進入「 Google 協作平台 」 Google 協作平台 4. 按「開始使用」 5. 登入您的電子郵件及密碼, 進入協作平台. 6. 如果您用和上次相同的電子郵件帳號登入, 在您的協作平台上就會有 「 5070_TEST 」, 的首頁出現, 您可以繼續進行編輯. 7. 按右上方的「鉛筆」圖案可編輯頁面, 按鉛筆旁的有 + 號的圖案可增加頁面, 按 + 號旁的有 [ 更多 ] 兩字的圖案可有更多選項和動作. 8. 按「鉛筆」圖案編輯頁面時, 左上方有 : 插入、格式、表格、版面配 置等 4 個選項, 各自底下又有許多選項, 可以作成內容大分豐富的頁面.

12 12 Q & A