SlideShare a Scribd company logo
Drupal 網站平台操作說
明
網站使用手冊
使用手冊學習目標

          ◎ Unit 1: Drupal 簡介
          ◎ Unit 2: Drupal 配置介紹
          ◎ Unit 3: Drupal 基本設定
          ◎ Unit 4: 網站模組應用
          ◎ Unit 5: 版面更新設定




計網中心 編製                   Page 2
Unit 1: Drupal 簡介




計網中心 編製          Page 3
1.Drupal 簡介 (1/2)
Drupal 的名稱源起荷蘭語 druppel( 水滴 ) 之意,是一套開放源碼的內容管
 理平台 (CMS) ,以高擴展性的核心架構搭配各式模組方式,能完成各種複
 雜功能需求,可以用來建置從個人網誌到大型網路社群等各種類型的網站
 。



Drupal 的特色
 高擴展性模組化
Drupal 具有苗條而強大核心,可以很容易進行功能擴充。
 多角色權限配置
 管理員可藉由分配權限給予不同角色近而達權限控管的功能。
 有效率的平台
Drupal 具有極佳性能,只進行最小化的資料庫調用,同時兼容多種資料庫。

計網中心 編製              Page 4
1.Drupal 簡介 (2/2)
Drupal 相關資訊可參考以下連結
 Drupal 官方網站 (http://drupal.org/ )
 Drupal 台灣社區 (http://drupaltaiwan.org/)
 JOE 的 Drupal 教學 (http://www.joetsuihk.com/drupal)
 阿舍的 Drupal 架站經驗談( http://drupal.soa.tw/ )


Drupal 網站平台範例
 哈佛大學 (http://harvardscience.harvard.edu/)
 國立高雄師範大學圖書館 (http://140.127.53.222/lib/)
 Drupal 繁體中文網站秀 (http://drupaltaiwan.org/image/tid/23)


計網中心 編製                         Page 5
Unit 2: Drupal 配置介紹




計網中心 編製           Page 6
2.Drupal 配置介紹 (1/3)
                               主選單
                    主選單        主選單通常是顯示在版型上,引導
                               使用者到網站的主要單元,使用者
                               必須自行訂義內容。
 自訂選單
                               導覽選單
                               導覽選單是由 Drupal 所提供,並且
  導覽選單                         可以是任何網站的主要介面選單。

                               自訂選單
                               drupal 提供客制化選單功能,讓使
                               用者自訂選單。

 區塊                            內容
                               顯示 drupal 資料內容的區域。

                               區塊
                               設定區塊內容出現在網站的邊欄或
                               其他位置。
             內容區域

計網中心 編製               Page 7
2.Drupal 配置介紹 (2/3)
                  管理者選單項目
                  我的帳號:顯示和編輯登入者帳號資料。
                  建立內容
                    Book page :一個內容頁面,能夠自動顯示連結到相鄰
                    的頁面,並且有一個簡單的導覽系統來組織和檢視結構性
                    的內容。

                    Image :可新增圖片內容。

                    一般文章:可以用來建立網站內容,其跟頁面很相似,
                    只是預設開放讓使用者回應功能。

                    日期:可新增事件至行事曆中。
                    檔案 : 新增電子下載檔案 , 供使用者下載。
                    討論版主題:討論主題是討論版裡發起新討論的文章。
          導覽選單
                    頁面:頁面跟一般文章很相似,建立並呈現不常更新的
                    資訊,其預設不開放回應,也不會出現在網站首頁。



計網中心 編製                     Page 8
2.Drupal 配置介紹 (3/3)
                  管理者管理選項功能
                  內容管理:網站內容的異動與管理。

                  網站建置:控制網站的外觀。

                  網站設定:調整基本的網站設定選項。

                  使用者管理:管理網站的使用者、群組 , 以及網站功能的存取方式。

                  報告:檢視系統日誌和其他狀態資訊的報告。

                  說明:網站功能模組的說明與設定。


      管理者管理選單功能




計網中心 編製                    Page 9
Unit 3: Drupal 基本設定
                3-1. 選單管理
                3-2. 區塊管理
                3-3. 內容管理




計網中心 編製           Page 10
3-1. 選單管理 - 新增選單 (1/5)

   步驟 1 :到管理 > 網站建置 > 選單。
   步驟 2 :在選單中的上列選項,選擇增加選單。
   步驟 3 :在選單名稱之中輸入選單名稱 ( 此選單的名稱只能由小寫字母、數字和連字
   號所組成,這個文字會被用來當做或者構成這個選單在 選單一覽頁面中的網址 ) 。   
     
   步驟 4 :輸入標題名稱(將顯示在選單上面的名稱 ) 。
   步驟 5 :可加入說明此選單功用 ( 可省略 ) 。
   步驟 6 :最後按下儲存鈕。
                  步驟 2


                                   步驟 3



                                   步驟 4


                                          步驟 5




           步驟 6
計網中心 編製                  Page 11
3-1. 選單管理 - 新增選單 (2/5)
     步驟 7 :儲存完畢後,選擇上列選項的新增選單項目。

     步驟 8 :在路徑欄中,輸入選單項目要連結的頁面 ( 例: node/1 內容路徑、
       http://www.stut.edu.tw 或 <front> 連結到網站首頁)。

     步驟 9 :輸入選單連結標題,將顯示在選單項目中的名稱。

     步驟 10 :針對選單項目加以說明 ( 可省略 ) 。

                     步驟 7



                               步驟 8



                                      步驟 9




                                             步驟 10




計網中心 編製                     Page 12
3-1. 選單管理 - 新增選單 (3/5)
         步驟 11 :選擇上層項目,目的為選擇所新增的項目為某項目的子項目 ( 此範例選
         擇自行新增的 Menu 為上層項目 ) 。

         步驟 12 :完成後按下儲存鈕。




 步驟 11




 步驟 12




         上圖另外有啟用、展開和順序功能,分別為啟用選單、展開下層選單和權重(用來
         決定項目顯示順序),可依需求使用。



計網中心 編製                     Page 13
3-1. 選單管理 - 新增選單 (4/5)
         步驟 13 :最後再按下儲存設定。




 步驟 13



         步驟 14 :到 管理網站建置區塊,至停用清單中找尋之前所新增的 Menu 選單
         。




                                        步驟 14




計網中心 編製                      Page 14
3-1. 選單管理 - 新增選單 (5/5)
     步驟 15: 選擇所新增的選項要顯示到那一個網站區塊 ( 本範例選擇左欄 ) 。



                                          步驟 15




     步驟 16: 選擇左欄之後,會在區塊清單之中的左欄顯示新增的 Menu 清單,最後按
        下儲存區塊,完成新增選單動作。
                                  步驟 16




                                     結果




計網中心 編製                 Page 15
3-1. 選單管理 - 刪除選單
     步驟 1 :到管理 > 網站建置 > 選單,並點選要刪除的選單。

     步驟 2 :點選上列選項功能的編輯選單,可做標題或說明的內容更改。

     步驟 3 :最後按下儲存鈕更改內容,或者刪除鈕刪除選單(例如: Menu 選單 ) 。

                                    步驟 1




                                           步驟 2



                   步驟 3




計網中心 編製                   Page 16
3-1. 選單管理 - 選單項目異動 (1/3)
  更改選單項目
        步驟 1 :到管理 > 網站建置 > 選單,選擇要異動的選單(本範例選擇 Menu) 。



 步驟 1




        步驟 2 :在選單項目清單中,選擇要編輯的選單項目,然後按編輯,就可以更改
          該選單項目;如按刪除則刪除該選單項目。



                                                 步驟 2




計網中心 編製                    Page 17
3-1. 選單管理 - 選單項目異動 (2/3)
更改選單項目排列順序
   在要變更的選單項目前方十字圖形,利用拖曳的方式更改想要的位置,最後按下儲
   存設定。

                     向內移
              十字圖形




                     拖曳



                     向下移




原選單           一                      二   結果


計網中心 編製                    Page 18
3-1. 選單管理 - 選單項目異動 (3/3)
選單項目的啟用和展開
     啟用功能:隱藏或關閉選單項目。
                                      關閉活動剪影選單項目




     展開功能:直接展開該項目的子項目,不必經由點選才展開子項目。
                                      展開最新消息的子項目




計網中心 編製                Page 19
3-2. 區塊管理 - 區塊介紹
‧ 透過區塊的編排可以任意改變網站呈現方式
                區塊 (Block)

                區塊可包含許多不同型態的訊息 ( 如選單 . 模組或自定義
                的靜態顯示訊息等 ) ,透過區塊管理頁面可安排區塊的上
                下順序或左右位置,或顯示與否。
      區塊 1

               區塊的型態範例 :
                選單類型              模組類型   顯示訊息


      區塊 2




計網中心 編製                 Page 20
3-2. 區塊管理 - 新增區塊 (1/4)
 如何新增區
 塊
 步驟 1 :請先點選 管理 > 網站建置 > 區塊
 步驟 2 :再點選「增加區塊」,進入到增加區塊頁面。




                              點此增加區塊




計網中心 編製             Page 21
3-2. 區塊管理 - 新增區塊 (2/4)
步驟 3 :請先依序填入 1. 區塊說明   2. 區塊標題     3. 區塊內容   4. 最後按下儲存鈕
。




                       1. 填入區塊說明



                       2. 填入區塊標題

                                        3. 填入區塊內容




    4. 最後按下儲存鈕


計網中心 編製                  Page 22
3-2. 區塊管理 - 新增區塊 (3/4)
步驟 5 :由於新增的區塊預設會在停用區,請到停用區找新增區塊,再下拉選擇存放的位
置,選擇完新增區塊後即會跳到所設定的欄位,最後按下儲存鈕即可新增區塊。



                             ‧
                             ‧        下拉選擇要放置區塊的位置
                             ‧




          區塊列表上的右欄即出現新增區塊




          最後按下儲存鈕

計網中心 編製                     Page 23
3-2. 區塊管理 - 新增區塊 (4/4)
儲存後即可在右邊欄看到所設定的區塊。




計網中心 編製             Page 24
3-2. 區塊管理 - 區塊的異動
刪除 / 停用 / 移動 區塊的方法如下
(1) 刪除 :直接點選刪除即可刪除區塊。
(2) 下拉式選單:選擇 < 無 > ,即可停用該區塊。
(3) 移動區塊:選擇區塊右欄的十字圖形可上下移動順序及擺放的位置。




 (3) 移動區塊                                 (1) 點選刪除鈕




                       (2) 下拉式選單選 < 無 >




計網中心 編製                   Page 25
3-3. 區塊管理 - 自訂區塊內容
          步驟 1: 到管理網站建置區塊
          步驟 2: 在右邊區塊內容中的選擇功能項目中,選擇增加區塊 功能


                                   步驟 2




Here comes your footer  Page 26
3-3. 區塊管理 - 自訂區塊內容
      步驟 3: 分別輸入區塊說明和區塊標題 ,區塊說明是將顯示此區塊說
         明於區塊總覽中;而區塊標題則為顯示給使用者看的標題。
      步驟 4: 在區塊內容中,可以利用編輯器編輯區塊成想要顯示的內容,也可以貼
         上 html 原始碼來客製區塊內容,在這範例以貼上 html 原始碼來客製區塊內容。




                                       步驟3




                                                 步驟 4




Here comes your footer  Page 27
3-3. 區塊管理 - 自訂區塊內容
     步驟 5: 點選區塊內容中編輯器的原始碼功能。
     步驟 6: 可將要顯示在區塊內的的 html 原始碼貼在編輯器內容中 ( 在這以 google 提供的
     美女
            報時器做為區塊內容 ) 。

                                   步驟 5           步驟 6




Here comes your footer  Page 28
3-3. 區塊管理 - 自訂區塊內容
      步驟 7: 完成後按下儲存鈕。
      步驟 8: 到區塊總覽,在停用區段中找尋剛剛自訂的區塊。
      步驟 9: 將自訂的區塊選擇要顯示在那個欄位,此範例選擇左欄。

                                               步驟 8




                                        步驟 9




Here comes your footer  Page 29
3-3. 區塊管理 - 自訂區塊內容
      步驟 11: 完成後按下儲存鈕,之後左欄將會出現自訂的區塊內容。




                                   步驟 11




Here comes your footer  Page 30
3-3. 內容管理 - 管理介面介紹 (1/2)
內容管理介紹
點選 管理 > 內容管理

內容管理會依安裝模組而有不同
項目呈現,各內容項目下方均有
簡單介紹以了解項目功能。

以下內容管理項目:
 Image galleries
 請參考 4-2 相簿功能製作

 討論區
 請參考 4-4 討論區設定




計網中心 編製              Page 31
3-3. 內容管理 - 管理介面介紹 (2/2)
網站頁面內容的管理
1. 點 管理 > 內容管理 > 內容         1.
進入

2. 過濾方式 - 可條件式搜尋內容
(1) 先選擇狀態、類型、分類、                     2.
語言等過濾類型。
(2) 再下拉選擇過濾條件。
(3) 按過濾鈕。

3. 更新方式 - 可一次更新多項內
容
(1) 勾選下方內容項目。                        3.
(2) 下拉選擇更新條件。
(3) 按更新鈕。
                      4.
4. 內容項目 - 編輯更新個別內容
(1) 點項目標題可到內容檢視頁面
(2) 點項目編輯可到內容編輯頁面

 計網中心 編製                   Page 32
3-3. 內容管理 - 建立內容介紹 (1/3)
建立內容介紹
點選 > 內容管理

建立內容會依安裝模組而有不同
項目呈現,各內容項目下方均有
簡單介紹以了解項目功能。

以下建立內容項目:
Image
 請參考 4-2 相簿功能製作
日期
 請參考 4-5 行事曆設定
檔案
 請參考 4-3 檔案下載功能
討論版主題
 請參考 4-4 討論區設定
頁面
 請參考 4-1 最新消息的設定


計網中心 編製              Page 33
3-3. 內容管理 - 建立內容介紹 (2/3)
內容建立的常見基本欄位 每個內容建立本上均有常見以下欄位。 ( 其他欄位視模組需求 )

 1. 標題:頁面主題填寫 ( 必填 ) 。                  1.
 2. 選單設定:設定選單名稱與發布的選單階層。                2.
 3. 內文:文章內容填寫。                          3.
 4. 輸入格式:基本預設為 Full HTML 。
 5. 手冊大綱:可使文章建立為手冊一部分,方便有系統瀏覽。
 6. 修訂版本資訊:可建立修訂版本,使用者編輯內容會留存歷史紀        4.
 錄以便之後修訂參考。                             5.
 7. 附加檔案:可增加附件於文章頁面。                    6.
 8. 網址路徑設定:可建立友善網頁網址 ( 如關於我們可用 about)   7.
                                        8.
 9. 回應設定:可選擇文章是否讓瀏覽者回應。
                                        9.
 10. 作者資訊:可建立作者名稱及發佈時間。                 10.
 11. 發佈選項:可選擇發佈呈現的方式。                   11.

計網中心 編製                      Page 34
3-3. 內容管理 - 建立內容介紹 (3/3)
      Book page 、一般文章、頁面 之預設差異


           建立內容預設差
                              回應設定        發佈選項
              異
             Book page
                         可以發表回應         已發表
            ( 手冊頁面 )
                                        已發表
             一般文章        可以發表回應
                                        推薦到首頁

               頁面        停用             已發表




計網中心 編製                       Page 35
Unit 4: Drupal 的模組應用
          4-1. 最新消息設定        4-5. 行事曆設定
          4-2. 製作相簿功能        4-6. 管理者權限設定
          4-3. 檔案下載功能        4-7. 網站地圖建立
          4-4. 討論區設定




計網中心 編製                Page 36
4-1. 最新消息的設定 - 新增訊息 (1/3)
新增一筆資訊可直接發布於首頁
步驟 1 :首先進入 管理 > 建立內容 > 頁面
步驟 2 :進入「建立頁面」,請編輯以下資訊先依序填入 1. 標題 2. 選單連結標題      3.
上層項目… ( 續下頁 )

      點此進入「建立頁面」




                                    1. 編輯 標題




                                  2. 編輯 選單連結標題




                             3. 編輯 上層項目



    由於上層項目是最新消息,所以存檔後點選單最新消息即可看見所發布文章

計網中心 編製                 Page 37
4-1. 最新消息的設定 - 新增訊息 (2/3)
續步驟 2 : 4. 內文   5. 發布選項 ( 需勾選已發表、推薦到首頁 ) 6. 按下儲存鈕




                       4. 編輯 內文




                                         5. 需勾選「已發表」、
                                         「推薦到首頁」



                                       最後按下儲存鈕




計網中心 編製                      Page 38
4-1. 最新消息的設定 - 新增訊息 (3/3)
儲存後即可在右邊欄看到所設定的區塊。




計網中心 編製          Page 39
4-1. 最新消息的設定 - 訊息管理 (1/3)
管理網站發布於首頁訊息之異動
步驟 1 :首先進入 管理 > 內容管理 > 內容
步驟 2 :進入內容頁面,請選擇「狀態」,為「 已推薦到首頁」,再按下過濾鈕 。




                              步驟 2




   步驟 1




計網中心 編製             Page 40
4-1. 最新消息的設定 - 訊息管理 (2/3)
步驟 3 :過濾後篩選出的則為「已推薦到首頁」的消息,並可勾選需編輯之消息 ( 反藍顯
示 ) ,下拉更新選項做多樣式處理,選擇完後再按更新鈕即可。




計網中心 編製              Page 41
4-1. 最新消息的設定 - 訊息管理 (3/3)
步驟 4 :若要更新或修正最新消息的內容訊息,可直接點選個別訊息之標題,或是點選個別
訊息之編輯字樣。




◎ 點選標題:則會由文章檢視模式進入。        ◎ 點選編輯:則會從文章編輯模式進入。




計網中心 編製               Page 42
4-2. 相簿功能製作 - 新增相簿分類 (1/3)
先建立相簿分類

 步驟 1 :首先進入 管理 > 內容管理 > Image galleries
 步驟 2 :點選 Add galley 以新增相簿分類




              步驟 1
                                          步驟 2




計網中心 編製                    Page 43
4-2. 相簿功能製作 - 新增相簿分類 (2/3)
步驟 3 : Edit image gallery
表單填寫 ( 有星號為必填 )
                            1.
1. 請輸入分類名稱 ( 必填 )
                            2.
2. 輸入分類說明
3. 下拉選擇上層選單
4. 下拉決定分類順序
5. 最後按下儲存鈕,即可建立新
分類。                         3.

                            4.


                            5.



 計網中心 編製                         Page 44
4-2. 相簿功能製作 - 新增相簿分類 (3/3)
以下是我們建立的新圖片類別




 若需再做其他相簿的分類,則再點選 Add gallery 來新增分類 ( 請參考上一頁做法 ) 。
    以下是新增”活動 1” 分類將上層選定為”相簿”




              ” 活動 1” 分類則為”相簿”的子分類




 計網中心 編製                             Page 45
4-2. 相簿功能製作 - 查詢相簿路徑
 注意:由於下一階段要時做相簿選單時,需先取得分類的連結。
   請先進入 管理 > 內容管理 >Image galleries




                        滑鼠移到相簿看左下方連結




   記下網站後 image 的路徑,此路徑為該相簿分類呈現的路徑。

      EX: 此相簿的路徑為 image/tid/9



計網中心 編製                  Page 46
4-2. 相簿功能製作 - 新增相簿選單 (1/3)
建立相簿選單
步驟 1 :首先進入 管理 > 網站建置 > 選單 >Menu
步驟 2 :點選 新增選單項目 以新增相簿分類



                               步驟 2




          步驟 1




計網中心 編製                  Page 47
4-2. 相簿功能製作 - 新增相簿選單 (2/3)
步驟 3 :選單設定表單填寫 ( 有星號
為必填 )
                       1.
1. 路徑:請參照查詢相簿分類的路
徑                       2.
( 必填 )
                       3.
2. 輸入選單連結標題 ( 必填 )
3. 輸入選單說明
                        4.
4. 選單是否啟用
                        5.
5. 選單是否展開
                        6.
6. 下拉選定上層項目
7. 下拉決定選單的順序            7.
8. 最後按下儲存鈕,即可建立新相簿
選單。                    8.

 計網中心 編製                     Page 48
4-2. 相簿功能製作 - 新增相簿選單 (3/3)
   以下是我們建立的相簿選單




計網中心 編製           Page 49
4-2. 相簿功能製作 - 上傳相簿圖片 (1/3)
 上傳相簿圖片

步驟 1 :首先點選 管理 > 建立內容 >Image
步驟 2 :下拉選擇要存放的相簿分類
步驟 3 :點選 圖片 + 號 則會出現瀏覽視窗,可一次選取多數要上傳的相片


                 步驟 3




          步驟 1
                    步驟 2




計網中心 編製                    Page 50
4-2. 相簿功能製作 - 上傳相簿圖片 (2/3)
步驟 4 :選取圖片上傳後請按儲存。
步驟 5 :接下來再點選” Next step” 。
步驟 6 :接下來圖片會陸續上傳,可鍵入各圖片的
   標題與內文。
步驟 7 :最後按下” Done Editing” 即完成上傳。


            步驟 4
                                步驟 6




          步驟 5



                                       步驟 7




計網中心 編製                   Page 51
4-2. 相簿功能製作 - 上傳相簿圖片 (3/3)
點選活動剪影即可看到設定的分類相簿,再點子相簿標題即可看到圖片全覽。




計網中心 編製          Page 52
4-2. 相簿功能製作 - 設定每頁圖片的數量
 設定每頁圖片的數量

步驟 1 :點選 管理 > 網站設定 >Images
步驟 2 :點選” Image galley” 標籤。
步驟 3 :由此可更改每頁圖片的數量。




計網中心 編製                   Page 53
4-3. 檔案下載功能 - 顯示檔案下載
  步驟 1 :到 管理 > 網站建置 > 選單,使在清單中顯示檔案下載連結頁面。
  步驟 2 :在上列選單功能中選擇新增選單項目。
  步驟 3 :在路徑中輸入 filedownload ,並且輸入選單連結標題和說明(可省略),最
     後按下儲存鈕。




                                           步驟 3
    結果如下圖:
                   顯示畫面




                    點選

計網中心 編製                   Page 54
4-3. 檔案下載功能 - 檔案下載管理 (1/3)
 新增檔案下載檔案

  步驟 1 :到 建立內容 > 檔案,新增要下載的檔案。
  步驟 2 :分別輸入標題 , 選擇檔案類型和上傳要下載的檔案。
  步驟 3 :完成後按下儲存鈕。
  P.S. Add another item 功能為再增加一個上傳檔




                                       步驟 2
   多加上傳檔




計網中心 編製                      Page 55
4-3. 檔案下載功能 - 檔案下載管理 (2/3)
 檔案類型異動

   檔案類型(如下圖)目的是在做檔案的分類以方便做分群,所以如要新增或異動檔
   案類型,則必須到分類中做更改。


               檔案類型




    步驟 1 :到 管理 > 內容管理 > 分類,新增或異動檔案類型。
    步驟 2 : 選擇檔案類型的列出次分類。


                                        步驟 2




計網中心 編製                Page 56
4-3. 檔案下載功能 - 檔案下載管理 (3/3)
   步驟 3 :可以在要更改的分類中點選編輯,來更改該次分類的內容。或者選擇上
   列選    項功能中的增加次分類,來增加檔案類型。



                       新增次分類




                               分類更改




計網中心 編製             Page 57
4-3. 檔案下載功能 - 錯誤訊息
     注意 : 在上傳檔案時 , 如果出現錯誤訊息 , 其上傳的檔名可能跟之前上傳檔名有重
     覆 , 必須另取檔名。




                                         檔名重覆




計網中心 編製                 Page 58
4-4. 討論區設定 - 建立討論區 (1/3)

     步驟 1 :到 管理 > 內容管理 > 討論區,新增討論分區和討論版。
     步驟 2 :在上列功能選單中選擇增加討論分區。
     步驟 3 :分別輸入分區名稱,和分區說明(可省略 ) 。




                      步驟 2


                                           步驟 3




計網中心 編製 Page 59
4-4. 討論區設定 - 建立討論區 (2/3)
  步驟 4 :上層設定中,以 root 為該討論區上層,權重使用預設(可依需求設定 ) 。
  步驟 5 :最後按下儲存鈕 (save) 存儲設定。

                      步驟 4




      步驟 5




  步驟 6 :完成之後再選擇上列功能選單中的增加討論版,分別輸入討論版名稱和說明。
                                       步驟 6




                                              步驟 6




計網中心 編製                      Page 60
4-4. 討論區設定 - 建立討論區 (3/3)
     步驟 7 :在上層設定中,選擇之前新增的討論區,而權重依需求設定。
     步驟 8 :最後完成設定,並按下儲存鈕 (Save) 。



                         步驟 7




                  步驟 8




計網中心 編製                         Page 61
4-4. 討論區設定 - 新增討論版內容
  步驟 1 :到 建立內容 > 論壇標題( Forum topic ),建立討論版主題。
  步驟 2 :輸入討論主旨,並且選擇此主題要分類到那一個討論版,和輸入討論內容。
  步驟 3 :最後按下儲存鈕( save ),完成編輯。


                   步驟 2




計網中心 編製                   Page 62
4-4. 討論區設定 - 連結討論版 (1/2)
     步驟 1 :到 管理 > 網站建置 > 選單,進行連結論壇的動作。
     步驟 2 :在上列選單功能中選擇新增選單項目。
     步驟 3 :在路徑中輸入 forum ,並且輸入選單連結標題,最後按下儲存鈕。




                                   步驟 3




計網中心 編製                Page 63
4-4. 討論區設定 - 連結討論版 (2/2)


                               點選




                                    連結到討論區




計網中心 編製              Page 64
4-5. 行事曆設定 - 區塊顯示 (1/2)
     步驟 1 :到管理 > 網站建置 > 區塊,使在區塊中顯示行事曆。
     步驟 2 :在停用清單中找尋 Calendar ,並且選擇要顯示在那一個區塊。
     步驟 3 :完成後按下區塊儲存鈕。




                                          步驟 2




計網中心 編製                  Page 65
4-5. 行事曆設定 - 區塊顯示 (2/2)
     最後行事曆顯示在區塊之中,並且可以點選日期來呈現該行事曆。




              點選




計網中心 編製             Page 66
4-5. 行事曆設定 - 選單顯示 (1/2)
    步驟 1 :到管理 > 網站建置 > 選單,進行行事曆連結的動作。
    步驟 2 :在上列選單功能中選擇新增選單項目。
    步驟 3 :在路徑中輸入 calendar-date ,並且輸入選單連結標題,最後按下儲存鈕。




                                      步驟 3




計網中心 編製                  Page 67
4-5. 行事曆設定 - 選單顯示 (2/2)
     最後行事曆顯示在選單之中,點選清單項目後就可以顯示行事曆。



    點選




計網中心 編製             Page 68
4-5. 行事曆設定 - 新增行程 (1/2)
     步驟 1 :到建立內容 > 日期,新增行事曆內容。
     步驟 2 :輸入行程標題( Title )和行程日期。



                                      步驟 2




     步驟 3 :在內容中輸入詳細行程(可省略 ) 。

                                   步驟 3




計網中心 編製                  Page 69
4-5. 行事曆設定 - 新增行程 (2/2)
     最後可在行事曆顯示所輸入的行程,點選該行程就可以看到詳細內容。




     新增的行程




計網中心 編製             Page 70
4-6. 使用者設定 - 使用者管理 (1/2)
步驟 1 :到管理 > 使用者管理 > 使用者(可以對使用者進行新增、刪除和更改 ) 。
步驟 2 :在上列功能選項中,選擇新增使用者。
步驟 3 :並輸入欲新增的使用者相關資料。
步驟 4 :在狀態功能中選擇預設值(啟用),其功能是決定使用者可否利用此帳號來做登入
。
步驟 5 :選擇角色,來決定該使用者使用網站權限。其中有一個選項通知使用者有了新帳號
,
                       步驟 2
   其功能為新增該使用者後,用 e-mail 通知已新使該帳號。
                                        步驟 3




                步驟 4



                  步驟 5




計網中心 編製                       Page 71
4-6. 使用者設定 - 使用者管理 (2/2)
    步驟 6 :最後按下註冊新帳號,完成新增使用者。之後選擇上列選項功能中的清

      單( list ),可看到所使增的使用者。

  新增的使用者




    P.S. 可在使用者清單中的編輯( edit ),對使用者帳號做刪除或更改的動作。




計網中心 編製                 Page 72
4-6. 使用者設定 - 新增角色 (1/3)
 步驟 1 :到管理 > 使用者管理 > 角色(可以對使用者置配不同角色,讓使用者依所配置
 的
   角色而有不同權限 ) 。
 步驟 2 :在名稱欄位中( Name ),輸入所要新增的角色名稱,並按下新增角色。



                                    步驟 2




步驟 3 :點選編輯權限連結,對所新增的角色進度權限設定。
                                           步驟 3




計網中心 編製              Page 73
4-6. 使用者設定 - 新增角色 (2/3)
      步驟 4 :對所新增的角色進行權限設定,最後儲存權限設定。




                                         步驟 4


   P.S. 之後可以到使用管理者管理使用者中的使用者編輯,套用所新增的角色。




計網中心 編製               Page 74
4-6. 使用者設定 - 新增角色 (3/3)
          另外也可以到 管理 > 使用者管理 > 權限 設定各角色的權限。
           




                     設定各使用者權限




計網中心 編製                     Page 75
4-6. 使用者設定 - 套用角色 (1/ 1 )
步驟 1 :到管理 > 使用者管理 > 使用者。
步驟 2 :點選使用者列表,並且在要套用角色的使用者 ( 如 :user) ,點選編輯。




                                          步驟2




步驟 3 :進入使用者帳號資料後 , 在帳號資訊之中有角色清單,然後勾選要套用的角色,
最
後儲存,完成套用色角的動作。
               步驟3




計網中心 編製                Page 76
4-7. 網站地圖建立 - 設定 site map 資訊 (1/5)
設定 site map 資訊
步驟 1 :首先進入 管理 > 網站設定 > Site map
步驟 2 :設定 sitemap 的相關資訊
                                    步驟 2 :設定 site map 資訊




          步驟 1




計網中心 編製                   Page 77
4-7. 網站地圖建立 - 設定 site map 資訊 (2/5)

  Site map message


 1. 輸入網站地圖敘述 ( 中文語系 )
 2. 輸入網站地圖敘述 ( 英文語系 )
                      1.




                      2.




計網中心 編製                    Page 78
4-7. 網站地圖建立 - 設定 site map 資訊 (3/5)
 Site map content            1.
                              2.
1. 是否顯示首頁
                              3.
2. 是否顯示 active blog 作者
3. 選擇顯示那些 book 至 site map
                              4.
4. 選擇顯示那些選單 ( 中文語系 ) 到
sitemap
5. 選擇顯示那些選單 ( 英語語系 ) 到        5.
sitemap
6. 是否顯示 FAQ 內容                6.
7. 選擇顯示那些分類到 sitemap
                              7.
8. 是否包含 CSS file( 勾選表示不包含 )
                              8.


計網中心 編製                            Page 79
4-7. 網站地圖建立 - 設定 site map 資訊 (4/5)
 Site map settings

1. 是否顯示此分類內的數量         1.
2. 分類深度
  all: 顯示所有分類與子分類      2.
  0: 不顯示子分類
 -1: 不顯示分類

3. 分類數限 ( 設 -1 則無效 )
                       3.
4. 論壇數限 ( 設 -1 則無效 )

                       4.




計網中心 編製                     Page 80
4-7. 網站地圖建立 - 設定 site map 資訊 (5/5)
 RSS settings

1. 首頁 RSS 的預設檔案
                                   1.
2.RSS 連結
  none: 不使用
  Include on the right side: 含右欄   2.
 Include on the left side: 含左欄

3.RSS 深度                           3.
 all :含所有的 RSS
  0 :不含個子類別 RSS


4. 最後請按儲存設定鈕
                                    4.




計網中心 編製                            Page 81
4-7. 網站地圖建立 - 設 site map 連結 (1/3)
 步驟 1 :首先點選 管理 > 網站建置 > 選單 > 導覽
 步驟 2 :請點選 site map 編輯鈕




                                  步驟 2
  步驟 1




計網中心 編製                 Page 82
4-7. 網站地圖建立 - 設 site map 連結 (2/3)
 步驟 3 :編輯選單項目


 1. 填入選單連結標題 ( 必填 )
 2. 填入說明
                      1.
 3. 勾選是否啟用
 4. 勾選是否展開            2.
 5. 下拉選擇上層項目
 6. 下拉選擇順序            3.
 7. 最後按下儲存鈕           4.
                      5.
                       6.

                      7.


計網中心 編製                     Page 83
4-7. 網站地圖建立 - 設 site map 連結 (3/3)
 首頁即可看到網站地圖連結




  網站地圖內容呈現




計網中心 編製          Page 84
Unit 5: Drupal 樣板更新




計網中心 編製           Page 85
5-1. 如何更新版面 (1/2)
  步驟 1 :到管理 > 使網站建置 > 版型,可更改網站版面。
  步驟 2 :選擇上列選單功能的列表,在列表中有不同版型,可以選擇套用不同版型。
  步驟 3 :選擇一個版型,然後在操作欄中點選預設,則網站版面以這版型為主。


                                          預設版面




計網中心 編製               Page 86
5-1. 如何更新版面 (2/3)
   如果在版型選項中只勾選啟用,而不點選預設的話,該版型只是被啟用,而不是被網站
  所套用,其功能為可預覽版型樣式。
                                    啟用




  如到 管理網站建置區塊 中會出現所勾選啟用的版型,點選之後可以預覽版型,能
 夠用來幫助決定要使用什麼版型樣式。
                                  版型變換
                啟用的版型




                        點選版型




計網中心 編製                 Page 87
5-1. 如何更新版面 (2/3)
       在版型上列選項功能中的設定,可以設定一些版型中內容的呈現。

                    版面設定




計網中心 編製              Page 88

More Related Content

Similar to 操作手冊

Jimdo tutorial
Jimdo tutorialJimdo tutorial
Jimdo tutorial
shiyanqing
 
P6 User 概述与配置
P6 User 概述与配置P6 User 概述与配置
P6 User 概述与配置epst
 
2011 blog 1
2011 blog 12011 blog 1
2011 blog 1HsiuKuan
 
Google Sites
Google SitesGoogle Sites
Google Sites
yunjuli
 
Andriod pattern
Andriod patternAndriod pattern
Andriod patternfanhuazju
 
Mes 分析 第六週
Mes 分析 第六週Mes 分析 第六週
Mes 分析 第六週信宏 陳
 
NPO 網站改造觀摩賽 - Day 3 - Joomla Team Report by Eddy Chang
NPO 網站改造觀摩賽 - Day 3 - Joomla Team Report by Eddy ChangNPO 網站改造觀摩賽 - Day 3 - Joomla Team Report by Eddy Chang
NPO 網站改造觀摩賽 - Day 3 - Joomla Team Report by Eddy Chang
Charles Chuang
 
3-5如何將數位之牆的[部落輪播]功能放入Google的部落格(HTML/JavaScript網頁元素)
3-5如何將數位之牆的[部落輪播]功能放入Google的部落格(HTML/JavaScript網頁元素)3-5如何將數位之牆的[部落輪播]功能放入Google的部落格(HTML/JavaScript網頁元素)
3-5如何將數位之牆的[部落輪播]功能放入Google的部落格(HTML/JavaScript網頁元素)
p_yang
 
Star team工具操作指南
Star team工具操作指南Star team工具操作指南
Star team工具操作指南George Holmes
 
Mdx解决方案(第二版)笔记
Mdx解决方案(第二版)笔记Mdx解决方案(第二版)笔记
Mdx解决方案(第二版)笔记
zhejiang university
 
6 wordpress教學 - 蔡宗翰
6 wordpress教學 - 蔡宗翰6 wordpress教學 - 蔡宗翰
6 wordpress教學 - 蔡宗翰
HCGO
 
Axure pro rp 6 軟體分享
Axure pro rp 6 軟體分享Axure pro rp 6 軟體分享
Axure pro rp 6 軟體分享Winnie Chiang
 
Umbraco 培训讲义
Umbraco   培训讲义Umbraco   培训讲义
Umbraco 培训讲义forlinux
 
P6 User 应用参照项目
P6 User 应用参照项目P6 User 应用参照项目
P6 User 应用参照项目epst
 
3-6如何在部落格中出現標籤區,讓使用者根據標籤找文章
3-6如何在部落格中出現標籤區,讓使用者根據標籤找文章3-6如何在部落格中出現標籤區,讓使用者根據標籤找文章
3-6如何在部落格中出現標籤區,讓使用者根據標籤找文章
p_yang
 
Dreamweaver mx2004
Dreamweaver mx2004Dreamweaver mx2004
Dreamweaver mx2004
oldtaotao
 
Axure功能培训
Axure功能培训Axure功能培训
Axure功能培训rosa qin
 
3-5如何將Google Talk視窗嵌入到Google提供的部落格(Blogger)
3-5如何將Google Talk視窗嵌入到Google提供的部落格(Blogger)3-5如何將Google Talk視窗嵌入到Google提供的部落格(Blogger)
3-5如何將Google Talk視窗嵌入到Google提供的部落格(Blogger)
p_yang
 
Drupal7第三堂
Drupal7第三堂Drupal7第三堂
Drupal7第三堂Hen Chen
 

Similar to 操作手冊 (20)

Jimdo tutorial
Jimdo tutorialJimdo tutorial
Jimdo tutorial
 
P6 User 概述与配置
P6 User 概述与配置P6 User 概述与配置
P6 User 概述与配置
 
Cadence
CadenceCadence
Cadence
 
2011 blog 1
2011 blog 12011 blog 1
2011 blog 1
 
Google Sites
Google SitesGoogle Sites
Google Sites
 
Andriod pattern
Andriod patternAndriod pattern
Andriod pattern
 
Mes 分析 第六週
Mes 分析 第六週Mes 分析 第六週
Mes 分析 第六週
 
NPO 網站改造觀摩賽 - Day 3 - Joomla Team Report by Eddy Chang
NPO 網站改造觀摩賽 - Day 3 - Joomla Team Report by Eddy ChangNPO 網站改造觀摩賽 - Day 3 - Joomla Team Report by Eddy Chang
NPO 網站改造觀摩賽 - Day 3 - Joomla Team Report by Eddy Chang
 
3-5如何將數位之牆的[部落輪播]功能放入Google的部落格(HTML/JavaScript網頁元素)
3-5如何將數位之牆的[部落輪播]功能放入Google的部落格(HTML/JavaScript網頁元素)3-5如何將數位之牆的[部落輪播]功能放入Google的部落格(HTML/JavaScript網頁元素)
3-5如何將數位之牆的[部落輪播]功能放入Google的部落格(HTML/JavaScript網頁元素)
 
Star team工具操作指南
Star team工具操作指南Star team工具操作指南
Star team工具操作指南
 
Mdx解决方案(第二版)笔记
Mdx解决方案(第二版)笔记Mdx解决方案(第二版)笔记
Mdx解决方案(第二版)笔记
 
6 wordpress教學 - 蔡宗翰
6 wordpress教學 - 蔡宗翰6 wordpress教學 - 蔡宗翰
6 wordpress教學 - 蔡宗翰
 
Axure pro rp 6 軟體分享
Axure pro rp 6 軟體分享Axure pro rp 6 軟體分享
Axure pro rp 6 軟體分享
 
Umbraco 培训讲义
Umbraco   培训讲义Umbraco   培训讲义
Umbraco 培训讲义
 
P6 User 应用参照项目
P6 User 应用参照项目P6 User 应用参照项目
P6 User 应用参照项目
 
3-6如何在部落格中出現標籤區,讓使用者根據標籤找文章
3-6如何在部落格中出現標籤區,讓使用者根據標籤找文章3-6如何在部落格中出現標籤區,讓使用者根據標籤找文章
3-6如何在部落格中出現標籤區,讓使用者根據標籤找文章
 
Dreamweaver mx2004
Dreamweaver mx2004Dreamweaver mx2004
Dreamweaver mx2004
 
Axure功能培训
Axure功能培训Axure功能培训
Axure功能培训
 
3-5如何將Google Talk視窗嵌入到Google提供的部落格(Blogger)
3-5如何將Google Talk視窗嵌入到Google提供的部落格(Blogger)3-5如何將Google Talk視窗嵌入到Google提供的部落格(Blogger)
3-5如何將Google Talk視窗嵌入到Google提供的部落格(Blogger)
 
Drupal7第三堂
Drupal7第三堂Drupal7第三堂
Drupal7第三堂
 

操作手冊

  • 2. 使用手冊學習目標 ◎ Unit 1: Drupal 簡介 ◎ Unit 2: Drupal 配置介紹 ◎ Unit 3: Drupal 基本設定 ◎ Unit 4: 網站模組應用 ◎ Unit 5: 版面更新設定 計網中心 編製 Page 2
  • 3. Unit 1: Drupal 簡介 計網中心 編製 Page 3
  • 4. 1.Drupal 簡介 (1/2) Drupal 的名稱源起荷蘭語 druppel( 水滴 ) 之意,是一套開放源碼的內容管 理平台 (CMS) ,以高擴展性的核心架構搭配各式模組方式,能完成各種複 雜功能需求,可以用來建置從個人網誌到大型網路社群等各種類型的網站 。 Drupal 的特色  高擴展性模組化 Drupal 具有苗條而強大核心,可以很容易進行功能擴充。  多角色權限配置 管理員可藉由分配權限給予不同角色近而達權限控管的功能。  有效率的平台 Drupal 具有極佳性能,只進行最小化的資料庫調用,同時兼容多種資料庫。 計網中心 編製 Page 4
  • 5. 1.Drupal 簡介 (2/2) Drupal 相關資訊可參考以下連結  Drupal 官方網站 (http://drupal.org/ )  Drupal 台灣社區 (http://drupaltaiwan.org/)  JOE 的 Drupal 教學 (http://www.joetsuihk.com/drupal)  阿舍的 Drupal 架站經驗談( http://drupal.soa.tw/ ) Drupal 網站平台範例  哈佛大學 (http://harvardscience.harvard.edu/)  國立高雄師範大學圖書館 (http://140.127.53.222/lib/)  Drupal 繁體中文網站秀 (http://drupaltaiwan.org/image/tid/23) 計網中心 編製 Page 5
  • 6. Unit 2: Drupal 配置介紹 計網中心 編製 Page 6
  • 7. 2.Drupal 配置介紹 (1/3) 主選單 主選單 主選單通常是顯示在版型上,引導 使用者到網站的主要單元,使用者 必須自行訂義內容。 自訂選單 導覽選單 導覽選單是由 Drupal 所提供,並且 導覽選單 可以是任何網站的主要介面選單。 自訂選單 drupal 提供客制化選單功能,讓使 用者自訂選單。 區塊 內容 顯示 drupal 資料內容的區域。 區塊 設定區塊內容出現在網站的邊欄或 其他位置。 內容區域 計網中心 編製 Page 7
  • 8. 2.Drupal 配置介紹 (2/3) 管理者選單項目 我的帳號:顯示和編輯登入者帳號資料。 建立內容 Book page :一個內容頁面,能夠自動顯示連結到相鄰 的頁面,並且有一個簡單的導覽系統來組織和檢視結構性 的內容。 Image :可新增圖片內容。 一般文章:可以用來建立網站內容,其跟頁面很相似, 只是預設開放讓使用者回應功能。 日期:可新增事件至行事曆中。 檔案 : 新增電子下載檔案 , 供使用者下載。 討論版主題:討論主題是討論版裡發起新討論的文章。 導覽選單 頁面:頁面跟一般文章很相似,建立並呈現不常更新的 資訊,其預設不開放回應,也不會出現在網站首頁。 計網中心 編製 Page 8
  • 9. 2.Drupal 配置介紹 (3/3) 管理者管理選項功能 內容管理:網站內容的異動與管理。 網站建置:控制網站的外觀。 網站設定:調整基本的網站設定選項。 使用者管理:管理網站的使用者、群組 , 以及網站功能的存取方式。 報告:檢視系統日誌和其他狀態資訊的報告。 說明:網站功能模組的說明與設定。 管理者管理選單功能 計網中心 編製 Page 9
  • 10. Unit 3: Drupal 基本設定 3-1. 選單管理 3-2. 區塊管理 3-3. 內容管理 計網中心 編製 Page 10
  • 11. 3-1. 選單管理 - 新增選單 (1/5) 步驟 1 :到管理 > 網站建置 > 選單。 步驟 2 :在選單中的上列選項,選擇增加選單。 步驟 3 :在選單名稱之中輸入選單名稱 ( 此選單的名稱只能由小寫字母、數字和連字 號所組成,這個文字會被用來當做或者構成這個選單在 選單一覽頁面中的網址 ) 。       步驟 4 :輸入標題名稱(將顯示在選單上面的名稱 ) 。 步驟 5 :可加入說明此選單功用 ( 可省略 ) 。 步驟 6 :最後按下儲存鈕。 步驟 2 步驟 3 步驟 4 步驟 5 步驟 6 計網中心 編製 Page 11
  • 12. 3-1. 選單管理 - 新增選單 (2/5) 步驟 7 :儲存完畢後,選擇上列選項的新增選單項目。 步驟 8 :在路徑欄中,輸入選單項目要連結的頁面 ( 例: node/1 內容路徑、 http://www.stut.edu.tw 或 <front> 連結到網站首頁)。 步驟 9 :輸入選單連結標題,將顯示在選單項目中的名稱。 步驟 10 :針對選單項目加以說明 ( 可省略 ) 。 步驟 7 步驟 8 步驟 9 步驟 10 計網中心 編製 Page 12
  • 13. 3-1. 選單管理 - 新增選單 (3/5) 步驟 11 :選擇上層項目,目的為選擇所新增的項目為某項目的子項目 ( 此範例選 擇自行新增的 Menu 為上層項目 ) 。 步驟 12 :完成後按下儲存鈕。 步驟 11 步驟 12 上圖另外有啟用、展開和順序功能,分別為啟用選單、展開下層選單和權重(用來 決定項目顯示順序),可依需求使用。 計網中心 編製 Page 13
  • 14. 3-1. 選單管理 - 新增選單 (4/5) 步驟 13 :最後再按下儲存設定。 步驟 13 步驟 14 :到 管理網站建置區塊,至停用清單中找尋之前所新增的 Menu 選單 。 步驟 14 計網中心 編製 Page 14
  • 15. 3-1. 選單管理 - 新增選單 (5/5) 步驟 15: 選擇所新增的選項要顯示到那一個網站區塊 ( 本範例選擇左欄 ) 。 步驟 15 步驟 16: 選擇左欄之後,會在區塊清單之中的左欄顯示新增的 Menu 清單,最後按 下儲存區塊,完成新增選單動作。 步驟 16 結果 計網中心 編製 Page 15
  • 16. 3-1. 選單管理 - 刪除選單 步驟 1 :到管理 > 網站建置 > 選單,並點選要刪除的選單。 步驟 2 :點選上列選項功能的編輯選單,可做標題或說明的內容更改。 步驟 3 :最後按下儲存鈕更改內容,或者刪除鈕刪除選單(例如: Menu 選單 ) 。 步驟 1 步驟 2 步驟 3 計網中心 編製 Page 16
  • 17. 3-1. 選單管理 - 選單項目異動 (1/3) 更改選單項目 步驟 1 :到管理 > 網站建置 > 選單,選擇要異動的選單(本範例選擇 Menu) 。 步驟 1 步驟 2 :在選單項目清單中,選擇要編輯的選單項目,然後按編輯,就可以更改 該選單項目;如按刪除則刪除該選單項目。 步驟 2 計網中心 編製 Page 17
  • 18. 3-1. 選單管理 - 選單項目異動 (2/3) 更改選單項目排列順序 在要變更的選單項目前方十字圖形,利用拖曳的方式更改想要的位置,最後按下儲 存設定。 向內移 十字圖形 拖曳 向下移 原選單 一 二 結果 計網中心 編製 Page 18
  • 19. 3-1. 選單管理 - 選單項目異動 (3/3) 選單項目的啟用和展開 啟用功能:隱藏或關閉選單項目。 關閉活動剪影選單項目 展開功能:直接展開該項目的子項目,不必經由點選才展開子項目。 展開最新消息的子項目 計網中心 編製 Page 19
  • 20. 3-2. 區塊管理 - 區塊介紹 ‧ 透過區塊的編排可以任意改變網站呈現方式 區塊 (Block) 區塊可包含許多不同型態的訊息 ( 如選單 . 模組或自定義 的靜態顯示訊息等 ) ,透過區塊管理頁面可安排區塊的上 下順序或左右位置,或顯示與否。 區塊 1 區塊的型態範例 : 選單類型 模組類型 顯示訊息 區塊 2 計網中心 編製 Page 20
  • 21. 3-2. 區塊管理 - 新增區塊 (1/4) 如何新增區 塊 步驟 1 :請先點選 管理 > 網站建置 > 區塊 步驟 2 :再點選「增加區塊」,進入到增加區塊頁面。 點此增加區塊 計網中心 編製 Page 21
  • 22. 3-2. 區塊管理 - 新增區塊 (2/4) 步驟 3 :請先依序填入 1. 區塊說明 2. 區塊標題 3. 區塊內容 4. 最後按下儲存鈕 。 1. 填入區塊說明 2. 填入區塊標題 3. 填入區塊內容 4. 最後按下儲存鈕 計網中心 編製 Page 22
  • 23. 3-2. 區塊管理 - 新增區塊 (3/4) 步驟 5 :由於新增的區塊預設會在停用區,請到停用區找新增區塊,再下拉選擇存放的位 置,選擇完新增區塊後即會跳到所設定的欄位,最後按下儲存鈕即可新增區塊。 ‧ ‧ 下拉選擇要放置區塊的位置 ‧ 區塊列表上的右欄即出現新增區塊 最後按下儲存鈕 計網中心 編製 Page 23
  • 24. 3-2. 區塊管理 - 新增區塊 (4/4) 儲存後即可在右邊欄看到所設定的區塊。 計網中心 編製 Page 24
  • 25. 3-2. 區塊管理 - 區塊的異動 刪除 / 停用 / 移動 區塊的方法如下 (1) 刪除 :直接點選刪除即可刪除區塊。 (2) 下拉式選單:選擇 < 無 > ,即可停用該區塊。 (3) 移動區塊:選擇區塊右欄的十字圖形可上下移動順序及擺放的位置。 (3) 移動區塊 (1) 點選刪除鈕 (2) 下拉式選單選 < 無 > 計網中心 編製 Page 25
  • 26. 3-3. 區塊管理 - 自訂區塊內容 步驟 1: 到管理網站建置區塊 步驟 2: 在右邊區塊內容中的選擇功能項目中,選擇增加區塊 功能 步驟 2 Here comes your footer  Page 26
  • 27. 3-3. 區塊管理 - 自訂區塊內容 步驟 3: 分別輸入區塊說明和區塊標題 ,區塊說明是將顯示此區塊說    明於區塊總覽中;而區塊標題則為顯示給使用者看的標題。 步驟 4: 在區塊內容中,可以利用編輯器編輯區塊成想要顯示的內容,也可以貼    上 html 原始碼來客製區塊內容,在這範例以貼上 html 原始碼來客製區塊內容。 步驟3 步驟 4 Here comes your footer  Page 27
  • 28. 3-3. 區塊管理 - 自訂區塊內容 步驟 5: 點選區塊內容中編輯器的原始碼功能。 步驟 6: 可將要顯示在區塊內的的 html 原始碼貼在編輯器內容中 ( 在這以 google 提供的 美女   報時器做為區塊內容 ) 。 步驟 5 步驟 6 Here comes your footer  Page 28
  • 29. 3-3. 區塊管理 - 自訂區塊內容 步驟 7: 完成後按下儲存鈕。 步驟 8: 到區塊總覽,在停用區段中找尋剛剛自訂的區塊。 步驟 9: 將自訂的區塊選擇要顯示在那個欄位,此範例選擇左欄。 步驟 8 步驟 9 Here comes your footer  Page 29
  • 30. 3-3. 區塊管理 - 自訂區塊內容 步驟 11: 完成後按下儲存鈕,之後左欄將會出現自訂的區塊內容。 步驟 11 Here comes your footer  Page 30
  • 31. 3-3. 內容管理 - 管理介面介紹 (1/2) 內容管理介紹 點選 管理 > 內容管理 內容管理會依安裝模組而有不同 項目呈現,各內容項目下方均有 簡單介紹以了解項目功能。 以下內容管理項目:  Image galleries 請參考 4-2 相簿功能製作  討論區 請參考 4-4 討論區設定 計網中心 編製 Page 31
  • 32. 3-3. 內容管理 - 管理介面介紹 (2/2) 網站頁面內容的管理 1. 點 管理 > 內容管理 > 內容 1. 進入 2. 過濾方式 - 可條件式搜尋內容 (1) 先選擇狀態、類型、分類、 2. 語言等過濾類型。 (2) 再下拉選擇過濾條件。 (3) 按過濾鈕。 3. 更新方式 - 可一次更新多項內 容 (1) 勾選下方內容項目。 3. (2) 下拉選擇更新條件。 (3) 按更新鈕。 4. 4. 內容項目 - 編輯更新個別內容 (1) 點項目標題可到內容檢視頁面 (2) 點項目編輯可到內容編輯頁面 計網中心 編製 Page 32
  • 33. 3-3. 內容管理 - 建立內容介紹 (1/3) 建立內容介紹 點選 > 內容管理 建立內容會依安裝模組而有不同 項目呈現,各內容項目下方均有 簡單介紹以了解項目功能。 以下建立內容項目: Image 請參考 4-2 相簿功能製作 日期 請參考 4-5 行事曆設定 檔案 請參考 4-3 檔案下載功能 討論版主題 請參考 4-4 討論區設定 頁面 請參考 4-1 最新消息的設定 計網中心 編製 Page 33
  • 34. 3-3. 內容管理 - 建立內容介紹 (2/3) 內容建立的常見基本欄位 每個內容建立本上均有常見以下欄位。 ( 其他欄位視模組需求 ) 1. 標題:頁面主題填寫 ( 必填 ) 。 1. 2. 選單設定:設定選單名稱與發布的選單階層。 2. 3. 內文:文章內容填寫。 3. 4. 輸入格式:基本預設為 Full HTML 。 5. 手冊大綱:可使文章建立為手冊一部分,方便有系統瀏覽。 6. 修訂版本資訊:可建立修訂版本,使用者編輯內容會留存歷史紀 4. 錄以便之後修訂參考。 5. 7. 附加檔案:可增加附件於文章頁面。 6. 8. 網址路徑設定:可建立友善網頁網址 ( 如關於我們可用 about) 7. 8. 9. 回應設定:可選擇文章是否讓瀏覽者回應。 9. 10. 作者資訊:可建立作者名稱及發佈時間。 10. 11. 發佈選項:可選擇發佈呈現的方式。 11. 計網中心 編製 Page 34
  • 35. 3-3. 內容管理 - 建立內容介紹 (3/3)  Book page 、一般文章、頁面 之預設差異 建立內容預設差 回應設定 發佈選項 異 Book page 可以發表回應 已發表 ( 手冊頁面 ) 已發表 一般文章 可以發表回應 推薦到首頁 頁面 停用 已發表 計網中心 編製 Page 35
  • 36. Unit 4: Drupal 的模組應用 4-1. 最新消息設定 4-5. 行事曆設定 4-2. 製作相簿功能 4-6. 管理者權限設定 4-3. 檔案下載功能 4-7. 網站地圖建立 4-4. 討論區設定 計網中心 編製 Page 36
  • 37. 4-1. 最新消息的設定 - 新增訊息 (1/3) 新增一筆資訊可直接發布於首頁 步驟 1 :首先進入 管理 > 建立內容 > 頁面 步驟 2 :進入「建立頁面」,請編輯以下資訊先依序填入 1. 標題 2. 選單連結標題 3. 上層項目… ( 續下頁 ) 點此進入「建立頁面」 1. 編輯 標題 2. 編輯 選單連結標題 3. 編輯 上層項目 由於上層項目是最新消息,所以存檔後點選單最新消息即可看見所發布文章 計網中心 編製 Page 37
  • 38. 4-1. 最新消息的設定 - 新增訊息 (2/3) 續步驟 2 : 4. 內文 5. 發布選項 ( 需勾選已發表、推薦到首頁 ) 6. 按下儲存鈕 4. 編輯 內文 5. 需勾選「已發表」、 「推薦到首頁」 最後按下儲存鈕 計網中心 編製 Page 38
  • 39. 4-1. 最新消息的設定 - 新增訊息 (3/3) 儲存後即可在右邊欄看到所設定的區塊。 計網中心 編製 Page 39
  • 40. 4-1. 最新消息的設定 - 訊息管理 (1/3) 管理網站發布於首頁訊息之異動 步驟 1 :首先進入 管理 > 內容管理 > 內容 步驟 2 :進入內容頁面,請選擇「狀態」,為「 已推薦到首頁」,再按下過濾鈕 。 步驟 2 步驟 1 計網中心 編製 Page 40
  • 41. 4-1. 最新消息的設定 - 訊息管理 (2/3) 步驟 3 :過濾後篩選出的則為「已推薦到首頁」的消息,並可勾選需編輯之消息 ( 反藍顯 示 ) ,下拉更新選項做多樣式處理,選擇完後再按更新鈕即可。 計網中心 編製 Page 41
  • 42. 4-1. 最新消息的設定 - 訊息管理 (3/3) 步驟 4 :若要更新或修正最新消息的內容訊息,可直接點選個別訊息之標題,或是點選個別 訊息之編輯字樣。 ◎ 點選標題:則會由文章檢視模式進入。 ◎ 點選編輯:則會從文章編輯模式進入。 計網中心 編製 Page 42
  • 43. 4-2. 相簿功能製作 - 新增相簿分類 (1/3) 先建立相簿分類 步驟 1 :首先進入 管理 > 內容管理 > Image galleries 步驟 2 :點選 Add galley 以新增相簿分類 步驟 1 步驟 2 計網中心 編製 Page 43
  • 44. 4-2. 相簿功能製作 - 新增相簿分類 (2/3) 步驟 3 : Edit image gallery 表單填寫 ( 有星號為必填 ) 1. 1. 請輸入分類名稱 ( 必填 ) 2. 2. 輸入分類說明 3. 下拉選擇上層選單 4. 下拉決定分類順序 5. 最後按下儲存鈕,即可建立新 分類。 3. 4. 5. 計網中心 編製 Page 44
  • 45. 4-2. 相簿功能製作 - 新增相簿分類 (3/3) 以下是我們建立的新圖片類別  若需再做其他相簿的分類,則再點選 Add gallery 來新增分類 ( 請參考上一頁做法 ) 。 以下是新增”活動 1” 分類將上層選定為”相簿” ” 活動 1” 分類則為”相簿”的子分類 計網中心 編製 Page 45
  • 46. 4-2. 相簿功能製作 - 查詢相簿路徑  注意:由於下一階段要時做相簿選單時,需先取得分類的連結。 請先進入 管理 > 內容管理 >Image galleries 滑鼠移到相簿看左下方連結 記下網站後 image 的路徑,此路徑為該相簿分類呈現的路徑。 EX: 此相簿的路徑為 image/tid/9 計網中心 編製 Page 46
  • 47. 4-2. 相簿功能製作 - 新增相簿選單 (1/3) 建立相簿選單 步驟 1 :首先進入 管理 > 網站建置 > 選單 >Menu 步驟 2 :點選 新增選單項目 以新增相簿分類 步驟 2 步驟 1 計網中心 編製 Page 47
  • 48. 4-2. 相簿功能製作 - 新增相簿選單 (2/3) 步驟 3 :選單設定表單填寫 ( 有星號 為必填 ) 1. 1. 路徑:請參照查詢相簿分類的路 徑 2. ( 必填 ) 3. 2. 輸入選單連結標題 ( 必填 ) 3. 輸入選單說明 4. 4. 選單是否啟用 5. 5. 選單是否展開 6. 6. 下拉選定上層項目 7. 下拉決定選單的順序 7. 8. 最後按下儲存鈕,即可建立新相簿 選單。 8. 計網中心 編製 Page 48
  • 49. 4-2. 相簿功能製作 - 新增相簿選單 (3/3) 以下是我們建立的相簿選單 計網中心 編製 Page 49
  • 50. 4-2. 相簿功能製作 - 上傳相簿圖片 (1/3) 上傳相簿圖片 步驟 1 :首先點選 管理 > 建立內容 >Image 步驟 2 :下拉選擇要存放的相簿分類 步驟 3 :點選 圖片 + 號 則會出現瀏覽視窗,可一次選取多數要上傳的相片 步驟 3 步驟 1 步驟 2 計網中心 編製 Page 50
  • 51. 4-2. 相簿功能製作 - 上傳相簿圖片 (2/3) 步驟 4 :選取圖片上傳後請按儲存。 步驟 5 :接下來再點選” Next step” 。 步驟 6 :接下來圖片會陸續上傳,可鍵入各圖片的 標題與內文。 步驟 7 :最後按下” Done Editing” 即完成上傳。 步驟 4 步驟 6 步驟 5 步驟 7 計網中心 編製 Page 51
  • 52. 4-2. 相簿功能製作 - 上傳相簿圖片 (3/3) 點選活動剪影即可看到設定的分類相簿,再點子相簿標題即可看到圖片全覽。 計網中心 編製 Page 52
  • 53. 4-2. 相簿功能製作 - 設定每頁圖片的數量 設定每頁圖片的數量 步驟 1 :點選 管理 > 網站設定 >Images 步驟 2 :點選” Image galley” 標籤。 步驟 3 :由此可更改每頁圖片的數量。 計網中心 編製 Page 53
  • 54. 4-3. 檔案下載功能 - 顯示檔案下載 步驟 1 :到 管理 > 網站建置 > 選單,使在清單中顯示檔案下載連結頁面。 步驟 2 :在上列選單功能中選擇新增選單項目。 步驟 3 :在路徑中輸入 filedownload ,並且輸入選單連結標題和說明(可省略),最 後按下儲存鈕。 步驟 3 結果如下圖: 顯示畫面 點選 計網中心 編製 Page 54
  • 55. 4-3. 檔案下載功能 - 檔案下載管理 (1/3) 新增檔案下載檔案 步驟 1 :到 建立內容 > 檔案,新增要下載的檔案。 步驟 2 :分別輸入標題 , 選擇檔案類型和上傳要下載的檔案。 步驟 3 :完成後按下儲存鈕。 P.S. Add another item 功能為再增加一個上傳檔 步驟 2 多加上傳檔 計網中心 編製 Page 55
  • 56. 4-3. 檔案下載功能 - 檔案下載管理 (2/3) 檔案類型異動 檔案類型(如下圖)目的是在做檔案的分類以方便做分群,所以如要新增或異動檔 案類型,則必須到分類中做更改。 檔案類型 步驟 1 :到 管理 > 內容管理 > 分類,新增或異動檔案類型。 步驟 2 : 選擇檔案類型的列出次分類。 步驟 2 計網中心 編製 Page 56
  • 57. 4-3. 檔案下載功能 - 檔案下載管理 (3/3) 步驟 3 :可以在要更改的分類中點選編輯,來更改該次分類的內容。或者選擇上 列選 項功能中的增加次分類,來增加檔案類型。 新增次分類 分類更改 計網中心 編製 Page 57
  • 58. 4-3. 檔案下載功能 - 錯誤訊息 注意 : 在上傳檔案時 , 如果出現錯誤訊息 , 其上傳的檔名可能跟之前上傳檔名有重 覆 , 必須另取檔名。 檔名重覆 計網中心 編製 Page 58
  • 59. 4-4. 討論區設定 - 建立討論區 (1/3) 步驟 1 :到 管理 > 內容管理 > 討論區,新增討論分區和討論版。 步驟 2 :在上列功能選單中選擇增加討論分區。 步驟 3 :分別輸入分區名稱,和分區說明(可省略 ) 。 步驟 2 步驟 3 計網中心 編製 Page 59
  • 60. 4-4. 討論區設定 - 建立討論區 (2/3) 步驟 4 :上層設定中,以 root 為該討論區上層,權重使用預設(可依需求設定 ) 。 步驟 5 :最後按下儲存鈕 (save) 存儲設定。 步驟 4 步驟 5 步驟 6 :完成之後再選擇上列功能選單中的增加討論版,分別輸入討論版名稱和說明。 步驟 6 步驟 6 計網中心 編製 Page 60
  • 61. 4-4. 討論區設定 - 建立討論區 (3/3) 步驟 7 :在上層設定中,選擇之前新增的討論區,而權重依需求設定。 步驟 8 :最後完成設定,並按下儲存鈕 (Save) 。 步驟 7 步驟 8 計網中心 編製 Page 61
  • 62. 4-4. 討論區設定 - 新增討論版內容 步驟 1 :到 建立內容 > 論壇標題( Forum topic ),建立討論版主題。 步驟 2 :輸入討論主旨,並且選擇此主題要分類到那一個討論版,和輸入討論內容。 步驟 3 :最後按下儲存鈕( save ),完成編輯。 步驟 2 計網中心 編製 Page 62
  • 63. 4-4. 討論區設定 - 連結討論版 (1/2) 步驟 1 :到 管理 > 網站建置 > 選單,進行連結論壇的動作。 步驟 2 :在上列選單功能中選擇新增選單項目。 步驟 3 :在路徑中輸入 forum ,並且輸入選單連結標題,最後按下儲存鈕。 步驟 3 計網中心 編製 Page 63
  • 64. 4-4. 討論區設定 - 連結討論版 (2/2) 點選 連結到討論區 計網中心 編製 Page 64
  • 65. 4-5. 行事曆設定 - 區塊顯示 (1/2) 步驟 1 :到管理 > 網站建置 > 區塊,使在區塊中顯示行事曆。 步驟 2 :在停用清單中找尋 Calendar ,並且選擇要顯示在那一個區塊。 步驟 3 :完成後按下區塊儲存鈕。 步驟 2 計網中心 編製 Page 65
  • 66. 4-5. 行事曆設定 - 區塊顯示 (2/2) 最後行事曆顯示在區塊之中,並且可以點選日期來呈現該行事曆。 點選 計網中心 編製 Page 66
  • 67. 4-5. 行事曆設定 - 選單顯示 (1/2) 步驟 1 :到管理 > 網站建置 > 選單,進行行事曆連結的動作。 步驟 2 :在上列選單功能中選擇新增選單項目。 步驟 3 :在路徑中輸入 calendar-date ,並且輸入選單連結標題,最後按下儲存鈕。 步驟 3 計網中心 編製 Page 67
  • 68. 4-5. 行事曆設定 - 選單顯示 (2/2) 最後行事曆顯示在選單之中,點選清單項目後就可以顯示行事曆。 點選 計網中心 編製 Page 68
  • 69. 4-5. 行事曆設定 - 新增行程 (1/2) 步驟 1 :到建立內容 > 日期,新增行事曆內容。 步驟 2 :輸入行程標題( Title )和行程日期。 步驟 2 步驟 3 :在內容中輸入詳細行程(可省略 ) 。 步驟 3 計網中心 編製 Page 69
  • 70. 4-5. 行事曆設定 - 新增行程 (2/2) 最後可在行事曆顯示所輸入的行程,點選該行程就可以看到詳細內容。 新增的行程 計網中心 編製 Page 70
  • 71. 4-6. 使用者設定 - 使用者管理 (1/2) 步驟 1 :到管理 > 使用者管理 > 使用者(可以對使用者進行新增、刪除和更改 ) 。 步驟 2 :在上列功能選項中,選擇新增使用者。 步驟 3 :並輸入欲新增的使用者相關資料。 步驟 4 :在狀態功能中選擇預設值(啟用),其功能是決定使用者可否利用此帳號來做登入 。 步驟 5 :選擇角色,來決定該使用者使用網站權限。其中有一個選項通知使用者有了新帳號 , 步驟 2 其功能為新增該使用者後,用 e-mail 通知已新使該帳號。 步驟 3 步驟 4 步驟 5 計網中心 編製 Page 71
  • 72. 4-6. 使用者設定 - 使用者管理 (2/2) 步驟 6 :最後按下註冊新帳號,完成新增使用者。之後選擇上列選項功能中的清 單( list ),可看到所使增的使用者。 新增的使用者   P.S. 可在使用者清單中的編輯( edit ),對使用者帳號做刪除或更改的動作。 計網中心 編製 Page 72
  • 73. 4-6. 使用者設定 - 新增角色 (1/3) 步驟 1 :到管理 > 使用者管理 > 角色(可以對使用者置配不同角色,讓使用者依所配置 的 角色而有不同權限 ) 。 步驟 2 :在名稱欄位中( Name ),輸入所要新增的角色名稱,並按下新增角色。 步驟 2 步驟 3 :點選編輯權限連結,對所新增的角色進度權限設定。 步驟 3 計網中心 編製 Page 73
  • 74. 4-6. 使用者設定 - 新增角色 (2/3) 步驟 4 :對所新增的角色進行權限設定,最後儲存權限設定。 步驟 4 P.S. 之後可以到使用管理者管理使用者中的使用者編輯,套用所新增的角色。 計網中心 編製 Page 74
  • 75. 4-6. 使用者設定 - 新增角色 (3/3) 另外也可以到 管理 > 使用者管理 > 權限 設定各角色的權限。   設定各使用者權限 計網中心 編製 Page 75
  • 76. 4-6. 使用者設定 - 套用角色 (1/ 1 ) 步驟 1 :到管理 > 使用者管理 > 使用者。 步驟 2 :點選使用者列表,並且在要套用角色的使用者 ( 如 :user) ,點選編輯。 步驟2 步驟 3 :進入使用者帳號資料後 , 在帳號資訊之中有角色清單,然後勾選要套用的角色, 最 後儲存,完成套用色角的動作。 步驟3 計網中心 編製 Page 76
  • 77. 4-7. 網站地圖建立 - 設定 site map 資訊 (1/5) 設定 site map 資訊 步驟 1 :首先進入 管理 > 網站設定 > Site map 步驟 2 :設定 sitemap 的相關資訊 步驟 2 :設定 site map 資訊 步驟 1 計網中心 編製 Page 77
  • 78. 4-7. 網站地圖建立 - 設定 site map 資訊 (2/5)  Site map message 1. 輸入網站地圖敘述 ( 中文語系 ) 2. 輸入網站地圖敘述 ( 英文語系 ) 1. 2. 計網中心 編製 Page 78
  • 79. 4-7. 網站地圖建立 - 設定 site map 資訊 (3/5)  Site map content 1. 2. 1. 是否顯示首頁 3. 2. 是否顯示 active blog 作者 3. 選擇顯示那些 book 至 site map 4. 4. 選擇顯示那些選單 ( 中文語系 ) 到 sitemap 5. 選擇顯示那些選單 ( 英語語系 ) 到 5. sitemap 6. 是否顯示 FAQ 內容 6. 7. 選擇顯示那些分類到 sitemap 7. 8. 是否包含 CSS file( 勾選表示不包含 ) 8. 計網中心 編製 Page 79
  • 80. 4-7. 網站地圖建立 - 設定 site map 資訊 (4/5)  Site map settings 1. 是否顯示此分類內的數量 1. 2. 分類深度 all: 顯示所有分類與子分類 2. 0: 不顯示子分類 -1: 不顯示分類 3. 分類數限 ( 設 -1 則無效 ) 3. 4. 論壇數限 ( 設 -1 則無效 ) 4. 計網中心 編製 Page 80
  • 81. 4-7. 網站地圖建立 - 設定 site map 資訊 (5/5)  RSS settings 1. 首頁 RSS 的預設檔案 1. 2.RSS 連結 none: 不使用 Include on the right side: 含右欄 2. Include on the left side: 含左欄 3.RSS 深度 3. all :含所有的 RSS 0 :不含個子類別 RSS 4. 最後請按儲存設定鈕 4. 計網中心 編製 Page 81
  • 82. 4-7. 網站地圖建立 - 設 site map 連結 (1/3) 步驟 1 :首先點選 管理 > 網站建置 > 選單 > 導覽 步驟 2 :請點選 site map 編輯鈕 步驟 2 步驟 1 計網中心 編製 Page 82
  • 83. 4-7. 網站地圖建立 - 設 site map 連結 (2/3) 步驟 3 :編輯選單項目 1. 填入選單連結標題 ( 必填 ) 2. 填入說明 1. 3. 勾選是否啟用 4. 勾選是否展開 2. 5. 下拉選擇上層項目 6. 下拉選擇順序 3. 7. 最後按下儲存鈕 4. 5. 6. 7. 計網中心 編製 Page 83
  • 84. 4-7. 網站地圖建立 - 設 site map 連結 (3/3) 首頁即可看到網站地圖連結 網站地圖內容呈現 計網中心 編製 Page 84
  • 85. Unit 5: Drupal 樣板更新 計網中心 編製 Page 85
  • 86. 5-1. 如何更新版面 (1/2) 步驟 1 :到管理 > 使網站建置 > 版型,可更改網站版面。 步驟 2 :選擇上列選單功能的列表,在列表中有不同版型,可以選擇套用不同版型。 步驟 3 :選擇一個版型,然後在操作欄中點選預設,則網站版面以這版型為主。 預設版面 計網中心 編製 Page 86
  • 87. 5-1. 如何更新版面 (2/3)  如果在版型選項中只勾選啟用,而不點選預設的話,該版型只是被啟用,而不是被網站 所套用,其功能為可預覽版型樣式。 啟用  如到 管理網站建置區塊 中會出現所勾選啟用的版型,點選之後可以預覽版型,能 夠用來幫助決定要使用什麼版型樣式。 版型變換 啟用的版型 點選版型 計網中心 編製 Page 87
  • 88. 5-1. 如何更新版面 (2/3)  在版型上列選項功能中的設定,可以設定一些版型中內容的呈現。 版面設定 計網中心 編製 Page 88