一個 Drupal 網站的誕生

做 Drupal 網站之初必定要確定目的方向，否則很容易迷路，你會白花時間去做一些不必要的功能，研究一些不必要的模組。

構想中的 notaBlueScreen

確定自己想建立一個關於 Drupal 教學的 Blog，及主要想寫的內容。

建立架構

需求：

大方向想好後，就能確定要什麼功能。 由於是 Blog 的形式，要求很簡單：

• 能發文章，能回覆
• 有分類，還要有 TAG
• 能訂閱留言 EMAIL
• 最近文章，回應
• 我要 Five star
• 想不到了 ….

初步功能確定後，開始尋找模組：

怕忘記了，所以使用 EXCEL 記錄起來。

進行實地測試：

很多不同的模組能達到相同的效果，及模組間有可能造成沖突或會存在 BUG，所以進行初步簡單測試，以防萬一及作出最佳決策。也是對新認識模組作一個初步的了解。測試只要很簡單的啟動，試試一些功能，看看是必適合自己。模組使用量增加，對日後管理、效能都有大影響，所以要較為關註。

想要的功能，都找到了適合的方法去實現，太好了，這下子安心 ^_^

現在我要先架構網站功能，還是介面外觀的設計呢？

我的選擇是：建立線框，簡單繪出想要的設計。

繪畫線框 (Wireframe)

線框的好處是能快速建立，提供一個基本的視覺化效果。

到這一刻，我才發現...原來還要有一個搜尋功能，雖然內置提供了，但對中文支持不夠好，於是又去找模組...

在建立網站期間，往往會發生增增減減的事情，如幸好的這階段發現，就不會白費時間去尋找模組、模組測試、寫代碼或實際地設計了。

設計

線框建立了，要 PHOTOSHOP 做真實的設計了！當然有一些專家喜歡先寫程式，也有一些連在 PHOTOSHOP 設計這一步也不做。對於不同的專案，我會有不同對策，這一回決定先設計。

設計 ...

再設計，簡單也很花時間 ...

好了，夠完美 ^_^

一個網站的元素很多，所以設計中要養成好習慣，將各部份整理歸檔於資料夾中，這除了在設計時方便隨時修改外，也方便轉換至 Drupal 版型。

建立與設定功能

實作 Drupal 功能與版型前後時常按不同開發模式有所改變。但先完善 Drupal 網站內功能，這會有一些得益。由於 Drupal 本身輸出的東西會包含一些預設的代碼，如果先製作好版型，這有可能待網站功能完善後，再要重新修正。所以往往是早在製作 Drupal 版型前就完成 90 % 網站功能，這樣將設計整合到版型時，可以即時取得所需要呈現出來的內容。

Drupal 版型設計

很多專家都說：Drupal 版型很容易。但對很多人來說，難啊！真的難！這可以是大家的想法有所不同。專家的想法是，一個版型設計師只要做 HTML / CSS / jQuery 的工作，懂一點 PHP 邏輯代碼，會控制是否顯示就足夠，$varX 該是什麼，$varY 又是什麼，是 PHP 程式員的事。偏偏大部份做 Drupal 版型的人是多功能的，除了轉換設計至 Drupal 版型外，還要額外寫一堆 PHP 代碼去引出必要的內容。所以我認為真正難倒你的是對 Drupal 核心及 PHP 的了解未夠。

將 Photoshop 設計轉換成 Drupal 版型，可有數個流程方法：

選擇一：先將 PSD 檔案轉換成 HTML/CSS，再轉換至 Drupal 版型

優點：

• HTML / CSS 能快速重新整理，不必等待 Drupal 程式執行，加快修改速度
• 轉換 Drupal 版型時，有一個完成的 HTML 檔案作對比，易找出錯誤，而且早有成果，能放心，可以確定是的轉換期間出錯

缺點：

• Drupal 原生 HTML 代碼加上你寫的 HTML，會造成多餘的垃圾代碼；
• 移除以上垃圾代碼，要花多一點時間，也許會令你在之前做了一些不必會的功夫。

選擇二：選用一個 Drupal 版型，然後將 PSD 檔案直至轉換到版型中

優點：

• 選擇適合的版型，能很快建立起外觀，然後可以建立初步的程式功能
• 版型都預設了功能及主要框架，不必花時間去除錯，或建立一些基本的樣式

缺點：

• Drupal 刷新需要時間
• 有可能是 PHP 錯誤阻礙了，也很容易打亂陣腳
• 配合特定版型，你要預先了解其結構，未必能隨心所欲

這回，我選擇了第二種方式。由於我早在構想期間就決定了使用 960GS，這是一個 CSS Framework，更好的是 Drupal 中也有建立於這個 960 GS Framework 的版型，能即時幫我建立好想要的框架。再加上簡約的設計，出錯機會不大，而且真正要修正的東西也不多。

建立網頁介面，往往最多遇上的是外型大出錯，位置錯亂了的情況，這類錯誤時常都要很花腦力去修正。為了減少 Drupal 執行時間的影響，最好先是建立主體框架，然後才一步一步增刪細節。

結語

結尾很突然？

不要忘記將你的 Drupal 網站流程心德跟我分享。

你想看更多相關 Drupal 文章嗎？向下拉，跟蹤我的動向。更多支持，會有更多動力分享，以後再細說各項 ^_^