2. I want to build a website!!!!
我想要建立一個網站!!!
? HTML
? CSS
? Programming: 程式設計:
JavaScript, PHP, Ruby,
Node.js
? APIs: RSS, Facebook OAuth,
Weibo, Google +1 button
1
3. 专案生命週期
UE & Site
Discovery Architecture Prototyping
Visual Design Technical Testing &
&Theming Implementation Launch
10. Testing & Launch
? 流量
? 安全性
? 相容性
? 不斷測試
? http://www.hungwebs.com/index/update.php?id=33
? http://140.122.127.190:8080/tbSearch/
9
11. 作業一
? 背景介紹
? 市場分析
? 目標對象
? 架站的目的及網站定位
? 內容規劃
? 權限與角色
? 頁面設計
10
12. 還有更多
? 老闆(顧客)想的永遠比你還多!!?
? Web Service
? 統計報表
? API
? …
11
13. It can be a bit
overwhelming
它可以是一個有
點勢不可擋
12
14. How can we make it easier?
我們怎樣才能使它變得更容易？
? Don’t make me learn all the technologies
不要叫我所有技術都要學
? Build my website for me
可以幫我建立我的網站
? Separate my content from my design and
website features
可以把我的內容從我的設計和網站功能分開
13
16. 什麼是内容!!?
聲音
圖示
影片
圖片
繪畫 照片
身份證
內容 地址
字號
顏色
資訊 文字 網址
數字
日期時
數量
間 E-mail
…
15
17. 专案生命週期
UE & Site
Discovery Architecture Prototyping
Visual Design Technical Testing &
&Theming Implementation Launch
同時進行
19. CMS 內容管理系統
? 內容Content
? 設計Design
– implemented with a Templating System
運用模板系統來做
? 特點Features
– implemented with Plug-ins/Extensions/Modules
運用Plug-ins/Extensions/Modules來做
18
21. Drupal 豬跑？
? Drupal, 水滴
? Drupal 是一套開放原始碼的內容管
理系統( CMS )，以PHP為基礎，
採用模組化的架構，可在一般作業
系統上運行。
? 目前使用Drupal的人總計超過50萬，
遍及全球200多個國家，180多種
語言，Drupal 7 的開發集結了近千
名會員的心力，而貢獻模組的會員
更有數千名，Drupal 7 可擴充的模
組已有超過 850 個。
20
22. Drupal 的用途
? 社群入口網站 ? 內容管理
? 公司網站 ? 網誌
? 企業內部網站 ? 論壇
? 電子商務平台 ? 電子報
? 討論型網站
? 播客 (Podcast)
? 數位典藏網站
? 多媒體展示
? 個人網誌
? 檔案分享
? 圖書館網站
? …
? ….
21
23. Drupal 網站秀
? 華納唱片 ? White House
? 紐約觀察報 ? 富比士
? SonyBMG ? Britney Spears
? 哈佛大學 ? PGA
? MIT Media Lab
22
24. Drupal 網站秀
? 台灣生物多樣性 ? 樂山療養院
? 酷獵 ? 美麗留言版
? 癮科技 ? 麥田記事
? 老人家的學習誌
23
25. Drupal 的特色 (1/2)
? 核心模組已涵蓋大多數應用之所需
? 以 node 為主的架構─簡單而富有彈性
? 彈性的分類機制
? 具文件版本管理功能
? 獨特的 Hook system─提高模組整合度
? 功能強大的 API─方便模組開發
24
26. Drupal 的特色 (2/2)
? 各式豐富好用的模組─CCK、Views…
? 可自定會員資料欄位
? 詳細的日誌記錄
? 程式、內容與版型獨立
? 權限控制、選單、區塊、搜尋、輸入過濾、快
取、負載機制等
25
27. Nodes
? Drupal將每一個紀錄都
視為一個Node(節點)
? 基本資料結構是相同的，
擴展性高，使用者可以
自行開發、添加資料，
不用擔心資料類型是否
相同。
? 任何一個節點都可以被
放在首頁，發表，甚至
運用在搜尋上面。
26
28. Nodes = 內容
聲音
圖示
影片
圖片
繪畫 照片
身份證
內容 地址
字號
顏色
資訊 文字 網址
數字
日期時
數量
間 E-mail
…
27
29. Node 周圍的資訊
Tagging 檔案
Category Taxonomy 路徑
評論
作者
Node
基本資料 選單
…
(Menu)
日
期
選票(分數)
28
31. Field 欄位
Title
網址 Body
基本 Article Tag
訊息
檔案 圖片
30
38. Drupal 新網站的規劃
? 內容類型(node type)規劃
? 分類(taxonomy)設計規劃
? 角色與權限規劃
? 區塊與選單規劃
? 選一個適用的版型風格再自行修改CSS
? 首頁設計(可利用panels模組)
37
39. 一起來實作吧~
? http://drupaltaiwan.org/
? 140.122.104.45
? http://drupal.org/project/Themes
? http://drupal.org/project/Modules
38
