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



顯示具有 第3章 再論網站主題的重要 標籤的文章。 顯示所有文章
顯示具有 第3章 再論網站主題的重要 標籤的文章。 顯示所有文章

3.1 標誌文字彰顯了主題

接續「2.8 佈景，就是劃分視效區塊」的討論。
本節討論，佈景主題的標誌圖示、標誌文字。
Joomla! 內建的佈景主題有三種：
  • beez
  • JA_Purity
  • rhuk_milkyway
在 C:\xampp\htdocs\twjoomla\templates 目錄下，會看到佈景主題有自己專屬的目錄，來放置圖片檔、CSS 檔、HTML 檔。

進入 templates\rhuk_milkyway\images 目錄下，換掉 mw_joomla_logo.png。
我用下面這一張 PNG 圖片，名稱也仍命為 mw_joomla_logo.png，換掉 Joomla! 預設的標誌圖示。


在 Joomla! 前台會看到下圖這樣的效果。


若你架站屬於自己的 Joomla! 網站，一定要修改標題與標誌文字。

若你真的打算要長久經營 Joomla! 網站，最好是換一套與你的網站主題相符合的佈景。若你有美工的天分，也可以試著修改佈景、設計佈景。

即使你還沒空去找一套合適的佈景，至少有幾處與網站主題有關的圖文要先修改。
  1. 標誌文字 Joomla!
  2. 標題...because open source matters
  3. Meta 標籤：讓搜尋引擎更容易地能找到你的網站。
JA Purity 佈景主題的參數值，標誌類型、標誌文字、標題，可直接調整的參數值。如果你懶得更改標誌的圖片，可直接用文字顯示出網站的主題。

JA Purity 佈景主題的參數值
  • 標誌類型設為文字。
  • 標誌文字 Joomla! ，更改為 我的網站。
  • 標題...because open source matters，更改為 ......分享學習心得。



JA Purity 佈景主題，在 Joomla! 前台會看到下圖這樣的效果。



選用 Beez 佈景主題，在 Joomla! 前台，會看到下圖。
「Joomla! 可存取佈景主題」這幾個字，是用來說明 Joomla! 可任意變更佈景主題的能力。

要換掉「Joomla! 可存取佈景主題」這幾個字，方法很簡單，就是修改文字檔 zh-TW.tpl_beez.ini。
既然，英文可以中譯，只是不確定原作者是否允許用戶換掉「Joomla! 可存取佈景主題」這幾個字。

由於我將 Joomla! 安裝在 Windows之下，這個檔案位置為，C:\xampp\htdocs\twjoomla\language\zh-TW\zh-TW.tpl_beez.ini，以下，為此文字檔的內容。
# $Id: zh-TW.tpl_beez.ini 1.5.12 2009-07-01 22:02:02 ff ~0 $
# author Joomla!Taiwan
# copyright (C) 2006 Joomla!Taiwan All rights reserved.
# license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL

# Note : All ini files need to be saved as UTF-8

ADDITIONAL INFORMATION=額外資訊
BIGGER=放大
DECREASE SIZE=減小大小
INCREASE SIZE=增加大小
FONTSIZE=字形大小：
GRAPH=圖表
HITS=點擊數
JOOMLA ACCESSIBLE TEMPLATE=Joomla! 可存取佈景主題
JUMP TO ADDITIONAL INFORMATION=前往額外資訊
JUMP TO MAIN NAVIGATION AND LOGIN=前往主導覽功能並進行登入
LOGO BEEZ, THREE LITTLE BEES=Logo Beez, 三隻小蜜蜂
PERCENT=百分比
RESET=重設
REVERT STYLES TO DEFAULT=回復到預設樣式
SEARCH, VIEW AND NAVIGATION=搜尋, 檢視與導覽功能
SKIP TO CONTENT=直接前往實際內容
SMALLER=縮小
YOU ARE HERE=您正瀏覽：
LOST PASSWORD?=遺失密碼？
標籤：

3.2 文章內容彰顯了主題

本節標題雖是「文章內容彰顯了主題」，實際上是表達我對網站設計、網頁設計的一些想法，當然最重要的是主題與內容，版面、佈景、格式都是為了主題與內容的呈現。
雖然沒有詳細研究網頁設計的種種技術與竅門，網頁卻是看了不少，上網、瀏覽網頁是再熟悉不過的事情了！

從瀏覽者的角度來分析，對於網頁設計，我的一些想法。
  • 網站的主頁面，也稱首頁，要能立即提供有用的訊息。
  • 文章標題與文章內容，多數都要能符合該網站的主題。
  • 提供功能的操作介面，要親切且平實易用。
  • 版面配置符合常規。
  • 版面配置若有特別的巧思，最好瀏覽者不需要觀看太多次，就能意會。
  • 佈景色調自然，無礙於頁面的瀏覽。
  • 佈景若要獨具風格，也要考量到，會不會影響文章內容與超連結的辨識。
可以從批判的角度，來學習 Joomla! 。

只是不知何故， Joomla! 建站常見的 10 個設計錯誤，該文標題是10個設計錯誤，該文f卻提及13個錯誤。以下條列，該文所提的13個錯誤：
1、糟糕的站內搜索（Bad Search）
2、嵌入到文章頁面的 PDF 文檔（PDF Files for Online Reading）
3、訪問過的鏈接顏色沒有改變（Not Changing the Color of Visited Links）
4、沒有層次的文字堆砌（Non-Scannable Text）
5、固定文字大小（Fixed Font Size）
6、沒有意義的頁面標題（Page Titles With Low Search Engine Visibility）
7、內容外觀像廣告（Anything That Looks Like an Advertisement）
8、違反設計常規（Violating Design Conventions）
9、不能提供用戶所需信息（Not Answering Users' Questions）
10、水平滾動頁面（Horizontal Scrolling）
11、超長的網址（URL > 75 Characters）
12、出乎意料的 E-mail 鏈接（Mailto Links in Unexpected Locations）
13、大量的 Flash 或圖片替代文字內容
讚美，能讓用戶瞭解 Joomla! 的優點。
批判，未必就代表該網友不會採用Joomla!。
還是會有一些弔詭的案例，提醒網站的經營者，世事沒有絕對。
有人只專注在商品本身的銷售，只靠很陽春的網站或部落格，商品就大發利市。
有人費了很大的工夫在網站的外觀與功能，網站卻沒什麼人氣。

若是你要利用 Joomla! 所架設的網站來賺錢，成功與否，有很多要注意的事情，與 Joomla! 都沒有太大的關係。
標籤：

3.3 意圖用途彰顯了主題

Joomla! 可架設多人分工共管的網站，Joomla! 也可只用於架設個人的部落格。

本節分析部落格的用途，而後再分析 Joomla! 網站可能的用途。

撇開網站是否以營利為目的，個人覺得，網站經營最困難的工作是網站的維護。
部落格的用途與維護的方式：
  • 政治人物的部落格：用來發表政治人物個人的高見、遠見、意見。也接受選民發問與申訴。通常，政治人物部落格，在選舉之前，會有比較多的文章與意見發表。由於政治人物選民服務多、公務繁忙，我想有可能是助理充當編輯，助理充當打字員，協助經營部落格，整理選民的意見，回應選民的意見。
  • 政評的部落格：政評部落格的特色就是常會引述新聞事件。政治是眾人之事，上得了政論節目的、上不了政論節目的、文字記者、文字工作者、專業評論員、小老百姓，透過評論文章的撰寫，人人都可對眾人之事發揮小小的影響力，或者純粹抒發心理的不滿。文章若是寫得鞭辟入裡，就會到處被網友引用。
  • 藝人的部落格：藝人在部落格上抒發生活、工作的心得，增加自身的能見度，有時藝人的部落格就是影劇新聞第一手消息的來源。
  • 小說、散文、各類文體的作家部落格：有些作家的靈感就是生活裡的瑣事，作家在部落格上塗塗寫寫，無非是累積下一部作品的能量，有時部落格的文章就是下一部作品的文章。作家也會在部落格上引介其書、其人、其他文友。
  • 繪本、插畫、漫畫的部落格。有人就以此為職謀生。
  • 攝影的部落格：攝影與照相有何差別，就是專業與非專業的差別。
  • 電影、美食、旅遊部落格：這一類部落格的作者，若是浮出台面，也可稱為作家。電影、美食、旅遊的文章，是部落格最常見的文章類型。有人寥寥數語，只是單純的讚美或簡短的抱怨。有人流水帳式的記錄，深怕遺忘了人生片刻的美好光景。有人深刻評論，試著替讀者鑑定影片、食物、景點的質感。
Joomla! 網站的用途與維護的方式：
  • 單純個人使用，因此個人維護與管理網站的內容。
  • 學校行政組織的網站、系所的網站、學生社團的網站，通常只屬於該組織與社團的人才會瀏覽網站內容，或者想報考該系所或加入該社團的人才會瀏覽網站內容。
  • 同好會網站、非營利社團機構的網站，幾個人一起維護與管理網站，數十或數百位同好的友人會經常瀏覽該網站，需告知真實身份才能加入會員。例如，台南市登山愛好社、台南市健行愛好社、台南市露營愛好社。因為是戶外活動，因此會員之間一定會有實際的交流與互動。因此可透過收取會費的方式，來維持網站營運的開銷。
  • 同好會網站，例如， Joomla! 資源分享網。幾個人一起經營網站，開放e-mail申請入會，開放給各地的網友加入會員。
標籤：

3.4 一心一意彰顯了主題

本節也可以說是，「古典黑膠共和國」網站、「古典黑膠共和國」部落格，給我的啟示。
多數的網站，都是很少人知道，一切只因大網站太大、小網站太多。太大因而牢牢抓住了網友的視線，太多因而苦苦等不到網友的青睞。
瀏覽者通常是有意無意，才得知某個網站，經營者卻需要一心一意，才能留住訪客的目光。
如果經營網站、經營部落格，就只是個人的熱忱和興趣，或者只為了記錄生活的瑣事。如果你不以營利為目標，也不管網站的曝光度，那麼這又另當別論了！許多網站的技術、網頁的技術其實可有可無！文章與主題也就不必太在意了！
會造訪網站、瀏覽網頁，總會有一些原由。
瀏覽者可能的行為：
  • 隨便逛逛，因偶然的機緣而進入本網站。
  • 長期以來一直關心特定的議題，透過搜尋引擎而發現進入本網站。
  • 經由RSS新聞聯播、經由文章轉載、經由電郵轉寄、或經由別的網站的介紹，而能從它處讀到本網站的文章，喜歡本網站特定的一兩篇文章，現在想造訪本網站。
  • 深受本網站的內容所吸引，已經來逛過好幾次了，現在想好好地研究本網站的所有內容。
學習 Joomla! 的背景與切入點：
  • 很少上網，對網路的各種技術一無所知。
  • 使用過軟體或硬體大廠所提供的部落格服務，有自己的部落格。
  • 利用虛擬主體廠商的機器，架設自己的部落格，並且發表文章。
  • 會使用Frontpage製作網頁。
  • 專攻網頁版面的設計，熟悉CSS、影像處理與Dreamweaver。
  • 會一些命令稿語言，例如，Javascript、VB script、PHP。
「Joomla! 123架站很簡單」這本書的第1章第15頁，提到了「古典黑膠共和國」這個網站，也提到了這個網站帶給大家的驚訝。
作者王永福先生認為，Joomla! 讓非專業的人能擁有專業的網站。

「Joomla! 123架站很簡單」這本書的作者很大方，作者已提供pdf 電子檔讓大家下載並閱讀這本書。
「古典黑膠共和國」的站長是一位牙醫師，在忙碌的工作之餘，以一星期的時間，用Joomla! 架設「古典黑膠共和國」網站，讓網站運作。

我沒有看過，當初「一星期完成的」網站樣貌。

古典黑膠共和國，有兩個網站：

如果「古典黑膠共和國」站長，原本就用過部落格，那麼對於網路的技術，站長也不完全是非專業的人士。

為何黑膠共和國一星期就能架站完成，並且正式運作？
「古典黑膠共和國」這個網站，給我的啟示是，架站目標明確，自然水到渠成。
如果站長，原本就用過部落格，那麼他原本就有很多想發表的文章，如此，只要遷移、搬動、填寫文章的內容，他已經完成架設 Joomla! 網站一半以上的工作。上述是我合理的猜想。
不包含學習排除如何安裝的疑難，學習架設一個 Joomla! 網站，很像是在學習架設一個部落格。

要架設部落格型態的個人網站？還是要架設多人共用共管的網站？
  • 我覺得，對於曾經努力經營過部落格的人，若要學習與使用 Joomla! 架站，其學習的功效是最顯著的。
  • 要將既有的部落格內容，移轉到全新的 Joomla! 網站，因為網站的主題明確，此時使用 Joomla! 會有一個固定的目標，學習 Joomla! 的速度會比較快。
  • 對於想要學習 Joomla! 用於架設各式各樣、各行各業網站的人，可能因為目標不夠明確，不斷測試模組功能、外掛功能、佈景主題，花費了太多的測試時間。
  • 我的建議是，先決定你要 Joomla! 何用，決定你架設什麼網站，再評估 Joomla! 既有的功能是否可達成，而後再測試第三方所提供的適用模組與外掛。
  • 架設網站的第一要務是決定網站的主題。
  • 網頁的內容與選單的安排都要貼近網站的主題。
  • 假設讀者對於 Joomla! 的後台管理與 Joomla! 的操作方式都還不太瞭解，由「網站的主題」來探索 Joomla! 範例資料所呈現出來的網站架構，可幫助用戶學習 Joomla! 架站的技巧。
標籤：

3.5 依著主題而分門別類

3.5、3.6、3.7、3.8這四節，其標題說明一切，這四節都簡短帶過。
例如，要用 Joomla! 架設一所高中的網站。

單元：
  1. 學校
  2. 校長室
  3. 總務處
  4. 學務處
  5. 教務處

單元1的分類：
  • 學校/創校歷史
  • 學校/豐功偉業
  • 學校/歷屆校友
  • 學校/組織架構
  • 學校/榜單
  • 學校/公告

單元2的分類：
  • 校長室/校長
  • 校長室/秘書
  • 校長室/校長校內活動視察
  • 校長室/意見信箱

單元3的分類：
  • 總務處/設備清單
  • 總務處/修繕公告
  • 總務處/出納組公告
  • 總務處/菜單

單元4的分類：
  • 學務處/訓育組公告
  • 學務處/教官室公告
  • 學務處/榮譽榜

單元5的分類：
  • 教務處/（各科）教學組
  • 教務處/文書組
  • 教務處/競賽組
  • 教務處/榮譽榜

因為一篇文章只能指定一種「分類」，上述這樣「單元」與「分類」的規劃，網站實際運作時，會不會有衝突，我只能預想可能的問題。例如，修繕公告、出納組公告、訓育組公告、教官室公告是統一在「學校/公告」比較好？還是分開比較好？

由於，我並沒有實際架設出這樣的網站。
所以，上述只是瞭解「依著主題而分門別類」的一個假想的例子。
標籤：

3.6 依著主題而擴充功能

3.5、3.6、3.7、3.8這四節，其標題說明一切，這四節都簡短帶過。
可先閱讀1.5、1.6、1.7、1.8這4節。
1.5、1.6、1.7、1.8這4節的標題為：
以下，重述「1.2 主題，就是介紹俊啦自我」已提過的圖文與評論。
  • 新聞快報
  • 最新內容
  • 熱門文章
評論1. 「新聞快報」模組的誤導：
  • 頁面上方是一塊顯眼醒目的區域，對於第一次進入本站的人，網友並不知道這一區塊的功用是「新聞快報」，若該網友仔細讀了「新聞快報」的內容，可能會誤解本站的主題。
  • 「新聞快報」其文字內容字數過多，若真的要在頁面上方，十幾個中文字就夠了，內容簡短並透過超連結提供進一步的說明。

評論2. 「最新內容」模組的誤導：
  • 「最新與否」意謂著新的文章蓋過舊的文章、今日的新聞將是明日的舊聞。
  • 「最新與否」是根據文章的日期來判斷，這也暗示了該網站是否持續有在更新。
  • 對於第一次進入本站的人，若該網友仔細讀了「最新內容」的全文，可能很難體會「最新」所代表的涵義，因而認為站長沒有用心在經營網站，持續發表新的文章。
評論3. 「熱門文章」模組的誤導：
  • 「熱門與否」意謂著文章的曝光程度、眾人的閱讀偏好。
  • 「熱門與否」是根據點擊的數量來判斷，這也暗示了該網站是否受到網友注意。
  • 對於第一次進入「 Joomla! 範例網站」的人，若該網友細讀了「熱門文章」的全文，可能很難體會「熱門」所代表的涵義，因而認為這個網站一點都不熱門，是冷門的網站。
總結前述，回應本節標題，依著主題而擴充功能，適合你的網站主題的模組，才是好的模組功能。
標籤：

3.7 依著主題而分工合作

3.5、3.6、3.7、3.8這四節，其標題說明一切，這四節都簡短帶過。
重述「2.1 功能，就是分工分類發文」對於「會員管理」的描述：前台註冊的會員等級分為 Registered、Author、Editor、Publisher，也就是註冊會員、作者、編輯人員、發佈者，後台管理的人員等級分為 Super Administrator、Administrator、Manager，也就是超級管理員、系統管理員、管理員。

Moodle 對於會員管理的功能，應該是最容易懂的，因為每個人都當過學生，對於學生的角色、老師的工作為何也很清楚。即使沒當過老師，可能也當過小老師或助教。
Moodle 的使用者分為：
  • 網站管理員
  • 開課教師
  • 教師
  • 助理教師
  • 學生
  • 訪客
  • 已認證的使用者
其實，若讀者只是純粹在玩 CMS 系統，還沒有架設網站的目標，我建議何妨試試 Moodle 。
只從學習這個角度來比較，Moodle 比 Joomla! 容易上手，原因無它，主題明確、身分明確、目標明確。

若是你不打算學 Moodle ，但是你想要多人共同經營一個 Joomla! 網站，想像一下在 Moodle 系統裡，如何分工合作，讓 Moodle 這個學習平台得以完美的運作。想像一下，教師要如何運用「胡蘿葡與棒子」的策略，吸引學生使用 Moodle 這個學習平台。
而後，再思索你經營 Joomla! 網站的策略、分工合作的方式。
標籤：

3.8 依著主題而搭配佈景

3.5、3.6、3.7、3.8這四節，其標題說明一切，這四節都簡短帶過。
幾乎所有的部落格系統、 CMS 系統都可以更換佈景。
而 Joomla! 所架設的網站，公認是比較美觀的。

但美觀只能維持網站片刻的人氣，重要的還是網站所提供的內容與服務。在你明白如何客製具有個人風格的美觀網站之前，應當先明白如何安排文章內容、選單項目與模組區塊。
若要測試免費佈景，請搜尋 Free Joomla Templates。
標籤：
訂閱： 文章 (Atom)