本研究建構一超文本系統以表徵「新聞採寫」的知識結構，其建置 步驟如下：
（一） 資料庫儲存管理設計：儲存知識的類別與關係，將標誌過的資訊 單元（概念區塊）及其間的層次架構關係儲存於資料庫。
（二） 內容歸類標誌：資訊內容切段落並以 XML（eXtensible Markup Language）標誌（tagging）儲存，建立歸類與組織結構關係。資
訊單元的形式包括文字、圖形、聲音或影像。
（三） 使用者介面層設計：將資訊內容轉譯（render）為 HTML 語言格 式，呈現在網路。
（四） 應用層設計：連結前端檢索與後端資料庫的應用層設計。
首先，我們依「新聞採寫」知識之概念與次概念之分類架構，建立 資訊單元及其間的層次架構關係及相關連結，並將此後設資訊（meta-information）儲存於資料庫。本研究同時將受訪者所談及之採寫案例以 超鏈結方式收錄。知識庫透過資料庫管理管理功能對資訊單元，建立檢 索（見圖三）。
圖三：資料庫結構表（schema）關聯圖
其次是內容標誌。本系統的執行採 XML 標誌語言。XML 是 1997 網際網路協會（World Wide Web Consortiom，即 W3C）所認可的國際 通用標準延伸性標誌語言，用來描述文件的資訊組合元素及結構法則。
元素表徵一個概念，XML 允許設計者自行定義有意義的標誌（元素）
來表徵資訊內容所蘊含的物件。本研究就訪談內容的資訊單元定義 XML 元素標誌來描述其組合，並就每一資訊單元的進行內容標誌（見 圖四）。
圖四：資訊單元以 XML 標誌（部份檔案）
第三，在設計使用者介面方面，XML 描述資訊的內容與結構，並 不處理資訊的呈現。本系統採 W3C 所制定的樣式呈現語言（eXtensible Stylesheet Language Transformations，即 XSLT），來設計資訊單元的網 路呈現規格（見圖五）。因 XSLT 的語法具有樣式套用規則（template rules），所有資訊單元的呈現不必一一重複設計，套用同一設定樣式即 可將資訊單元轉譯為 HTML 語言（HyperText Markup Language）供網 路瀏覽。
圖五：XSLT 的網路呈現規格（部份檔案）
最後，進行系統前端資訊呈現介面與後端資料庫的連結設計。系統 首頁呈現新聞採寫知識結構的第一、二層級資訊瀏覽尋取方式。使用者 可選擇採寫、編輯主題或選擇企畫、採集、撰寫、情境、策略、編輯與 倫理的採寫歷程的任意一項，深入下一層級進行資訊瀏覽（見圖六）。
圖六：知識系統首頁，學習者依需要選擇特定主題
若使用者點選採寫歷程中企畫選項，即新聞採寫知識結構的第三層 級，系統設計則採左右視窗以讓使用者有一個全觀的非線性網路瀏覽空
間，其中企畫選項之下的資訊單元呈現於左視窗，供使用者隨意點選，
右視窗則呈現所點選的資訊單元內容（見圖七）。右視窗所呈現的內 容，有訪談問答文字、影音連結及案例連結。若使用者點選採寫主題，
系統則顯示主題頁面。
圖七：第三層知識結構企畫選項的資訊單元呈現
進入所選擇之主題後，同樣的左右視窗出現，主題之下的資訊單元 選項呈現於左視窗，右視窗則呈現所點選的資訊單元內容。左視窗除呈 現資訊單元外，並有與主題相關的參考文獻連結。點選參考資料連結
時，為了不影響閱覽原先資訊的內容脈絡，系統另開新視窗來呈現。選 擇主題及參考範例的頁面見圖八。
圖八：主題選項與參考範例的頁面