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




顯示具有 第5章 後台管理介面的操作邏輯 標籤的文章。 顯示所有文章
顯示具有 第5章 後台管理介面的操作邏輯 標籤的文章。 顯示所有文章

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! 架設個人的部落格,如果你要架設學校或公司的網站,請自行變通。

5.2 二分,論分類的方式

本節是長篇大論的文章。

文章與內容,都是很常用的詞彙。
李白的詩句:「陽春召我以煙景,大塊假我以文章。」
根據教育部的國語辭典,大塊文章意指,大自然景物提供人寫作的材料。……後多指長篇大論的文章。如:「今天的副刊有篇大塊文章,內容很不錯。」

若用資料結構或物件導向語言的觀點,分析前段裡辭典的例句,「內容」是「文章」的一項屬性。

若用數學集合論的觀點,分析前述的例句,「內容」是「文章」的子集合。

在 Joomla! 裡,或在其它 CMS 系統裡,「內容」有很多種類,「文章」是「內容」的子集合。



與文章一樣,Joomla! 內建的元件,廣告看板、聯絡人、新聞聯播、網站連結,都要分類管理。因此,廣告看板、聯絡人、新聞聯播、網站連結也是「內容」。

思索下述詞組的意義:
  • 文章裡的內容
  • 內容裡的文章

  • 新聞聯播裡的內容
  • 內容裡的新聞聯播

  • 廣告裡的內容
  • 內容裡的廣告
  • 文章裡的廣告

  • 網站連結裡的內容
  • 內容裡的網站連結
  • 文章裡的網站連結

「文章」與「內容」,是很常用的詞彙,即使在 Joomla! 裡有明確的定義,可以針對「文章」與「內容」做很多的處理與設定,「文章」與「內容」在人們心中既定的語義還是存在。

「文章」裡有「內容」,「內容」裡有「文章」。但不知,其它撰寫 CMS 系統說明文件的人,如何看待「文章」與「內容」,這種我泥中有你、你泥中有我,這種奇特的關聯,這種奇特的語境。

個人覺得,當用戶認清這一點,用戶的 CMS 學習之旅會順遂一些!

「文章」與「內容」這兩個用詞,已是關係密切。
  • 在 Joomla! 前台頁面,「文章」與「內容」這兩個用詞,通常是指網頁文章與網頁內容。
  • 在 Joomla! 後台的操作畫面,「文章」與「內容」這兩個用詞,通常是指文章項目管理」與「內容項目管理」的功能,或是指「文章」與「內容」相關的設定。

文章就是內容,內容不只是「文章這一類」的站內資源。內容包含各種站內的資源,也包含經過整理的站外資源。

在 Joomla! 裡,應將「文章」視為「內容」的子集合。

但是,為何仍可以說,文章就是內容,內容就是文章?
最明顯的證據,就是「內容」選單列的功能,都與文章的分類、撰寫、發佈有關。
以下,比對 Joomla! 1.5 版與 Joomla! 1.0 版後台的功能,只要注意「文章」與「內容」這兩個用詞。
  • 1.5 版的「新增文章」,相當於 1.0 版的「新增內容」。
  • 1.5 版的「文章管理」,相當於 1.0 版的「內容項目管理」或「所有內容項目」。
  • 1.5 版的「新增文章」,相當於 1.0 版的「新增內容」。
  • 1.5 版的「未分類文章」,相當於 1.0 版的「靜態內容」。

下圖是 Joomla! 1.5 版的選單列。


下圖是 Joomla! 1.0 版的選單列。



下圖是 Joomla! 1.5 版的控制台。

下圖是 Joomla! 1.0 版的控制台。



下圖是 Joomla! 1.5 版的「內容」選單列。


下圖是 Joomla! 1.0 版的「內容」選單列。



若要仔細比對 Joomla! 1.5 版與 Joomla! 1.0 版功能分類的方式,還可以講很多。就此打住,上述只提醒用戶何謂「內容」。

再次提醒讀者,可以從批判的角度,來學習 Joomla! 。

二分,第一要區分前台頁面元素的功用,第二要區分後台各種功能的歸類。
  • Joomla 1.5.x 實在不好用,藉由這串討論,可以瞭解後台功能分類的方式,「功能的歸類」形塑了用戶的習慣,如果舊版 Joomla! 已經夠用了,新版 Joomla! 新的功能與新的歸類方式,對用戶反而是一種不便。
  • Joomla! 建站常見的 10 個設計錯誤,藉由這篇轉貼的文章,可以瞭解網頁設計不見得又炫又新就是好的,網頁設計要遵守一些常規。這些常規源自於多數人的瀏覽習慣。

Joomla! 後台功能很多,事事物物分門別類,管理會容易一些。
藉由「分類」的這項大原則,初學 Joomla! ,可以依序研究這四部份的相關功能:
  • 1. 文章的分類
  • 2. 資源的分類
  • 3. 選單的分類
  • 4. 選單項目的分類
1. 文章的分類:Joomla! 的文章依「單元」規劃出不同的大類別,再依「分類」規劃出不同的小類別。




2. 資源的分類:不只是文章要分類,其它站內的資源也要分類。分類,不只是為了在前台依序安排呈現內容,也是為了在後台能有效管理這些文章與資源。

下圖是 「元件」選單。

Joomla! 內建的元件,廣告看板、聯絡人、新聞聯播、網站連結,都要分類管理。

3. 選單的分類:Joomla! 範例資料裡有43篇文章,選單內的選單項目會連結到文章,或連結到其它站內的資源。

下圖是 「選單」的選單

Joomla! 範例資料裡,有六個選單:
  • 主選單*
  • 用戶選單
  • 頂層選單
  • 網上資源
  • 範例網頁
  • 關鍵概念
這六個選單,是研究選單設計的最佳範例。

4. 選單項目的分類:對於文章或其它站內的資源,Joomla! 已經提供了完善的分類與管理的方式。

下圖是 [選單項目管理] 的操作畫面。
下圖呈現「主選單* [mainmenu] 」 的選單項目。



下圖是 [變更選單] 的操作畫面,從樹狀分枝的項目中,指定選單項目類型。

5.3 三段,文章與超本文

段,就是斷,若要分段,定要斷行。

本章討論「Joomla! 後台管理介面的操作邏輯」。一旦撰寫新文章,使用HTML編輯器,應該會發現編輯器有很多操作的邏輯,與 Joomla! 後台其它功能的操作邏輯是不太相同的。
前面提過,Joomla! 後台沒有對話盒型態的介面元素,這一點與 HTML 編輯器的介面特徵不吻合。

TinyMCE 3 編輯器是屬於 Joomla! 的外掛。而且,還有其它 HTML 編輯器外掛可供安裝與選擇。應該是因為編輯器與 Joomla! 核心兩者有各自的開發團隊,因此編輯器有自己的介面操作邏輯。

以插入圖片為例。
如下圖所示,TinyMCE 3 編輯器,以對話盒的型態,來選擇圖片的目錄與位置。


而 Joomla! 後台 [媒體管理] 的介面是直接整合在既有的後台頁面之中。


範例資料裡有43篇文章,「擴充套件」這篇文章,不只是其內容值得仔細閱讀,其格式也值得仔細研究閱讀。


下圖是,「擴充套件」其格式最特別之處就是具有「文章索引」的功能。


下圖是,點擊「元件」的索引,進入「元件」說明這一頁面。


前圖,用戶尚未輸入帳戶與密碼,尚未登入網站。
若是有登入網站,在文章右上角的四個圖示 ,可按下編輯的小圖示 。
在 Joomla! 前台,就可直接編輯「擴充套件」這篇文章。


下圖是,在 Joomla! 後台,「擴充套件」其「文章: [編輯]」的操作畫面的一部份。


下圖是,「文章: [編輯]」的操作畫面的一部份。
「擴充套件」的內文中,也有說明本篇文章具有「文章索引」的功能。
「元件」上方的分隔虛線,代表兩段之間的「分頁」標籤。


以下,利用「Joomla! 概述」這篇文章,來說明如何插入「分頁」標籤。

下圖是,「Joomla! 概述」其「文章: [編輯]」的操作畫面的一部份。



下圖顯示 HTML 編輯器的下方。之時,已經完成了插入「分頁」標籤的動作。
「分頁」按鈕可用插入「分頁」標籤。


按下「分頁」按鈕,出現一對話盒。
依據新頁面的內容或段落主旨,填入「頁面標題」。
頁面標題的名稱,會成為索引的名稱。
下圖,鍵入「Joomla! 改變了這一切 ...」作為「頁面標題」。


在 Joomla! 前台,瀏覽「Joomla! 概述」這篇文章。


「Joomla! 概述」已經出現「文章索引」的功能。


下圖是,點擊「Joomla! 改變了這一切 ...」的索引,瀏覽這一頁面的文章內容。

5.4 四短,摘要與超連結

根據教育部成語典「三長兩短」的解釋,「三長兩短」一語從「長短」一詞演變而出,......,也可以作......「一長兩短」、「三長四短」等,用法與意義都差不多。

三長兩短、三長四短,用在描述不幸的事故。
在長長短短、短短長長以超連結串接的網路世界裡,若真有什麼不幸的事,應該是這樣的情況,看到訊息「此頁面的部分內容已被移除」、「網頁連結遺失」、「此連結已毀損」。

中文奧妙之處,在於虛實的運用、各種的比喻與典故。長不一定就很長,短不一定就很短。長短,也成了構詞造句的一種句式。

尺有所短、寸有所長,尺長寸短,各有其優劣。
網頁的文章,長有長的好處,短有短的優點。

設計網頁、架設網站,不是撰寫課後作業,也不是撰寫期末專題作業。
網頁裡的文章,多數時候,是為了提供一些具有時效的訊息,很多文章都是短短的或是摘要式的描述。

超連結」是網路、網站、網頁最重要的特性。如果你要發表較長的文章內容,最好要善用網頁的優點,一個頁面提供簡短的描述,連結到另一個內容詳實的頁面。

超連結,雖然超方便,但也不是沒有缺點的。
  • 大家應該都有遇過這樣的錯誤訊息「網頁連結遺失」,這是超連結最大的缺點。此時失望歸失望,卻也怨不得人,因為維護網頁的內容是需要成本的。
  • 另一個缺點是,完整的URL有時會太長,有可能,你想表達的訊息比這一串URL還短,如此引用此訊息的超連結,似乎有點浪費儲存空間。
  • 還有一個缺點是,連過來,連過去,找不到一兩篇內容充實的文章。

以成語的解釋為例。
http://dict.idioms.moe.edu.tw/pho/fyb/fyb00450.htm
http://dict.revised.moe.edu.tw/cgi-bin/newDict/dict.sh?idx=dict.idx&cond=%A4%AD%A6%E6%A8%C3%A4U&pieceLen=50&fld=1&cat=&imgFont=1
根據教育部的國語辭典,「五行並下」的解釋,包含全形的標點符號,共有70個中文字。
「五行並下」的連結位址太長,共有128個字元數,如果3個 ASCII 字元相當於一個 UTF8 編碼的中文字,128字元相當於43中文字。用43個中文字,已經可以把「五行並下」的意義,說得很清楚明白。

範例資料裡的「首頁 」有7篇文章,「Joomla! 安全特攻隊 」這篇文章,其格式最特別之處,就是具有「 閱讀全文... >>」的功能。


前圖,用戶尚未輸入帳戶與密碼,尚未登入網站。
若是有登入網站,在文章右上角的四個圖示 ,可按下編輯的小圖示 ,在 Joomla! 前台,就可直接編輯「Joomla! 安全特攻隊」這篇文章。

「 閱讀全文... >>」的功能,就是由編輯器下方的「 閱讀全文」按鈕所產生。

按下編輯下方的「切換編輯器」按鈕 ,可看到 HTML 原始碼。
「 閱讀全文... >>」的功能,就是<hr id="system-readmore" / >


可以修改「 閱讀全文... >>」的位置,讓摘要更短一些。

5.5 五行,文章格式繁複的缺點

根據教育部的國語辭典五行並下、五行俱下,一次可以看五行。形容讀書速度很快。

每個人都有自身的喜好。閱讀自己感興趣的文章,是可以五行並下、五行俱下。如果讀者已熟知作者的文風與文章的表達方式,通常快速掃瞄內文,就可掌握該文的要義。

文章的格式、形式,也會影響閱讀的速度。

對於文章的格式,最好是:
  • 不要發表格式太繁複的文章。
  • 若格式很繁雜,最好不要以 HTML 的文件來呈現,可提供 doc、xls、ppt、pdf 原始文件檔案的下載連結。

Joomla! 範例網站的首頁版面,是「首頁部落格風格版面」的參數設定,預設的「首頁版面」會出現5篇文章,這五篇文章格式都很簡單。
  • 首頁的1篇文章:只有純文字與超連結,沒有其它文字格式的設定。

  • 首頁的第2篇文章:只有純文字,沒有任何文字格式的設定。
  • 首頁的第3篇文章:其格式最特別之處,就是具有「 閱讀全文... >>」的功能。

  • 首頁的第4篇文章:只有純文字與超連結,沒有其它文字格式的設定。
  • 首頁的第5篇文章:只有純文字,沒有任何文字格式的設定。


Joomla! 範例網站版面整齊的外觀,原因有五條:
  • 使用列表型態的排版,例如,單元列表、分類列表、網站連結的列表。
  • 使用報紙頭版的排版,例如,單元部落格版面、分類部落格版面、首頁部落格風格版面。
  • 單一篇文章只使用少量的且固定的 HTML 標籤。
  • 文章裡,使用條列的陳述方式。在適當的位置,妥善利用圖片與小圖示。
  • 文章裡,沒使用表格。表格,雖然也能讓字句整齊地呈現,但相較於 MS Word , HTML 表格很難控制格子的大小與文字的樣式。

關於圖文、格式、樣貌,要注意的事項:
  • 發文時要注意,該文章的整體外觀,會不會破壞 Joomla! 網站的整體版面。
  • 有時,圖片太大、表格太大,會超出版面右邊的邊界,不僅破壞頁面的美觀,也構成閱讀的障礙。
  • 所有的文章內容應採用類似的格式、樣式與形式,維持文章整體外觀的一致。
  • 若多數文章內文是10點的字體,有一篇文章內文是14點的字體,點閱該文時,該文頁面會顯得突兀。
  • 多人共同經營一個 Joomla! 網站時,最好有一個人負責文章編輯的工作,審核文章的內容,適時地調整格式與樣式,改變內容呈現的方式。

若是有登入網站,在 Joomla! 前台,就可直接編輯文章。
在文章右上角的四個圖示 ,按下編輯的小圖示,就可直接編輯「內容排版」這篇文章。



按下編輯下方的「切換編輯器」按鈕 ,可看到 HTML 原始碼。
可以用這個方式 ,來觀看與學習 Joomla! 範例文章格式的設定方式。
小標題是使用 Heading 3 樣式,也就是 <h3 > 小標題< /h3 >


5.6 六順,網頁操作介面的缺點

無論是缺點或優點,最重要的還是用戶的習慣。習慣了,缺點就不是缺點。若不習慣,優點也不見得就是優點。

瞭解優點與缺點,操作介面時,會更順手。

網頁介面的優點,就是與作業系統無關。若你是系統管理者,如此可加速發佈新的程式或修正軟體的功能。程式只要在伺服器上安裝,所有的用戶就都可享用。

網頁操作介面的優點,善用超連結的便捷與直觀,任何功能都可用一條超連結來代表。
例如,要觀看前台網頁的畫面效果,就點擊 的超連結。

網頁,最初的目的是方便大家提供有用的資訊,方便大家快速交換資訊,如今已發展成具有強大互動功能的平台。相較於桌面軟體,對於說明文件、安全資訊、軟體發佈,網頁式應用軟體的更新較簡捷、較快速,是比較佔優勢的,是比較省事的。

Joomla! 後台善用了 RSS 的技術,提供 Joomla! 安全議題的資訊,如此簡化了接收安全資訊的程序。


網頁的操作介面,也有一些缺點。
  • 各個控制項、項目名稱、按鈕,其排列組合的方式不夠密實、不夠緊緻。

  • 桌面軟體要防範當機。網頁式的應用軟體需要防範連線失敗,還需要防範瀏覽器當機。
  • 同一個頁面資料,可以同時呈現在瀏覽器的不同分頁。對於靜態的頁面資料或文章內容,這樣並不會有問題。
  • 若是動態的頁面、互動的頁面,同一功能的畫面,同時呈現在瀏覽器的好幾個分頁,卻沒有警示的訊息,有時會出現一些意料之外的事情。例如,對於同一篇文章,同時開啟兩個編輯器的畫面,編輯完後,卻忽略了,儲存了沒有修改的文章,而後關閉瀏覽器,如此便是白做工了!
  • 對於如何確認一個動作已完成,不同的軟體公司,可能會有不同的做法,如此增加了試用軟體的時間。
  • 對於如何確認一個動作已完成,同一套軟體,同一功能,可能也有好幾種完成的方式,可參考 5.8 八成,確認一個動作已完成

更多 Joomla! 後台介面的優點或缺點,還可參考

5.7 七巧,還是部落格比較順手

在讚美 Blogger 之前,先讚美 Joomla! 。

Joomla! 後台的介面設計也是很優異的,其優點有:
1. 維持不動的固定選單列。


2. 控制台裡,有醒目的大圖示按鈕。
3. 控制台右方,有可收合的分頁,呈現重要的資訊內容。


4. 進入某項功能的操作畫面,所有的參數設定,盡量都安排在一個畫面內,盡量不要使用捲軸。
5. 進入某項功能的操作畫面,右上方有醒目的圖示按鈕。
6. 選單項目類型,以樹狀的分枝,來管理、設定與呈現



Joomla! 後台善用了 RSS 的技術,提供 Joomla! 安全議題的資訊。
控制台右方,可收合的分頁,有效地呈現重要的資訊內容。
下圖,點擊「 Joomla! 安全新聞聯播」,呈現該分頁的資訊內容。


但是,還是 Google 的 Blogger 比較順手!
原因有三:
  • 1. 直觀的標籤:Google 很多服務,例如,Gmail、Picasa、Blogger,都提供「標籤式的分類」。
  • 2. 簡易的搜尋:Google 很多服務,都提供「搜尋的功能」。由於搜尋技術是 Google 的招牌技術,獨步業界。甚至,即便不使用「標籤式的分類」,在 Blogger 內,也可以很快找到特定的一篇文章、特定的一段文字描述。
  • 3. 單純的定位:相較於 Joomla! 的定位,Blogger 定位為部落格發文的平台,因此,它的功能設計更是以「文章」為主。

下圖呈現 Blogger 「標籤」的相關功能。



以下示範 Firefox 的 Google Toolbar 的妙用。若文章有錯字要更正,可用這方式來尋找。

1. 下圖示範 Blogger 的搜尋功能。在搜尋框鍵入「文章的內容」,找到符合條件的三篇文章。



2. 在 Google Toolbar 的搜尋框鍵入「文章的內容」,而後按下「黃色螢光筆頭」的按鈕。



3. 進入「5.5 五行,文章格式繁複的缺點」這篇文章的編輯畫面,「文章的內容」標記了一條黃色的螢光。


Blogger 其它的優點:
  • Google 很多服務其介面,有一致的設計,或類似的操作邏輯。
  • Blogger 文章的圖片,是儲存在 Picasa 相簿的空間裡。

Blogger 編輯器的優點:
  • 部落格文章的格式通常都不會很複雜, Blogger 編輯器只提供必要的功能。
  • 採用 AJAX 的技術,Blogger 編輯器會自動儲存文章,自動更正 HTML Tag 的小錯誤。因此,不能在內文輸入「小於符號 英文字串 大於符號」,這樣 Blogger 編輯器會解讀為 HTML Tag。

塊狀的功能區塊:
  • Joomla! 的 Modules(模組)相當於 Google 的 Gadget(小工具)、Yahoo 的 Widget (小工具)。
  • iGoogle 是 Google 所提供的個人化頁面。
  • 相似於 iGoogle,My Yahoo! 是 Yahoo! 所提供的個人化頁面,藉由增加 Widgets,來嵌合個人常用的網路服務。
  • iGoogle,除了搜尋的功能,藉由增加 Gadgets,可加 Gmail、Youtube、、、許多 Google 所提供的服務,也可加入其他廠商所提供的服務。
  • Blogger 也是用 Gadget 來增加部落格的功能。
  • Gadgets 的使用與設定都很直觀、很方便。

下圖呈現 iGoogle 的「Google 新聞 Gadget」的參數設定。



Blogger 已屬於 Google 所提供的服務之一。 Google 的服務其介面,通常有類似的設計。 Blogger 也是用 Gadget 來增加部落格的功能,例如,搜尋框的小工具、意見調查的小工具、網誌清單的小工具、連結清單的小工具。