國小環境教育網站之基本架構

本節依據網站基本架構內涵兩個研究問題：國小環境教育網站包含哪些資料 內容？國小環境教育網站包含哪些功能？網站的頁面要如何設計？分別用四小 節來討論結果，依序為國小環境教育網站資料內容、國小環境教育網站功能，國 小環境教育網站頁面設計，最後再加上本節小結論。

一、國小環境教育網站資料內容

依據第二章第二節文獻探討的結果，重新歸納合併及調整後得到本研究國小 環境教育網站的資料內容，如見表 21。

參閱表 21 共五項網頁主目錄及 48 項網頁次目錄。以下說明五大主目錄之分 類原則：

1. 行政與管理：強調以學校行政整體的力量來帶動環境教育之推動。

2. 教育宣導成果：強調每一個成員在環境教育之學習，也就是每年四小時 以上之相關課程與學習成果。

3. 校園環保實務：環境教育不只是觀念的學習，更重要的是在日常生活中 身體力行。此項目就是發表學校在環保實務上實際執行之成果。

4. 教學資源之提供：除了發表學習成果和實際執行成果之外，網站之基本 功能資源分享也是一大要點。從學校、家鄉以及全世界有關環保的知識 都可以提供，有助師生、家長或訪客多一點環保認知。

5. 學校環境特色：強調的是學校本位環境的特色，有幸成為綠色學校之成 員，展示學校推動環境教育大活動之成果。

表 21

57

08 提供檔案下載的功能。 檔案下載

09 提供相關網站超連結的功能。 校外資源連結 10 提供網站導覽地圖，方便查看網站目錄清單。 導覽地圖 資料來源：研究者自行整理。

參閱表 22 以下說明各網站功能評鑑指標：

1、會員登入分級：讓管理者、會員和訪客有不同之使用權限。

2、後台管理工具：讓管理者，方便管理整個網站之模組架構。

3、會員編輯權：會員可以自行編輯網頁，以提高資料之應用。

4、站內關鍵字搜尋：可以利用關鍵字快速找出網站內所要之資料。

5、討論區：可以針對某一環境問題發表個人看法。

6、留言板：方便訪客，對本研究網站提供意見或留言分享。

7、檔案下載：提供上傳與下載檔案，方便教學分享。

8、校外資源連結：提供快速連結至校外環境教育相關網站之頁面。

9、導覽地圖：提供訪客對本研究網站資料架構有一個全面的了解，也可以 點按其中，快速找到所要的資料。

將表 22 網站功能評鑑指標，重新歸納合併與分析調整，得到本研究網站功 能架構如見表 23。

表 23

網站功能架構表

功能類目 項目 主要功能及說明 資訊查詢 1 關鍵字查詢 交流分享 2 討論區、留言板

知識管理 1 會員上傳篇數統計與查詢 好站連結 1 連結至校外其他環境教育網站 導覽地圖 1 列出所有主次目錄超連結清單 資源下載 1 提供檔案上傳與下載

會員機制 3 後台管理、會員登入與權限設定、主目錄編修。

資料來源：研究者自行整理。

參閱表 23 以下概略描述各種功能在使用上之意義：

1. 資訊查詢：網站一旦開啟運作，日後可能擁有上千筆之資料，為方便使

用者快速存取，必須設計資訊查詢的功能。

2. 交流分享：在教學上我們需要學生之意見發表，對外我們也需要所有訪 客之意見回饋。所以設計交流分享頁面例如留言板、討論區，不但有助 於教學還可以作為改進網站之溝通橋梁。

3. 知識管理：在一個知識管理的時代，設計一個可以統計管理會員發表的 資料庫，方便隨時查詢現有的知識。

4. 好站連結：方便快速的連結到其他環境教育相關網站，查詢環境教育相 關資訊，這也是一般網站的基本功能。

5. 導覽地圖：這也是一般網站的基本功能，可以一覽整個網站之資料架構，

並且還可以依據目錄，點按進入所屬的網頁，方便使用者快速找到所要 的網頁資料。

6. 資源下載：將現成非網頁的檔案，提供下載的功能。例如：學習單、教 案設計、影音、圖片、簡報、工具檔案等。

7. 會員機制：作為一個互動式的網站必須要有會員登入機制，才能根據訪 客身分給予編輯或瀏覽的權限。例如：管理者擁有全部權限、會員有新 增、編輯網頁的權限、訪客有瀏覽和留言討論的權限。

三、國小環境教育網站頁面設計

第二章文獻探討時分析得到網站之建置要素，除了資料架構及網站功能架構 之外，還探討了網站使用者介面設計原則。依據專家審核之網站使用者介面評鑑 項目有八種，分別為操作容易、快速顯示、播放順暢、畫面簡潔、色彩和諧、連 結正確、內容符合以及快速連結。

為了使本研究網站建置達成八種評鑑原則，研究者研擬一套使用者介面設計 的構想，如下說明要點：

1. 在同一頁面瀏覽：

將橫幅、功能列、主次目永遠顯示在頁面之上半部，可以永遠看得連結，

讓使用者操作容易、快速連結。

2. 用整頁方式呈現：

不使用框架頁切割，以免瀏覽時部分畫面被按鈕佔用，而是使用程式去 設計更換頁面主要區塊之內容。這樣當使用者上下捲動頁面時，可以讓 上半部之橫幅、功能列、主次目錄暫時消失在螢幕外，而讓使用者得到 整頁畫面來呈現，這在教學上展示網頁式教材時，可以展現較大的版面 是很重要的。

59

3. 用程式管理連結：

從主目錄 ，次目錄，再到網頁都使用資料庫與程式去管理，因為連結 路線已經控制在程式中，所以可以確保連結絕對正確。

4. 在線上管理內容：

使用管理工具調整資料架構，加上線上編輯工具來修改內容，可以隨時 查看若內容不符就線上立即修改調整。可以確保符合國小環境教育網站 之內容。

5. 色彩配置統一化：

色彩配置方面使用 CSS 樣式設計，將相同之物件例如：表格、標題名 稱各自取用相同之樣式，這樣可以讓整個網頁頁面簡潔統一。而 CSS 樣式的設計，也以淺色背景為主，避免對比太強烈或者風格太獨特，盡 可能讓整體網站呈現和諧的風格。

6. 使用串流影音檔：

在使用影音檔時，只上傳串流影音檔例如：WMV 檔，因為串流影音檔 可以邊下載邊觀賞，這樣才可以達到播放順利的目的。

以上六種使用者介面設計構想，包含了第二章所分析出來的使用者介面八種 評鑑項目，不過實際建置之後，仍以使用者操作感覺為準，這就留到第四章網站 評估時再分析建置結果。

四、網站基本架構-小結

本節依據本研究第一個研究目的，討論國小環境教育網站的基本架構。再依 此研究目的下之研究問題，將網站基本架構細分為資料內容、功能架構和頁面設 計。參考第二章探討的結果，本節重新歸納分析及合併調整，最後得到以下本研 究國小環境教育網站基本架構為：

(一) 在網站資料方面：共有 5 大網頁資料主目錄和 48 項網頁次目錄 (二) 在網站功能方面：共有 7 項功能類目 10 項主要網站功能

(三) 在頁面設計方面：共用 6 項頁面設計要點和 8 項使用者介面評鑑指標。