2019 年香港中學文憑考試

資訊及通訊科技

校本評核

(中五部份)

張光煒

5B（19）

題目：倉頡輸入法學習網站

網站：http://file.ychlpyss.edu.hk/~r153605/SBA/sba6.php

目錄

目的 P.3-4

構思與應用 P.5-9

參考資料來源 P.10-11

目的

林百欣中學資訊科技組計劃設計一倉頡自學網站，期望透過該網站指導學生自學倉頡輸入 法，網站首頁如下圖：

課業一「構思與應用」

用多個網頁來創建自學網站的原型。此原型應包含：

1. 以動態 GIF 動畫製作橫幅，其中必須有”倉頡自學網站”文字在內；(首頁)

2. 把一張現存的倉頡字母表圖像(cjcode.gif)*加上顏色，把圖像內嵌到一網頁內；(網頁 1)

3. 選揀一個倉頡字母的其中一個輔助字型， 製作一補間動畫展示如何由字母演變成對應 的輔助字型，其中要加上【播放】、【暫停】及【重設】三個按鈕，把動畫內嵌到一 個網頁內。(網頁 2)

4. 用視像方式介紹取碼順序(即由左至右、由上至下、由外至內)，把視像內嵌到一網頁內； (網頁 3)

5. 以網頁形式製作自我評估的練習題(3 至 5 題選擇題)，並有即時回饋；(網頁 4)

6. 製作首頁，把橫幅放進最頂部分，下面分兩部份，左面製作 4 個連結選項【倉頡字母】、 【輔助字型】、【取碼順序】、【自我評估】，當瀏覽者按這 4 個連結時，相關網頁 便會在右面展示。加入給讚的圖像（如圖），每當瀏覽者按一次圖像，讚的數目便會 自動加一。(首頁)

構思與應用

首頁

一開網頁就會看到最頂的電子橫額及中間的歡迎瀏覽，電子橫額以動漫和文字製作, 為的是讓自學者感到輕鬆。字體顏色亦選用黑色這中有較强對比的顏色 ，讓其與背景白色和深藍色有給强烈的對比，來幫助障礙人士使用。編碼方面為求簡潔而採用 iFrame, 當瀏覽者按下其他連結時，會在 iFrame 中顯示 。

倉頡字母

這裏是用小畫家來給字母表上色，為的目的是讓使用者清楚分辨倉頡字母的不同類型。

輔助字型

使用flash來製作輔助字型的變化，使用者可通過按鈕來自由的控制字形的變化或這在某個階段暫停來觀察它的變化。

取碼順序

取碼順序是使用power的錄製視頻的功能把幻燈片來快速的完成視頻的製作。同時，在視頻内加入了不同的視頻效果讓視頻看起來有不同的變化來教使用者如何取碼。

自我評估和like

使用者可通過自我評估來測試自己對倉頡内容的掌握，并且使用者在完成測試時，網頁會自動的給出分數，好讓使用者知道自己的掌握情況。諾使用者喜歡本網頁可以點擊自我評估下的like，來表示對本網站的支持，并且網站的like數將及時上傳到伺服器中。

參考資料來源

小畫家

用來給倉頡字母表上色

Microsoft Office Word

用以製作本報告

Microsoft powerpoint 2016

用以製作視頻

Adobe Dreamweaver CS4

用以製作 iFrame 和網頁

Adobe Flash CS4 Professional

用以製作輔助字型的變化

Adobe photoshop CS4

用以製作電子橫幅

仁濟醫院林百欣中學

http://www.ychlpyss.edu.hk/~lawsir/ict 倉頡字母表的來源

動漫圖像的來源

https://image.baidu.com/search/index?tn=baiduimage&ct=201326592&lm=-1&cl=2&ie=gb18030&word=%C1%FA%C3%A8&fr=ala&ala=1&alatpl=adress&pos=0&hs=2&xthttps=111111

11