Tad 教材網 - 線上書籍

:::

5. 自訂頁面及新聞區塊

7. 網站佈景替換及修改 next

\[992\]XOOPS 2.5 互動多媒體網站架設入門
============================

[![](http://tad0616.net/uploads/dl.gif)](http://120.115.2.76/tad/tad_book3/file/9902/06.zip)

### 一、開啟KCFinder檔案管理

1. PHP5的主機才可使用，請至模組管理後台的偏好設定開啟該設定。
2. 要加入檔案請點擊兩下檔案即可。
 
### 二、TadNews模組電子報設定

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

1. 「後台→本站新聞→電子報管理」，先選擇主題→「新增一期電子報」
2. 「步驟二」可以從左邊選擇您要放入電子報的新聞到右邊，並調整上下順序。
3. 「步驟三」可以做最後的整理，要增減內容請在此進行。
4. 「步驟四」可以預覽電子報，也可以自行增減要寄信的對象，然後進行寄出動作。
5. 在使用者介面的「本站新聞→電子報列表」也可以看到電子報。
6. 此時，您也可以新增「電子報一覽」的區塊，以便讓網友觀看。
7. 若Email很多，可以分批寄送，送完一批後，按回上頁，即可送第二批。
 
### 四、TadNews模組電子報佈景設計

[<span style="background-color: rgb(255, 255, 153);">PhotoImpact 12 試用版下載</span>](http://www2.csps.tp.edu.tw/Download/PhotoImpact%2012%20%E8%A9%A6%E7%94%A8%E7%89%88.exe)<span style="background-color: rgb(255, 255, 153);">（用來繪製版型）</span>

[<span style="background-color: rgb(255, 255, 153);">DreamWeaver 8 試用版下載</span>](http://www.jcps.kh.edu.tw/database/ClassSystem/DocumentDocumentDownload.php?teacher_id=10&document_id=6353)<span style="background-color: rgb(255, 255, 153);">（用來製作樣板）</span>

1. 一套電子報佈景是一個目錄，主佈景檔名為index.html，做好請傳至「/web/uploads/tadnews/themes/」底下即可。
2. 先編輯好一個網頁，然後切換到「程式碼」，加入一些佈景標籤即可完成。
3. 線上收信圖片會消失，是因為線上收信程式擋掉部份標籤或CSS的關係，若希望圖片可以完整呈現，盡量用HTML標籤，並請避開被禁止之CSS屬性：<http://www.campaignmonitor.com/css/>
4. 景中，可用的樣板標籤如下（灰色的部份是一定要用的部份）：
 
 <table border="1" cellpadding="1" cellspacing="1" width="600"> <thead> <tr> <th scope="col" width="116">套用標籤</th> <th scope="col" width="471">標籤作用</th> </tr> </thead> <caption>新聞佈景標籤</caption> <tbody> <tr> <td style="text-align: center;" width="116">{TNP\_TITLE}</td> <td width="471">電子報的主題，用法：<title>{TNP\_TITLE}</title></td> </tr> <tr> <td style="text-align: center;" width="116">{TNP\_CODE}</td> <td width="471">網頁的編碼，用法：<meta http-equiv="content-type" content="text/html; charset={TNP\_CODE}" /></td> </tr> <tr> <td style="text-align: center;" width="116">{TNP\_THEME}</td> <td width="471">佈景主題的路徑，若有圖片，請在圖片前面加上{TNP\_THEME}標籤。

如：<link rel="stylesheet" type="text/css" href="{TNP\_THEME}style.css" />

</td> </tr> <tr> <td style="text-align: center;" width="116">{TNP\_CSS}</td> <td width="471">預設的CSS設定連結（<head> </head> 中貼上就好）</td> </tr> <tr> <td style="text-align: center;" width="116">{TNP\_HEAD}</td> <td width="471">頁首（或者電子報標題）</td> </tr> <tr> <td style="text-align: center;" width="116">{TNP\_CONTENT}</td> <td width="471">電子報主內容</td> </tr> <tr> <td style="text-align: center;" width="116">{TNP\_FOOT}</td> <td width="471">頁尾</td> </tr> </tbody> </table>

###   
   
 五、XOOPS的Email寄信設定

1. 後台→偏好設定→系統設定→電子郵件設定 
  - PHP mail→建議值（windows下通常需設定php.ini）
  - sendmail→適用於Linux主機（XAMPP經適當設定也行）
  - SMTP→只要有SMTP都能用
  - SMTP→適用需認證的SMTP

:::