一個 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 文章嗎?向下拉,跟蹤我的動向。更多支持,會有更多動力分享,以後再細說各項 ^_^

“一個 Drupal 網站的誕生” 有 3 則迴響

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *