「介面操作之自我介紹」,其意義就是「安裝 Joomla! 預設範例資料」,瀏覽 Joomla! 範例網站前台與後台的頁面,透過「範例資料」的43篇文章來學習 Joomla! ,這樣的過程就像是 Joomla! 自己在介紹 Joomla! 自己




5.1 一站,非網站的網站

5.1、5.2、5.3、5. 4這4節,都與「文章」有關。
5.5、5.6、5.7、5.8這4節,都與「介面」有關。
5.5節,既討論「文章」,也討論「介面」。

以下,分兩部分兩討論。
  • 先概述,本章主題「後台管理介面的操作邏輯」。
  • 再細究,本節標題「一站,非網站的網站」。

請先閱讀,2.1 功能,就是分工分類發文

請先瞭解,後台的第一個頁面,是網站的「控制台」,分為四個區塊。
區塊1 ,在左上方,最重要。

區塊1 固定不變,讓用戶能清楚知道,目前位於 Joomla! 後台。
區塊1 有網站標誌 Joomla! 、網站名稱 tw-joomla、選單列。
選單列,固定不變,讓用戶能固定的操作方式,方便用戶能找到自己所需要的功能。
越來越多應用程式,是透過網頁的介面來操作,也就是所謂的 Web-Based Application。這類的應用程式,其操作介面的便捷度與流暢度,還是與桌面的視窗應用程式有些差距。因為,網頁介面的軟體,無論是圖文的資料與介面外觀的資料,都要透過網路傳送,因此許多介面便捷的設計都要捨棄。

動態網頁程式設計日新月異,桌上軟體的一些便捷設計,也可以實現在 web-based 的應用程式,例如:右鍵選單、猜測欲鍵入的詞句。這需要使用 AJAX 的技術,但是 Joomla! 並沒有使用 AJAX。 AJAX 的技術,可以讓文字編輯的工作,變得更簡易操作。

我並沒有試過所有大廠的網頁介面軟體。個人最習慣的還是 Google 所提供的服務的介面,例如,Gmail、Blogger、Google Docs、Google Map。這些應用程式有使用 AJAX 的技術,有很多很方便的操作方式。

通常,用戶對 Joomla! 的後台的印象是漂亮、親切、易操作。
確實 Joomla! 的後台設計得還不錯,即使 Joomla! 沒有使用 AJAX 的技術。

分析 Joomla! 後台,可從這四個特色著手:
  • 固定的選單列:不會有跳出額外的視窗。
  • 少有對話盒:對話盒的優點是,提醒用戶這是目前最需要處理的事務、最需要處理的參數設定。沒有了對話盒,操作 Joomla! 的後台介面時,只要專注於目前的視窗畫面。在 Joomla! 後台,出現對話盒的功能,算是少數。「回復文章」的操作畫面,最終,以對話盒來確認,是否要回復該篇文章。
  • 沒有右鍵選單:右鍵選單呈現的是瀏覽器的功能,而非 Joomla! 後台的功能。
  • 網頁介面本身的缺點:對於提供靜態資料的頁面,頁面太長的設計,通常多數人都可接受。對於互動功能的頁面,頁面就不宜太長太寬,最好不要超出一個視窗畫面的長度與寬度。大抵上,Joomla! 的後台介面設計有符合這兩個原則。

再細究對話盒:
  • 以上所描述 的 Joomla! 後台特色,不應該包括 HTML 編輯器,編輯器有自己的介面操作邏輯。TinyMCE 3 編輯器是屬於 Joomla! 的外掛。而且,TinyMCE 3 編輯器有對話盒。
  • JavaScript 提供三類的對話盒,alert、confirm、prompt,「回復文章」的確認對話盒是屬於 confirm 類型。
  • 相較於其它 web-based 的應用程式,如 phpMyAdmin,Joomla!很少使用 JavaScript 的對話盒功能。
  • Joomla! 後台還提供型式更複雜的對話盒,例如,在「選單項目: [ 編輯 ]」的操作畫面,若是「選單項目類型」是「標準文章版面」,則要在「選擇文章」的對話盒裡,指定一篇文章。

用戶要思索,一項已知的事實,網頁介面是嵌在瀏覽器內:
  • 聰明的 Yahoo! 看清了網頁介面的小缺點,因此開發各個瀏覽器的 Yahoo! 工具列,讓用戶輕鬆享受 Yahoo! 的服務。
  • 更聰明的 Microsoft、Google,他們覺得瀏覽器的外掛工具列,確實能解決網頁介面的一些缺點。但 Microsoft、Google 更直接,他們開發瀏覽器。
  • 以我自己的經驗而言,Firefox Google Toolbar 對於操作 Google 所提供的服務的網頁介面,是很有幫助的。
  • 相較於桌上軟體所呈現的工具列與各類控制元件,網頁介面其頁面元素、控制元件的安排,常會有浪費空間的情況。
  • 無論是桌上軟體或網頁介面軟體,上方與左方是比較重要的。
  • 但是桌上軟體的介面比較能有效應用下方與右方的空間。
  • 網頁介面軟體依附在瀏覽器內,因此比較不能有效應用下方與右方的空間。可能是因為這個原因, Joomla! 後台操作畫面,呈現某一功能,所有的選項設定盡量都擠進一個視窗畫面內,不要讓用戶要捲動瀏覽器的水平捲軸、垂直捲軸。

[媒體管理] 的功能,管理 JPG、GIF、PNG 圖檔,如果你可以透過檔案總管或 FTP 來存取 Joomla! 的圖檔,媒體管理這項功能其實是多餘的。

下圖是 [媒體管理] 的操作畫面的一部分。

[媒體管理] 的功能,並不是很重要的功能,卻是 Joomla! 後台介面設計最複雜的功能。
我採取本機 localhost 安裝 Joomla! ,這樣較方便解說 Joomla! 的操作與使用,而且 Joomla! 是在 Win XP 的 Xampp 上運行的。
JPG、GIF、PNG 圖檔,其目錄為 C:\xampp\htdocs\twjoomla\images

下圖是以 Windows 檔案總管來觀看 Joomla! 的內建圖檔,這相當於上圖 [媒體管理] 的操作。


操作習慣,在某種程度下,影響了一個視窗介面是否會受到青睞與愛用。
即使 Joomla! [媒體管理] 的功能,設計得很好,會顯示樹狀的目錄結構,還是好不過人人都熟悉的檔案總管。
即使是將 Joomla! 安裝 Linux 之下,對於圖檔的管理,仍有很多大家熟知的軟體可以使用。

  • Joomla! 範例網站,前台頁面上方
面對 Joomla! 範例資料所呈現出來的網站,應該保持疑惑的態度,應該保持學習的態度。不斷的詢問這文章為何如此排版,這功能是如何達成,以此來探索後台管理介面的操作邏輯。
Joomla! 範例資料所呈現出來的網站,是非網站的網站,它是為了讓初學者瞭解 Joomla! ,而有如此的編排與設計。

面對 Joomla! 範例資料所呈現出來的網站,第一個疑惑便是主題是什麼。
我認為,主題就是用範例資料來說明 Joomla! 內建的功能,我將它稱為 Joomla! 自我介紹,因為站內十之八九的連結與文章,都是在說明 Joomla! ,好像是 Joomla! 入門須知。

其實,現實的網路世界,應該不會有類似範例資料,所呈現出來的網站內容。因為作為一個資料呈現的媒介,網頁的優勢是超連結與即時互動,手冊式的說明內容,雖然也可放在網頁來呈現,但無法發揮 Joomla! 網站與網頁的優勢。
不如將內容製成 PDF 文件檔,讓網友直接下載,閱讀起來,還比較方便。

本節的標題「非網站的網站」,有兩層意義:
  • 我寫的網誌的部落格,是非網站的網站。
  • Joomla! 自我介紹、 Joomla! 範例網站,是非網站的網站。

對於網站設計、網頁設計,我只用過Blogger發表了幾個介紹 GIMP 的網誌。
而且,這幾個介紹 GIMP 的網誌,它們的形式是電腦書、軟體說明文件,不是網誌的形式,文章是以章節來編排。網誌的文章多以時序、標籤來編排。因此,我所撰寫的 GIMP 網誌,它們相當於不是部落格的部落格,不是網誌的網誌。

對於我所撰寫的「不是網誌的網誌」,如果讀者細思其章節編排的原由(請參考網誌的前言),這樣對於學習 Joomla! 也是有幫助的。
因為,規劃章節也是一種文章分類的方式。

如果這是一站非網站的網站,那麼什麼是網站呢?

簡單的定義問題,最難回答了!

先想想,什麼不是網站。
  • Gmail 是 Web Mail 的系統,你會將自己的 Gmail 畫面稱為網站嗎?
  • 同理,各種 Google 所提供的個人化服務,你會將它稱為網站嗎?
  • 因為它具有網址,好像可以稱為網站,但是通常都不會這樣稱呼 Google 的服務。

再想想,應用程式與說明文件。
  • 一個網站如果互動能力太強,會像是一套桌面的應用程式,不像是網站。
  • 一個網站如果都是流水帳式的靜態解說頁面,會像是手冊式的說明文件,不像是網站。

因此,網站,就是大部份靜態的內容、近期更新的資訊、超連結,加上少部份的互動功能,例如,大學某系所的網站、公司的門面網站。

多人共用一個部落格,一起經營版面與文章,這樣雖然也可以,但是多數部落格的格主都是一個人。通常,部落格都以文章為主。少數人使用部落格時,只收集外部的連結、網路的資源,只為了方便自己瀏覽這些資訊,並分享給網友。

因此,對於熟用部落格的人,要學習 Joomla! 就無須重頭來過,但有些觀念要轉變一下,因為相較於部落格, Joomla! 提供更大的彈性。

最後,提醒讀者要自己變通。
  • Joomla! 可以用來架設非網站的網站,Joomla! 也可以用來架設正規的網站。
  • 你可以用 Joomla! 架設個人的部落格,如果你要架設學校或公司的網站,請自行變通。