drupal - 教育網路中心課程

19
Drupal - Drupal - 學習與運用 學習與運用 Drupal Taiwan Drupal Taiwan 正體中文社群 正體中文社群 http://drupaltaiwan.org http://drupaltaiwan.org

Upload: charles-chuang

Post on 13-Dec-2014

6.838 views

Category:

Technology


4 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Drupal - 教育網路中心課程

Drupal - Drupal - 學習與運用學習與運用

Drupal Taiwan Drupal Taiwan 正體中文社群正體中文社群http://drupaltaiwan.orghttp://drupaltaiwan.org

Page 2: Drupal - 教育網路中心課程

課程大綱課程大綱

● 上午 上午 (8:30~12:00)(8:30~12:00)– 簡介簡介 // 安裝安裝 // 使用使用

– 內建模組內建模組

– 版型設計版型設計

● 下午 下午 (13:00~16:30)(13:00~16:30)– 外掛模組外掛模組

– 校園網站改造計畫?校園網站改造計畫?

Page 3: Drupal - 教育網路中心課程

Drupal Drupal 簡介簡介

● Drupal 5 Drupal 5 與開源碼 與開源碼 (( 吳鳳技術學院電子商務系吳鳳技術學院電子商務系 ))● Drupal 6 Drupal 6 的五個酷功能的五個酷功能

● Drupal Taiwan Drupal Taiwan 正體中文站正體中文站

Page 4: Drupal - 教育網路中心課程

安裝安裝

● 系統需求 – 系統需求 – (Linux) Apache(Linux) Apache 、、 MySQLMySQL 、、 PHPPHP● Drupal 5/6Drupal 5/6● Drupal Drupal 中文包中文包

● TWPD TWPD 安裝包 安裝包 - Tyro Windows Portable Drupal - Tyro Windows Portable Drupal

Page 5: Drupal - 教育網路中心課程

使用使用

1.1.建立你的管理帳號建立你的管理帳號

2.2.管理你的網站管理你的網站

3.3.啟用額外功能啟用額外功能

4.4.自訂你的網站設計自訂你的網站設計

5.5.開始發表文章開始發表文章

Page 6: Drupal - 教育網路中心課程

內建模組(一)內建模組(一)● UploadUpload 讓使用者可以上傳並附加檔案到內容裡。讓使用者可以上傳並附加檔案到內容裡。

● BlockBlock 控制顯示在主內容周圍的區塊。控制顯示在主內容周圍的區塊。

● FilterFilter 處理內容的過濾以顯示內容。處理內容的過濾以顯示內容。

● NodeNode 讓內容可以傳送到網站上,並顯示為網頁。讓內容可以傳送到網站上,並顯示為網頁。

● SystemSystem 為管理者處理一般性的網站設定。為管理者處理一般性的網站設定。

● UserUser 管理使用者的註冊和登入系統。管理使用者的註冊和登入系統。

● WatchdogWatchdog 紀錄系統事件。紀錄系統事件。

● AggregatorAggregator 聯播串聯內容(聯播串聯內容( RSSRSS 、、 RDF RDF 和 和 AtomAtom )。)。

● BlogBlog 啟用保存容易且更新規律的使用者個人網頁或部落格。啟用保存容易且更新規律的使用者個人網頁或部落格。

● Blog APIBlog API 讓使用者可以使用支援 讓使用者可以使用支援 XML-RPC XML-RPC 部落格 部落格 API API 的應用軟體來張貼文的應用軟體來張貼文章。章。

● BookBook 讓使用者可以共同編寫手冊。讓使用者可以共同編寫手冊。

● ColorColor 讓使用者可以修改某些版型的配色。讓使用者可以修改某些版型的配色。

● CommentComment 讓使用者可以回應與討論已發表的內容。讓使用者可以回應與討論已發表的內容。

● ForumForum (停用)(停用) , Tracker, Tracker (停用) 需要此模組(停用) 需要此模組

● ContactContact 啟用個人聯絡表單和聯絡本站的功能。啟用個人聯絡表單和聯絡本站的功能。

● DrupalDrupal 讓你可以向一個中央伺服器登記,藉由傳送你所安裝的模組和版型的資讓你可以向一個中央伺服器登記,藉由傳送你所安裝的模組和版型的資訊,改進 訊,改進 Drupal Drupal 專案的排序。專案的排序。

Page 7: Drupal - 教育網路中心課程

內建模組(二)內建模組(二)● ForumForum 啟用一般主題的串列式討論。啟用一般主題的串列式討論。

● 需要 需要 TaxonomyTaxonomy (啟用)(啟用) , Comment, Comment (啟用) 模組(啟用) 模組

● HelpHelp 管理線上說明的顯示。管理線上說明的顯示。

● LegacyLegacy 提供從舊的 提供從舊的 Drupal Drupal 版本的升級處理。版本的升級處理。

● LocaleLocale 啟用使用介面的翻譯功能,可翻譯為英文之外的語言。啟用使用介面的翻譯功能,可翻譯為英文之外的語言。

● MenuMenu 允許管理者自訂網站導覽選單。允許管理者自訂網站導覽選單。

● PathPath 讓使用者可以重新命名網址。讓使用者可以重新命名網址。

● PingPing 當您的網站更新時,通知其他網站。當您的網站更新時,通知其他網站。

● PollPoll 讓你的網站可以針對不同的議題進行投票,每個投票都有多個選項可供選讓你的網站可以針對不同的議題進行投票,每個投票都有多個選項可供選擇。擇。

● ProfileProfile 支援可設定的使用者個人資料。支援可設定的使用者個人資料。

● SearchSearch 啟用整個網站的關鍵字搜尋功能。啟用整個網站的關鍵字搜尋功能。

● StatisticsStatistics 紀錄你的網站的存取資料。紀錄你的網站的存取資料。

● TaxonomyTaxonomy 啟用內容的分類功能。啟用內容的分類功能。

● ForumForum (停用) 需要此模組(停用) 需要此模組

● ThrottleThrottle 處理自動負荷管制機制,以控制網站的壅塞狀況。處理自動負荷管制機制,以控制網站的壅塞狀況。

● TrackerTracker 啟用使用者最近發表的文章的追蹤功能。啟用使用者最近發表的文章的追蹤功能。

Page 8: Drupal - 教育網路中心課程

版型設計版型設計

● 基本設定調整基本設定調整

● 內容顯示區塊內容顯示區塊● CSSCSS● PHP TemplatePHP Template

Page 9: Drupal - 教育網路中心課程

外掛模組 外掛模組 - CCK- CCK● 運用各種欄位、建立專屬用途的內容類型。運用各種欄位、建立專屬用途的內容類型。

● 範例:營養午餐的內容類型範例:營養午餐的內容類型

● 輔助模組:輔助模組: imagefieldimagefield 、、 Date APIDate API 、、 auto auto nodetitlenodetitle 、、 tokentoken– 勾選欄位:主食勾選欄位:主食

– 文字欄位:菜色一文字欄位:菜色一 //菜色二菜色二 //菜色三菜色三 //湯湯– 圖片欄位 – 圖片欄位 – imagefield (200x200)imagefield (200x200)– 日期欄位 日期欄位 - Date API (date format - Y/m/d)- Date API (date format - Y/m/d)– 自動填入標題 – 自動填入標題 – auto nodetitle + token (The auto nodetitle + token (The

formatted date.)formatted date.)

Page 10: Drupal - 教育網路中心課程

外掛模組 外掛模組 - Views- Views● 將內容以不同的方式呈現(列表、表格、地圖、月曆將內容以不同的方式呈現(列表、表格、地圖、月曆 ...... ))● 範例:以月曆方式呈現營養午餐的圖片。範例:以月曆方式呈現營養午餐的圖片。

● 輔助模組:輔助模組: Views + Calendar + Date API + ImagecacheViews + Calendar + Date API + Imagecache● 使用 使用 ImagecacheImagecache ,設定午餐縮圖 ,設定午餐縮圖 80x8080x80 。。

● 在 在 View Type View Type 裡選擇 裡選擇 CalendarCalendar 。。● 在 在 Fields Fields 裡加入圖片欄位和日期欄位。裡加入圖片欄位和日期欄位。

● 在 在 Arguments Arguments 加入 加入 Calendar: YearCalendar: Year 、、 Calendar: Calendar: MonthMonth 、、 Calendar: DayCalendar: Day 。。

● 在 在 Filter Filter 裡設定 裡設定 Node Type = Node Type = 營養午餐。營養午餐。

Page 11: Drupal - 教育網路中心課程

外掛模組 外掛模組 - Panels- Panels● 提供匯聚各種內容呈現的版面配置方式提供匯聚各種內容呈現的版面配置方式

● 範例:整合營養午餐公告、圖片、相關新聞、部落格文範例:整合營養午餐公告、圖片、相關新聞、部落格文章。章。

● 建立一個 建立一個 Two column stacked Two column stacked 的 的 panelpanel● 上方填入一個營養午餐區塊上方填入一個營養午餐區塊

● 中間加上兩個新聞中間加上兩個新聞 // 部落格聯播部落格聯播

● 下方填入一篇文字下方填入一篇文字

● 調整呈現方式 調整呈現方式 (Rounded corners)(Rounded corners)

Page 12: Drupal - 教育網路中心課程

外掛模組外掛模組 ......● TinyMCE - TinyMCE - 提供所見及所得的編輯模式提供所見及所得的編輯模式

● Image - Image - 相簿模組相簿模組

● Webform - Webform - 線上表單產生器線上表單產生器● Localizer - Localizer - 多國語言多國語言● Organic Groups – Organic Groups – 社群模組社群模組

● GeoBrowser - GeoBrowser - 地圖化呈現地圖化呈現

Page 13: Drupal - 教育網路中心課程

校園網站改造計畫校園網站改造計畫 !?!?

Page 14: Drupal - 教育網路中心課程

大學系所大學系所

Page 15: Drupal - 教育網路中心課程

圖書館應用圖書館應用

Page 16: Drupal - 教育網路中心課程

高中校網高中校網

Page 17: Drupal - 教育網路中心課程

國小網站之一國小網站之一

Page 18: Drupal - 教育網路中心課程

國小網站之二國小網站之二

Page 19: Drupal - 教育網路中心課程

國小網站之三國小網站之三