XOOPS校園多媒體網站架設研習

1. 關於XOOPS

XOOPS用來白話文來說，就是一個架站機，可以讓您很快的架出您想要的網站。

XOOPS是用PHP寫的，其資料均存放在MySQL資料庫中，換言之，要使用XOOPS，就必須有以下環境：

  1. 網頁伺服器（如Apache）
  2. MySQL資料庫
  3. 支援PHP

一般的Linux主機大多有上述的三種環境，若是您想在Windows平台下操作，那也同樣的需要有以上的三個環境。

在Windows下，您可以依序去裝三者的windows版程式來安裝，裝完，設定一下即可。但整個過程繁複，故建議直接使用人家整合好的程式來安裝即可，簡單又快速，以下是推薦的兩種程式：

  1. XAMPP：強力推薦！有Linux版以及Windows版，內含套件均相當新，功能強大！安裝快速！
  2. Apperv：歷史悠久的一套整合程式，安裝簡單，但只有Windows版，裡面的套件更新速度較慢些。

小弟是推薦 XAMPP 這個套件！相當好用！

ps.不建議使用 Appserv ....問題會比較多。

XOOPS校園多媒體網站架設研習

1-1 安裝 XAMPP 伺服器環境

下載 XAMPP 1.7.4 安裝版（適用長期運作網站）

下載 XAMPP 1.7.3 安裝版（適用長期運作網站）

下載 XAMPP 1.7.3 Lite 版（適合短期試用或有還原系統環境者）

一、XAMPP 1.7.4 裡面的內容

二、XAMPP 完整版的安裝

  1. 點兩下執行即可（若是電腦有裝還原系統的可安裝 XAMPP Lite）。
  2. 裝好後，你可以在「開始→程式集→XAMPP」下找到XAMPP。在XAMPP的控制面版中， 你可以啟動 / 停止所有的伺服器。

網站網址 http://localhost 或 http://您的IP（建議用IP）

網頁目錄 C:\xampp\htdocs

 

三、修改 /php/php.ini

   (1) short_open_tag = On（約在226行，允許使用<?這種短標籤）
   (2) date.timezone = Asia/Taipei（約在1013行，設定時區）
   (3) magic_quotes_gpc = On（約在749行，自動把特殊字元加上拖曳符號）
   (4) error_reporting = E_ALL | ~E_STRICT（約在156行，xampp 1.7.4 者才要改）

四、加強安全性

刪除底下資料夾：

XOOPS校園多媒體網站架設研習

1-2 架設 XOOPS 網站


XOOPS官方網站：http://www.xoops.org

XOOPS正體中文支援網：http://xoops.tn.edu.tw

下載 XOOPS 2.5

一、關於XOOPS

  1. 裝XOOPS需要什麼條件？ 有網站伺服器、PHP和MySQL資料庫。
  2. 架好的網站有什麼功能？ 端視裝了哪些「模組」來決定。
  3. 可控制某用戶只能用某功能嗎？ 可！設好「群組」權限即可。
  4. 網站外觀要自己設計嗎？ 有現成佈景可套用，自己設計亦可。
  5. 可控制畫面上要呈現出來的內容？ 可！利用「區塊」管理。
  6. 模組是放在哪裡呢？ 「網頁目錄/modules」底下
  7. 區塊又是放在哪裡？ 「網頁目錄/modules/blocks」底下
  8. 佈景是放在哪裡呢？ 「網頁目錄/themes」底下
  9. 用戶上傳的檔案在哪？ 大部分在「網頁目錄/uploads」底下
  10. 哪一個是網站主要設定檔？ mainfile.php
  11. 2.0、2.2、2.3、2.4 哪個好？ 不一定，習慣就好，但官方及我都推薦 2.3以後的版本。
  12. Big5和UTF8哪個好？ 強烈建議裝UTF-8，最省事，相容性又好；Big5快沒前途了。

二、安裝XOOPS

  1. 可至 http://xoops.tn.edu.tw 或http://tad0616.net下載您要的版本。
  2. 下載後解開xoops壓縮檔。
  3. 將XOOPS主程式（htdocs底下的所有檔案）複製到xampp的htdocs底下（或上傳至主機的網頁目錄下）。
  4. Linux主機必須設定權限：uploads、xoops_data（含其下所有目錄） 等目錄為777以及設定檔mainfile.php、include/license.php為777。（Windows不用設）
  5. 安全因素起見，建議把xoops_lib及xoops_data移到htdocs的上一層。
  6. 開啟瀏覽器，輸入「網址」或者「IP」，若無網址或固定IP，也可以輸入「http://localhost」開始安裝。
  7. 資料庫設定頁面，主機名稱一律設定localhost即可（除非您的網站和資料庫分屬不同主機），然後輸入資料庫帳號密碼，「持續連接」不建議打勾。
  8. 若以root來連線，資料庫名稱可自訂，若不是root，資料庫需事先建立好，並在此輸入其名稱。其餘項目不需要去修改。

  9. 裝好之後，請刪除install目錄
  10. 將mainfile.php的屬性改成唯讀（Linux 下請改為444）。

 

XOOPS校園多媒體網站架設研習

1-3 更換網站IP

1.修改mainfile.php（先取消唯讀），修改43行：define('XOOPS_URL', 'http://新網址或IP');

2.刪除 xoops_data/caches/smarty_compile裡的所有快取檔案。

XOOPS校園多媒體網站架設研習

1-4 改用臺南市網認證機制

  1. 先下載（目前僅測試過 2.5 但據說 2.4 也OK）
  2. 解壓後，將之上傳到網頁根目錄，覆蓋所有檔案。
  3. 執行「http://網址/go_tn.php」即完成。
  4. 刪除 go_tn.php。

執行後，凡是有台南市認證系統帳號的，都可直接登入。

除錯

  1. 若是登入顯示認證錯誤，表示您忘了執行 go_tn.php
  2. 若是登入後一片空白，表示您的PHP不支援soap，請開啟php.ini將 php_soap.dll前的分號取消掉，存檔，重新啟動apache即可。
  3. 若是執行完 go_tn.php，也改完 php.ini，但登入仍是空白，那不是忘了將php.ini 存檔，就是忘了重啟 apache。

修改為只有本校教師可登入：

開啟：htdocs\class\auth\auth_tn.php

原先是所有學校都可以登入

if(!empty($user['UserName']))$authenticated=true;
//要限制學校請將63行註解取消，並修改學校代碼，此外，請將61行加上註解
//if(!empty($user['UserName']) and $user['SchoolCode']=='213604')$authenticated=true;

改為只有某學校可以登入（範例213604是東光國小的教育部學校代碼）

//if(!empty($user['UserName']))$authenticated=true;
//要限制學校請將63行註解取消，並修改學校代碼，此外，請將61行加上註解
if(!empty($user['UserName']) and $user['SchoolCode']=='213604')$authenticated=true;

 

XOOPS校園多媒體網站架設研習

2. TadNews 校園佈告欄的安裝

一、一般的模組安裝（在XOOPS中「安裝」模組的原則）

  1. 下載模組→解壓縮→上傳到主機
    1. 如果解壓縮後，裡面有modules目錄，請將所有目錄上傳到根目錄（如：xampp/htdocs/ 或者/www/）下。
    2. 若只有一個目錄，且底下有xoops_version.php這個檔，請上傳該目錄到模組目錄（xampp/htdocs/modules/ 或者 /www/modules/）下。
  2. 點選「管理員選單→模組→管理區」，找到上傳的模組，點「安裝」鈕。
  3. 萬一安裝過程忘了設定，可以到「管理員選單→使用者→群組」去重新設定。
  4. 接著就可以使用該模組，或者可以去做模組偏好設定、或新增該模組的區塊囉！
  5. 若是您的XOOPS為2.0或2.2，而且無法安裝最新的 2.3 以上的模組，請下載Frameworks，解壓縮後，將裡面的Frameworks上傳到XOOPS根目錄即可！（若是2.2者，請將裡面的xoops22資料夾刪除）

二、安裝Tad Tools模組

  1. 從Tad 模組2.0系列起，所有模組都均需搭配 Tad Tools工具包 才能順利運作。
  2. Tad Tools工具包蒐羅需多模組可共用的工具，一來維護容易，二來可有效大幅縮小模組體積。
  3. Tad Tools 的詳細說明

三、安裝TadNews模組

  1. TadNews的詳細說明
  2. 將模組解壓，把tadnews目錄上傳到modules下，進入後台進行模組安裝即可。

三、建立分類

  1. 將新聞分類，可無限分類。
  2. 可以針對每個分類設定不同的權限，以便讓他人也可以發新聞。
  3. 分類可以上傳圖片。

四、發佈含有圖片的新聞

  1. 從前台或後台都可以發佈新聞。
  2. 圖片可直接上傳，並設定成文繞圖。
  3. 點選，選擇「瀏覽伺服器端」，然後就可以上傳圖片了。
  4. 只要設成「靠左對齊」或「靠右對齊」就有文繞圖效果。

五、發佈含有表格的新聞

  1. 若有表格，建議使用文書軟體+螢幕抓圖，製成圖片為佳。不建議直接從文書軟體將表格複製貼上。
  2. 可以插入一個新表格，若要刪除表格：「右鍵→刪除表格」即可。
  3. 合併儲存格：如下圖
  4. 設定儲存格底色：如上圖，然後選擇「儲存格屬性」設定即可。

六、加入超連結

  1. 標記文字，點選，然後貼上網址即可。
  2. 可直接連到文件，文件亦可直接上傳，選擇「瀏覽伺服器端」，即可上傳文件，該連結也會自動加上。

七、將長文章進行摘要

  1. 所謂「摘要」就是把較長的文章一分為二，擷取出前一兩段作為摘要。
  2. 呈現頁面時，或者電子報內容，只會列出摘要。
  3. 按一下即可插入摘要分隔符。

八、加入區塊

  1. 「本站最新消息」：建議使用，會秀出最新的新聞。
  2. 「新聞類別」會將所有新聞主題列出，並提供RSS連結。
  3. 「最新回應」會針對新聞的網友評論整理列出。

XOOPS校園多媒體網站架設研習

2-1 幾個找模組的地方

  1. http://xoops.tn.edu.tw/modules/xforum/viewforum.php?forum=7
  2. http://www.xoops.org/modules/repository/
  3. http://xoops.org.cn/modules/wfdownloads
  4. http://twpug.net/modules/xoops/
  5. http://www.xuups.com/modules/publisher/category.php?categoryid=2

 

XOOPS校園多媒體網站架設研習

3. 「電子報」及「自訂頁面」的用法及設定

一、自訂頁面的應用

  1. 自訂頁面可以讓您自己產生各種自訂頁面。
  2. 自訂頁面和新聞只是共用介面，但並不會出現在新聞中。

二、使用步驟

  1. 到「自訂頁面」建立分類後，再去新增文章。
  2. 新增文章時，記得選擇「自訂頁面」的分類（以紅字顯示）。
  3. 「自訂頁面」的文章不會出現在新聞中，只能以「區塊」的方式，來列出該分類底下的所有文章標題，故請新增「自訂頁面區塊」，並指定欲呈現的分類。

三、電子報的基本設定

  1. 電子報可讓您從新聞中，挑出您要的文章（當然要重新寫也行），然後寄送給訂閱者。
  2. 電子報需要有人訂閱（要自己新增也行），所以請新增「訂閱 / 取消電子報」區塊。
  3. 主機要能支援寄信功能，不然，也可以從「本站新聞」的電子報

四、XOOPS寄信設定

  1. 正常的話是不需設定的，但若是信寄不出去可以試試。
  2. 「選單管理員→偏好設定→系統→郵件設定」，「郵件遞送方法」設「SMTP」，「SMTP 主機」設「mail.tnc.edu.tw」←僅於教網有效。

五、電子報主題

  1. 您至少必須有一組「電子報主題」，才能在該主題下建立每一期的電子報。
  2. 「選單管理員→模組→本站新聞→電子報管理」去建立新的「電子報主題」。
  3. 每一組「電子報主題」可以有自己的名稱、檔頭、檔尾以及佈景。
  4. 一個網站可以建立許多不同主題的電子報。
  5. 若要刪除一個「電子報主題」，得先將其下的電子報都刪除才行。

六、編輯電子報

  1. 「選單管理員→模組→本站新聞→電子報管理→新增一期電子報」，可以從左邊選擇您要放入電子報的新聞。
  2. 「步驟三」可以做最後的整理，要增減內容請在此進行。
  3. 「步驟四」可以預覽電子報，也可以自行增減要寄信的對象，然後進行寄出動作。
  4. 在使用者介面的「本站新聞→電子報列表」也可以看到電子報。
  5. 此時，您也可以新增「電子報一覽」的區塊，以便讓網友觀看。

 

XOOPS校園多媒體網站架設研習

3-1 Windows下可用Gmail寄信

若您的主機是在Windows XP 底下，那通常是沒有郵寄伺服器的，不過，XAMPP 1.7.3 之後便可透過 sendmail設定來用 gmail 寄信

修改 sendmail.ini 

開啟 C:/xampp/sendmail/sendmail.ini

# A freemail service example
account gmail
tls on
tls_certcheck off
host smtp.gmail.com
port 587
from 您的帳號@gmail.com
auth on
user 您的帳號@gmail.com
password 您的密碼

# Set a default account
account default : gmail


修改php.ini文件

開啟 C:\xampp\php\php.ini，找到[mail function]和[SQL]中間的部分，改成：
sendmail_path = "C:\xampp\sendmail\sendmail.exe -t"

重新啟動apache即可。

 

線上收信的限制

有些標籤或樣式會無法使用：http://www.campaignmonitor.com/css/

XOOPS校園多媒體網站架設研習

3-2 自訂區塊用法

「後台 →區塊→系統→自訂區塊」

Tenki 氣象貼紙

http://www.tenki.tw/itenki/download/blog.php

 各種漂亮的跑馬燈

http://tw.myblog.yahoo.com/happy-too/article?mid=16583&prev=-1&next=16425

音樂播放

http://tw.myblog.yahoo.com/happy-too/article?mid=15460&prev=15554&next=15202

便利貼

http://tw.myblog.yahoo.com/happy-too/article?mid=16141&prev=16306&next=15966

 

 

 

XOOPS校園多媒體網站架設研習

4. 更換網站佈景

一、換佈景

  1. 下載佈景檔，解壓縮，檢查目錄裡面是否有theme.html。
  2. 將目錄上傳到themes中，「管理員選單/偏好設定/系統/一般設定」進行佈景安裝。
    1. 「預設版面風格」：選擇剛剛上傳的佈景
    2. 「要由版面風格/您的版面風格/樣版目錄中來更新.....」選「是」。
    3. 「可選用的版面風格」：使用者可套用的佈景，一定要包含「預設版面風格」所用的佈景。

二、提供佈景的網站

  1. http://www.xoops.org/modules/news/index.php?storytopic=3
  2. http://www.xoops.org/modules/extgallery/public-categories.php?id=2
  3. http://www.xoops-theme.com/modules/myalbum/
  4. http://www.frxoops.org/modules/TDMPicture/
  5. https://www.aphexthemes.com/modules/themes/viewcat.php?cid=1
  6. http://themebot.com/free-website-templates/xoops-themes
  7. http://hello.oceannet.jp/
  8. http://xoops.tn.edu.tw/modules/xforum/viewforum.php?forum=15
  9. http://xoops-demo.com/modules/TDMDownloads/
  10. http://www.xoops-tr.com/modules/myReviews/viewcat.php?op=&cid=1

三、將佈景編碼換成和網站一致

  1. 方法一：記事本（另存新檔→選擇新編碼）
  2. 方法二：ConvertZ

四、修改連結及文字

  1. http://網址/register.php → 使用者註冊
  2. http://網址/user.php → 登入頁面
  3. http://網址/search.php → 進階搜尋

 

XOOPS校園多媒體網站架設研習

4-1 修改標題圖檔

底下以PhotoImpact為例

  1. 「如果圖片想留著」：點選底圖→套索工具→在物件上選取（以「點-放」方式選取）→ 轉成物件。
  2. 「去除文字，留下乾淨背景」：點選底圖→「標準選取工具」→在物件上選取（選取乾淨背景）→轉成物件（以便變形）→變形工具（取消「維持長寬比」，並拉大覆蓋原有文字）。
  3. 「合成單一底圖」：挑選工具→將新圖層往下一層（讓logo往上）→按住Ctrl選取所有圖層（底圖、logo、新圖層）→合併成單一物件。
  4. 「如果是gif檔，請轉全彩」：調整→轉換影像類型→RGB全彩→關閉原圖檔
  5. 「輸入自己的文字」：文字工具（輸入文字）→檔案→儲存（存成UFO）→網路→影像最佳化工具（存成gif或png）。
 

XOOPS校園多媒體網站架設研習

4-2 Proxy設定

XOOPS校園多媒體網站架設研習

4-3 解決 jquery 衝突

  1. 觀察佈景原始碼，找出 jquery-xx.js，那一行，並將之刪除或修改。
  2. 修改為用google的jquery即可，如：
    <script type='text/javascript' src='http://www.google.com/jsapi?key=金鑰'></script>
    <script type='text/javascript'>
        google.load('jquery', '1.4.4');
    </script>

XOOPS校園多媒體網站架設研習

4-4 讓主選單和使用者選單的選項不要擠在一起

找出佈景主要css檔，在空白處加入：

#mainmenu a , #usermenu a{
  display:block;
}

XOOPS校園多媒體網站架設研習

5. 好站連結+RSS新聞

一、好站連結模組使用方法

這個模組的操作相當簡易，要新增網站，請到該模組的後台管理，看到「新增站台」就給它新增下去。

要填的欄位很少，只有簡單幾個，新增完，您就會在管理介面看到一個新的網站。

圖片會自動抓取，萬一您的圖片是空白的，那也不用緊張，您可以自己去點幾下，讓系統去抓取，萬一還一直是空白也沒關係，過幾分鐘就會出現了。

三、RSS新聞

只是好站連結不過癮？若是可以把別的網站的新聞或者最新消息拿到自己網站來播放，那豈不是可達到「秀才不出門，便知天下事」的境界！

此模組只要讓您填入RSS網址，那麼，便能自動幫您抓取完整資訊喔！

http://www.mdnkids.com/info/RSS/rss.asp

 http://mag.udn.com/udnrss/campus_rss.xml

XOOPS校園多媒體網站架設研習

6. Tad Uploader 檔案上傳

國外的檔案上傳管理模組實在是太複雜了，要填的欄位一大堆，因此，寫了一個比較簡單易用的檔案上傳模組來使用。此模組除了可以直接上傳外，還可以使用檔案連結的方式，可以節省您的主機頻寬喔！

Tad Uploader 完整說明

XOOPS校園多媒體網站架設研習

7. 自訂頁籤區塊（My Tab）

My Tabs模組是一個相當特別的模組，它可以重組您的區塊，讓他們以分頁的方式來呈現，設計得好的話，不但省空間，而且還可以改善使用者的操作效率喔！

My Tabs就是一個特殊的區塊而已，這個區塊帶有分頁，可以讓您在一個My Tabs區塊中，顯示各種不同的區塊內容。

我們要做的事情只有幾個：

  1. 命名並建立一個新的My Tabs區塊。（這裡指的「My Tabs區塊」實際上是一種「區塊容器」，而非XOOPS真正的區塊，我們目前所要做的就是去設計此區塊容器。）
  2. 在此My Tabs區塊中，分別命名並建立各個分頁。
  3. 指定分頁的內容要呈現哪個區塊。
  4. 將My Tabs區塊實際安裝起來，並進行適當的設定。

 

XOOPS校園多媒體網站架設研習

7-1 自訂校園藝文活動新聞

<div id='tn_schnews'></div>
<script language="javascript" src="http://schnews.tn.edu.tw/tn_schnews2.php" defer="defer"></script>

XOOPS校園多媒體網站架設研習

8. 安裝TadGallery電子相簿

一、安裝Tad Gallery電子相簿

  1. 將模組解壓，把 tadgallery 目錄上傳到modules下，進入後台進行模組安裝即可。

二、設定分類

  1. 請到後台的「模組→電子相簿→分類管理」來新增分類，非必須，但建議這麼做。
  2. 點選「進階選項」可以針對分類設定「密碼」、「讀取權限」、「上傳權限」、「縮圖外框 」...等。
  3. 刪除分類也會刪除底下所有照片。若其底下有次分類，則次分類會被移至「不分類」

三、批次上傳圖檔

  1. 若要上傳單一圖片，可到電子相簿模組首頁，利用「上傳照片」來傳輸單一圖片。
  2. 請將圖上傳到「/uploads/tadgallery/upload_pics」下，即可執行批次匯入。
  3. 如果圖比較多，或者圖比較大，那麼會跑比較久，千萬別關掉！一定會全部匯入的！

四、備份實體圖片檔案

  1. 不管是單一上傳還是批次匯入，模組都會試圖去讀取相片的EXIF資訊，找出拍照日期，然後在「/網頁目錄/uploads/tadgallery/」下建立出「日期資料夾」，如2008-04-24，並將同一天的相片擺入。
  2. 若是讀不出日期者，則以上傳當天的日期為準。
  3. 要備份原圖，只要將「/網頁目錄/uploads/tadgallery/」下的所有日期資料夾備份即可。
  4. 若要備份中型縮圖，則備份「/網頁目錄/uploads/tadgallery/middle」，若要備份小型縮圖，則備份「/網頁目錄/uploads/tadgallery/small」即可。

五、相片處理

PhotoScape圖片加工（←點擊下載，縮放+加外框特別好用）

  1. 官網：http://www.photoscape.org/ps/main/index.php
  2. 批次轉換：左邊選擇圖片目錄→將圖片拉到上方
    • (1) 主要功能→設定外框（需要的話）
    • (2) 調整大小→調整長邊→設定長邊大小
    • (3) 濾鏡→自動調整（中）+銳化（+2）+改善對比（中）
    • (4) 裝飾→可加入浮水印

 

XOOPS校園多媒體網站架設研習

9. 電子相簿進階應用

一、其他技巧

  1. 觀看圖片時，上方的，點一下可以複製該圖片的完整網址，如此可隨意插入任何文章中。
  2. 可將該圖設定成精華圖片，用區塊播放圖片時，可篩選只播精華圖片。
  3. 可編輯、搬移該圖片。點選則會刪除該圖片的實體檔案（含縮圖）。

二、使用相片牆功能

  1. 要使用3D相片牆功能，需安裝PicLens（http://www.piclens.com 有firefox、IE...等版本）
  2. FireFox可從「檔案→開啟檔案」安裝xpi檔。
  3. 安裝後，點選即有絢爛的效果。

三、XP 上傳精靈的使用

  1. XP 上傳精靈：可讓非管理人員也可以做到批次上傳的功能。
  2. 沒安裝過reg檔的，第一次得先安裝reg檔，之後就不需要安裝了。
  3. 裝好後，打開檔案總管，切換到您的圖片資料夾。
  4. 選好圖片，按左邊的「將選取的項目公佈到網頁」（若找不到，請關閉「資料夾」選項即可看到）
  5. 接著，就按照指示來上傳。上傳時，不需要縮圖（要縮也行啦～）。
  6. 上傳完畢後，連到網站的「批次匯入」，把圖片匯入相簿即可。

XOOPS校園多媒體網站架設研習

10. TadCbox即時留言簿的安裝

一、安裝Tad Cbox即時留言簿模組

  1. 下載模組→解壓縮→上傳到「/網頁目錄/modules/下→安裝。
  2. 管理員選單→區塊→加入「即時留言簿」區塊。

二、讓主選單不要出現「即時留言簿」的連結

  1. 「管理員選單→模組→管理區」。
  2. 「次序」設成0即可。
    1.  「啟用」若是取消，那麼模組無法使用，但資料會在。此外，反安裝按鈕會出現。
    2.  若是「反安裝」模組， 那麼模組無法使用，且該模組資料全部清空，不可不慎。

三、加入表情圖

  1. 表情圖的規格19x19
  2. 檔名一律：「s編號.gif」
  3. 下載表情圖，解壓，更名。
  4. 把圖放到「/網頁目錄/modules/tad_cbox/images/smiles/」中即可。

XOOPS校園多媒體網站架設研習

11. 把影片放上網

一、安裝Tad Player 影音播放模組

  1. 將模組解壓，把 tad_player 目錄上傳到modules下，進入後台進行模組安裝即可。
  2. Youtube縮圖位置：http://i3.ytimg.com/vi/影片隨機碼/0.jpg
  3. 更新 tadtools/mediaplayer

二、用Riva把影片轉成flv

  1. 設定input（影片來源）
  2. 設定output（輸出到哪裡）
  3. 設好Movie Size尺寸，用480x360即可。
  4. 設好Bitrate，越高越清晰，但檔案越大（建議768）。
  5. 按下「Encode」即可。
  6. 可切換到Images來抓圖。

三、用winFF來轉檔
  1. 優點：比Riva支援更多輸入及輸出格式、畫面簡單。少數無法用Riva轉的軟體可以試試Riva。
  2. 缺點：無抓圖功能、畫面太簡單。
  3. 用add來匯入檔案
  4. 設定好Convert to（選取匯出格式），選Flash Video(flv)
  5. 設好Output（輸出位置）
  6. 最後按下「Convert」即可。
四、批次上傳影片檔
  1. 將影片檔以及縮圖（可略）檔案傳到「/uploads/tad_player_batch_uploads」，該資料夾會自動建立，若無，自己建也行。
  2. 影片檔以及縮圖必須同檔名，程式才知道他們是同一組。
  3. 到後台「模組→影音播放器→批次上傳」，設好分類，匯入即可。

 五、Youtube影片剪輯

網址：http://www.tubechop.com/

說明：http://www.freegroup.org/2010/05/tubechop/

XOOPS校園多媒體網站架設研習

11-1 讓影片在文章中文繞圖的作法

<div style="float: right;">

影片語法

</div>

 

若要放在左邊，並文繞圖，則把「right」改為「left」即可。

XOOPS校園多媒體網站架設研習

12. 影片與網站的整合

一、把影片（或含清單）插入到新聞（或文章）中
  1. 播放影片時，將下方播放語法複製起來。
  2. 新增一則新聞，編輯時，先將所有文字打好，然後，在切換到「原始碼」模式，貼入剛剛複製的語法即可。

二、其他使用技巧

  1. 請安裝「影音特區」區塊，可以讓您指定播放單一影片，並自己設定大小。
  2. 想要連續撥很多首MP3音樂？請讓mp3集中在某一個分類，然後使用「影音清單播放」，指定該分類，若MP3並無縮圖，則建議將螢幕寬度設成0即可。
  3. 免費又合法的MP3下載：http://www.muzie.co.jp

三、抓取影片技巧

  1. 建議使用FireFox瀏覽器
  2. 搭配 Video DownloadHelper 擴充套件，即可快速的抓取網路上的影片。

XOOPS校園多媒體網站架設研習

13. 學生交作業模組

一、安裝Tad Assignment

  1. Tad Assignment是一套可以用來讓人家上傳檔案的模組，管理員可以開設主題，設定密碼，只要知道密碼的人，都可以上傳檔案。

  2. 解壓，將tad_assignment傳到modules底下，並至後台安裝即可。

二、操作步驟：

1.老師先到後台建立一個上傳主題，並設定上傳密碼，以及上傳日期。

2.學生上傳時，只要選擇要上傳的檔案，填入姓名及上傳密碼，即可上傳。

三、若要上傳大檔：

請將模組目錄中的htaccess.zip解壓縮即可，最大可傳到100MB的檔案。

四、若上傳的檔案格式不支援：

到模組管理後台的「新增上傳格式」，把該檔案上傳，系統就會自動辦別其格式，並加入該格式支援。

XOOPS校園多媒體網站架設研習

14. 備份步驟

1.停止 Apache、MySQL

2.備份 c:\xampp 下的 htdocs、xoops_data、xoops_lib

3.備份 c:\xampp\mysql\data

4.回家安裝 xampp（先別啟動）

5.把 htdocs、xoops_data、xoops_lib、data 複製回原來的相對應位置

6.修改 mainfile.php 中的IP及路徑

7.清除 C:\xampp\xoops_data\caches\smarty_compile 中的所有檔案

8.啟動 xampp 即可

XOOPS校園多媒體網站架設研習

15. XOOPS佈景速成

一、 站在巨人的肩膀上

  1. http://www.openwebdesign.org/
  2. http://www.freecsstemplates.org/
  3. http://www.oswt.co.uk/index.html
  4. http://www.freelayoutsworld.com/
  5. http://www.templateworld.com/free_templates.html

二、 整理樣板

  1. 先將index.html另存成theme.html
  2. 用所見即所得軟體，將畫面簡化，去除範例內容，並規劃出相關區域。
  3. 建議使用工具

三、 加入XOOPS佈景檔頭

  1. 請開啟教材包中的「檔頭.txt」，並將裡頭所有內容複製起來。
  2. 開啟theme.html，貼上並覆蓋<body>之前（含<body>）的所有HTML語法。
  3. 注意裡面的css檔連結位置，請視您的佈景css檔位置及檔名來自行修改。

四、 加入XOOPS樣板標籤

  1. 請開啟教材包中的「樣板碼.txt」，並將裡頭所有內容依序複製起來。
  2. 將複製起來的語法複製到theme.html中，並覆蓋原先標示的中文。

五、 修改檔案路徑

  1. 把「images/圖檔」都改成<{xoImgUrl images/圖檔}>，<{xoImgUrl}>代表完整佈景路徑。舊版寫法：<{$xoops_imageurl}>
  2. 其他不在佈景目錄中的檔案，用<{xoAppUrl 檔案}>來連結之。<{xoAppUrl}>代表網站網址。舊版寫法：<{$xoops_url}>

六、 複製必要的XOOPS樣式：

  1. 把xoops.css複製到您的佈景目錄中即可。
  2. xoops.css並非官方規定必要之檔案，而是我們自行整理出來一些XOOPS中有用到的CSS設定，因此，請自行修改或調整其內容。

七、 建立基本的區塊呈現區樣板檔（block.html）

  1. 每個區塊放置區都可以有一個樣板檔，可各自一個，也可共用一個。
  2. 區塊放置區的樣板碼可直接寫到them.html中，但這樣容易導致theme.html不易維護，所以大多獨立出來。
  3. 區塊呈現區樣板只有兩個樣板標籤：
    • (1)  區塊標題：<{$block.title}>
    • (2)  區塊內容：<{$block.content}>

<{if $xoops_dirname == "news" }>class="current"<{/if}>

八、 XOOPS樣板標籤一覽：

  1. <{$xoops_isuser}>：是否有登入
  2. <{$xoops_userid}>：使用者編號
  3. <{$xoops_uname}>：登入帳號
  4. <{$xoops_isadmin}>：是否為管理員
  5. <{$xoops_theme}>：使用佈景名稱
  6. <{$xoops_imageurl}>：佈景路徑
  7. <{$xoops_themecss}>：佈景CSS路徑
  8. <{$xoops_requesturi}>：執行的網址
  9. <{$xoops_sitename}>：網站名稱
  10. <{$xoops_slogan}>：網站口號
  11. <{$xoops_dirname}>：XOOPS目錄
  12. <{$xoops_banner}>：廣告
  13. <{$xoops_pagetitle}>：頁面標題
  14. <{$xoops_avatar}>：使用者圖像（XOOPS2.4.3新增）
  15. <{$xoops_usergroups}>：使用者所屬群組（XOOPS2.4.3新增）