(一)好用的Xnview圖像處理軟體

1.軟體下載 (1.90版)：安裝完成後，桌面會出現Xnview圖示。

========================================

2.縮圖網頁編輯01

(2-1)將欲處理的圖片copy到桌面中。

ps1.若目前無處理圖片，請至 bird素材中，下載[老師您好]或[共讀圖書]圖檔。

(2-2)點選要處理的圖檔，進入Xnview.

(2-3)將要處理的圖檔，全部選取，點選畫面上方的[地球]圖示，開始[建立網頁]。

(2-4)點選後，會彈出一個[建立網頁]框，開始進行相關設定。

a.[樣板資料夾]：系統預設為[C:\Program Files\XnView\WebTemplate\]，一般來說，不要更動。

ps2. Xnview內建數種樣版，讓我們來套用。它們放在

[C:\Program Files\XnView\WebTemplate\]資料夾裡。

b.[樣板]：供我們點選究竟要套用何種樣板。

ps3.一般來說，以[simple....]為常用。

c.[雜項─標題、頁首]：圖檔輸出成網頁縮圖模式後，[標題]會顯示在第一行、[頁首]會顯示在第二行。

ps4. 老師您好網頁demo .

d.[輸出資料夾]：此設定的功用是讓我們選擇輸出後的檔案究竟在哪裡。

ps5.建議將[輸出資料夾]設定成原始圖檔的資料夾位置。

(2-5)建立：完成上述相關設定後，點選[建立]，即可完成圖檔縮圖網頁。

==============================================

3.縮圖網頁編輯02(中文樣板修正及其他細項設定)

(3-1)中文樣板下載 ：由於編碼的問題，產生的圖像縮圖有亂碼及無背景圖的問題。因此需下載中文樣板，並將修正之檔案，覆蓋至[C:\Program Files\XnView]資料夾中。

ps6.覆蓋前，請記得將Xnview程式關閉。

(3-2)其他細項修正：程式本身有相關設定的預設值，因此可根據需求調整，以符合個人需求。

(a)縮圖：預設值為100,意即圖片像畫素之寬度為100（Pixel）。

ps7.建議數值可將數值調整大些，在看縮圖時會比較清楚。 demo01 (100);demo02 (180)

(b)行數：預設值為4,意即每一行的圖片有4張。

ps8.沒有固定何種張數較佳(因圖片像素不一)，但建議讓全部寬度調整到700左右。 demo03(4張) demo04 (8張)

(c)銳化、格式：預設值為銳化、gif。

ps9.銳化部分建議採預設值，否則縮圖看起來有些朦朧；格式的部分，將 gif 改成 Jpeg 否則縮圖有網格現象。 demo05

=======================================

4.縮圖網頁編輯03

(4-1)已顯示資訊01：預設值為，意為在圖片縮圖下方會顯示檔名。demo06

ps10.建議將檔名修改成001起，並按照次序拍列。

ps11.修改檔名方法為：在Xnview中選擇要修改的檔案，按滑鼠[右鍵]選擇[重新命名]，在[名稱樣板]處，輸入###(如此輸出碼即為三位數，若輸入####即為四位數，以此類推)。[開始]預設值為1,意即從001號開始編，[步驟]預設值亦為1,意每次累加1號，若預設值為2,即累加2號之意)

(4-2)已顯示資訊02：除預設之之外，若圖片需要加以說明，亦可Xnview中加上附註說明，並已顯示資訊中，加入該描述文字。

ps12.附註說明編輯的方法為點選圖檔，按滑鼠[右鍵]選擇[描述]，在彈出視窗中輸入說明文字。完成後，再次點選[建立網頁]後，在[顯示資訊]中點選[插入─註解]，如此輸出網頁縮圖下方即有相關文字說明。demo07

=================================

5.縮圖網頁編輯04

(5-1)圖片：當我們[點選]縮圖圖示後，就可看到真正的圖檔。此部分的設定，對網友瀏覽的視覺效果及個人未來列印輸出都很重要，因此設定時應根據所需，調整相關變數。由於此部分共有兩個變數及兩種選項，因此共有四種可能。

a.[不需要每張圖片都使用個別HTML畫面](不打勾)＋[最大尺寸](不打勾)：demo08

ps13.通常該圖檔原始尺寸較大，如考慮拍照內容之文字清晰度或日後列印需要，建議採用此模式。

b.[不需要每張圖片都使用個別HTML畫面](打勾)＋[最大尺寸](不打勾)：demo09

ps14.與a類似，差別在於方便在網頁上直接做細部的說明，但用途較少。

c.[不需要每張圖片都使用個別HTML畫面](不打勾)＋[最大尺寸](打勾)：demo10

ps15.所謂[最大尺寸]其實就是調整尺寸(通常是將圖檔調整小一些)。若主要是在網路瀏覽，可選用此模式，因為它畫面美觀，圖檔亦較小，可節省網頁空間及上傳時間，是最常用的模式。(建議最大尺寸值之寬度調為：800)

d.[不需要每張圖片都使用個別HTML畫面](打勾)+[最大尺寸](打勾)：demo11

ps16. 與c類似，用途不多，好處是可以直接抓取該圖片的網址，方便日後圖片再製作業。

ps17. 如果您想對Xnview有更多的了解，可參考豪中老師大大的說明網頁 ！另外Xnview1.90版已新增flash模版，有興趣者亦可試看看。 demo12 demo13

==================

(二)NVu輔助編修

1.軟體下載 (1.0版)：安裝完成後，桌面會出現Nvu圖示。

2.編輯網頁：打開由Xnview所產生的網頁檔案(通常預設名稱為thumb.html)

a.文字屬性：包含大小、顏色、超連結等，皆可修改。

b.圖框大小：修正a後，圖框大小需再調整，否則會有偏移段行現象。

c.加入背景：由Xnview完成的網頁背景為單一顏色，可利用Nvu加以修改。

ps17.背景圖案可選用參考[bird素材庫]中的[網頁背景素材]，但要注意的是當確認所選用的背景圖後，建議將該圖檔下載後，重新連結，以免屆時該網站檔案被刪除或置換後，造成困擾。

=====================================

(三)上傳檔案至網際網路，並加上連結點

1. Loxa班網

(6-1)檔案壓縮：將Xnview產生的四個預設資料(三個資料夾＋1個檔案)壓縮成一個檔案，準備上傳到Loxa班網中。

ps18.只要是上傳到網路，強烈建議存成英文檔名(中文會有無法有效連結或下載的問題)。壓縮成一個檔案的好處是上傳動作只要做一次，可以將所有檔案(夾)上傳完畢，但要注意檔案大小的問題，若超過20MB就請分次壓縮後上傳。

(6-2) 上傳Loxa：進入loxa後，進入[班網製作─檔案庫]中，將壓縮檔案上傳至適當的位置。

ps19.Loxa提供了兩種上傳的方式，因為我們是採取檔案壓縮上傳的方式，因此要選擇[壓縮上傳]圖示，否則系統不會自動解開檔案。

(6-3)設定連結：上傳成功後，到圖片縮圖網頁資料夾中，按滑鼠[右鍵]取得網路位址後，再進入[班網製作-功能選單]，將該圖片網址放到您所安排的位置。

ps20.當您將檔案上傳到資料庫，即使沒有顯示出來，它其實已經在網路上流通，也就是說任何人都有機會取得您的檔案。

2.頂六國小網路郵局─網路硬碟：也提供上傳空間，但空間不大，且連結手續較繁雜，因此建議盡量放在Loxa中。

3.頂六國小學務系統─網路硬碟：每位老師目前有500Mb的空間，主要是供各位老師上傳較大檔案(如教學影片)。若空間不足時，可再根據您的需要增加空間。