1. 2007 年香港中學會考電腦與資訊科技科
題目：個人門戶（Personal
Portal）
身份証號碼：
1

2. 2007 年香港中學會考電腦與資訊科技科
序言…………………………….…………………………………………………. P.3
目標…………………………….…………………………………………………..P.4
分析
什麼是個人門戶…………………………….…………………………………..…..P.5
個人門戶出版者提供之特點／技術…………………………………………..…...P.6
比較 2 個不同之個人門戶出版者…………………………….……………….…P.7~9
學校為每個學生建立個人門戶所需包含的功能……….………….……..… P.10~11
向學生徵詢意見訪問調查卷……….…………………………………….….……P.12
學生問卷調查之結果………………………………………………….………P.13~14
方案設計(構思)
製作流程圖……….………………………….………………………….……...….P.15
用何種軟件或硬件來製造個人門戶……….…………………………………P.16~18
檔案架構……….………………………….………………………….……………P.19
方案實踐(應用)
製作過程及演變……….………………………….…………….…………………P.20
網頁範本說明……….………………….………………..…………….………P.21~23
網頁測試……….………………………….………………………….……….…P.24
完成品評價……….………………………….…………………………….….…P.25
結論及或想……….………………………….………………………………..…P.26
2

3. 2007 年香港中學會考電腦與資訊科技科
如何改善及進一步發展個人門戶……….…………………….……..….…P.27
鳴謝……….…………………….…………………………………………..….…P.28
這一年的個人電腦習作的主題，是目前大受歡迎的個人門戶網站，也
就是大多數人每天也在寫的Blog，當剛知道了主題時，我才知道原來我們
差不多每天也在接觸的東西，.原來是一點都不了解的，初時完全是無從
入手，只有不斷地網上找尋資料，這樣經過了整整一個多月，我才正式開
始製作報告。.
如上面所說的，開頭我跟本無從入手，我只能上網詢問及參考各個不
同的個人門戶網站供應商，直到後來，我開始著手做報告中分析的部份，
才開始續漸了解到我應該從何開始，完成分析後，終於開始著手製作網頁
範本，可惜的是，由於技術上所限，我只能做出一個模擬Blog，靜態而無
法修改，但最後總算完成範本，再而完成其他的書面報告部份。
要完成這個報告，主要需要三種類軟件：文本編輯軟件，網頁設計軟
3

4. 2007 年香港中學會考電腦與資訊科技科
件，圖像編輯軟件，我而我分別用了microsoft office作為文本編輯（製作
這份報告），dreamwaver作為網頁編輯軟件(網頁範本)，及photoimpact
作為圖像編輯軟件(在報告中加入圖像)。然而由於家中缺少部份軟件，我大
部份時間只能於學校完成習作。
4

5. 2007 年香港中學會考電腦與資訊科技科
學校為每位學生設定一個個人門戶的目標是把師生的距離拉近，只要學校願
意為每個學生設置屬於他們的個人門戶，校方便能夠知道每個學生的個人資訊，
了解學生們的想法及日常生活，從而使老師了解學生的需要，繼而能夠對不同的
學生對症下藥，大大使學生的學表現有所提升。
另外，每名學生皆擁有自己的個人門戶戶口後，便可以把交功課的工作
交予個人門戶，所有學生也可以把他的作業上存至他們的個人門戶，減少了每
天交功課浪費的時間，而且由於功課是上存到自己的個人門戶，所以不會像以
往般出現功課遺失的情況。
最後，由於學生的個人門戶可由學校管理，如果學生於他的個人門戶放
上了什麼暴力或不雅的資訊，學校也可以對他們的個人門戶作出修正。
5

6. 2007 年香港中學會考電腦與資訊科技科
綜合以上各點，為學生設置個人門戶最重要是能夠使學校更了解學生，提
高方便性及加強對學生的規管，並作為老師與學生之間的橋樑，大大增加了兩
者間的溝通機會。
個人門戶在很多國家已經流行了一段時間，在本港我們普遍稱之為BLOG，
在內地及台灣則把其譯為“博客”及“部落格”。個人門戶是建基於個人網站而成的多
功能個人網絡平台，他把BLOG，文章，相冊，網摘，音樂盒，個人檔案，日程，
網頁連接，留言板等各種不同的功能集結到一個網站，再供用戶製作一個屬於
6

7. 2007 年香港中學會考電腦與資訊科技科
自己的“個人資訊分享平台”，把擁有的資訊全面信息化，分享給大眾，並以這種
方法使各人透過個人門戶達成資訊獲取、組織、思考、表達、共享和交流的目的。
在個人門戶眾多功能中，最主要的功能便是網誌發表了，你可以利用網誌
功能評論、文章、日記、散文等等，把你的心情及想法輕易分享給任何人，加上大
部份個人門戶均可於文章中插入圖片，影音等物件，使你的網誌能表達更多樣
化的心情。
個人門戶的最大特就是完全自由的內容管理以及信息的聚合，所有個人門
戶內容都由用戶憑自己的喜好分類，把不同的類別歸納一起，加上版面的佈置
也是由用戶自行設計，能給予所有個人門戶使用者一個屬於自己、獨一無二的私
人資訊平臺。
個人門戶的另一個特點是能把各種不同的信息聚合，由於個人門戶已經提
供了各種多媒體的支援及其存放的空間，用戶不用再花時間在網路上不斷瀏覽
找尋自己所需用的資訊，把大量資訊集結於自己的個人門戶網站上不但省時，
而且也能避免因找尋資訊所遇到的廣告或病毒之騷擾。
另外，大部份個人門戶也提供了權限管理的功能，用戶可自行設定瀏灠者權
限或為某些文章加入密碼，防止了一些比較秘密的私人資料外流。
7

8. 2007 年香港中學會考電腦與資訊科技科
目前大部份的blog 經營公司均提供免費的空間給用戶存放個人建
構的個人門戶，及提供一定大少的貯容量，而在版面設計也提供了不
少的介面範本供用戶自行選擇，讓不會編碼修改的用戶也能使用一個
不錯的範本介面。同時，不同的供應商也會提供用戶各種不同的功能，
如上載圖片，線上影片播放，背景音樂，或是可加入javascript特效等
多種功能，也有些blog有提供人數統計，計分制等的功能，使用戶能
得到一個功能強大而簡易用的統。
為了用戶更能全面建立自己的個人門戶網站，供應商更會提供關
於別人瀏覽個人門戶網時的權限設定，例如瀏覽者的身份（朋友？任
何人？），文章是否可以回覆，限制回覆數量等等。
8

9. 2007 年香港中學會考電腦與資訊科技科
除了以上的功能外，更有此個人門戶出版者會提供一些更多完化
的功能吸引使用者，例如電子郵箱，多媒櫃等，使用戶能把更多資訊
集結到同一個網站上。
為了讓學校設計的個人門戶功能更加完善及緊加清楚個人門戶應有的功能，我們
雖要了解不同個人門戶供應商所提供的技術，而在香港中，比較普遍的個人門戶
9

10. 2007 年香港中學會考電腦與資訊科技科
有 yahooblog 及 xanga…
以下以 2 個於本港比較出名的個人門戶網站作比較:
Yahoo 本身是一個綜合性的資訊網站，受大眾歡迎．而現在發展了 blog 的
功能，使 Yahoo 所接觸的層面更加廣泛。Yahooblog 提供了十分標準的個人門
戶功能，包括網誌，留言版，相簿等供用戶盡情使用，也可以自由使用語
法更改文章的字型、插入多媒體物件等，增加網誌文章的各種效果，加上
Yahooblog 有一個十分詳細的說明頁及多國語言介面，使新手用戶也能輕易
了解使用方法。
Yahooblog 也提供了少量比較特別的功能，例如 rss 訂閱功能，使用戶無
需連至個人門戶頁面便可以快速瀏覽最新的網誌文章。Yahooblog 也提供了“統
計”的功能，可以統計你個人門戶的不同種類數據，例如瀏覽人數統計、文章
發表次數等，使你可以對你的個人門戶情況更加清楚。
雖然 Yahooblog 提供了多達９７種的介面範本供用戶選擇，也可以對個
人門戶的顯示進行調整，但是卻不能自行修改板面的設置，使個人門戶的
自由度大幅下降。
10

11. 2007 年香港中學會考電腦與資訊科技科
總括而言，Yahooblog 提供的功能並不算豐富，但是仍能吸引不少用戶
使用，其中成功的特點有：
 簡單易明的操作介面
 含多國語言介面
 有詳盡操作說明
 統計功能
Xanga 是國外網站，但卻是香港最受歡迎的個人門戶供應商，其實 Xanga 與
yahooblog 一樣，只有提供十分基本的功能，包括網誌發表、相簿、留言版，而
網誌發表的功能資亦同 yahooblog，可加入語言來修改字型，加入多媒體元素
等，主要功能相約。但是，由於 Xanga 是全英文介面的問題，操作比
yahooblog 更複雜，也沒有了 yahooblog 詳盡操作說明。
可是，xanga 除了有支援 rss 閱讀的額外功能外，機乎沒有任何額外功能，
沒有 yahooblog 的數據統計系統，不像 yahooblog 有多達 97 種介面供用戶選擇，
更不提供排版調整的功能，令本身已經因為無中文介面的 xanga 變得更少變
化。
11

12. 2007 年香港中學會考電腦與資訊科技科
雖然 xanga 缺乏多功能，更沒有親切的語言介面，但是為什麼 xanga 仍
能得到本港大多數人的喜愛？原因只有一個，就是提供
了原始編碼修改的功能，xanga 提供的這個功能可以供用
戶自由地俢改個人門戶網站的任何介面設置，也可以加
兩者也有相類系統，含
入大量的 javascript 特效，就連 yahoo 所提供的數據功能也 有相簿、網誌、留言板等
功能，亦有影片線上播
放及背景音樂等技術。 而
可利用網頁語言加上去，這種原始碼編輯功能使簡陋的 yahooblog 的延伸功能亦
比 xanga 為多 , 但是由於
xanga 可以自由加入任何要素，這亦是 xanga 能吸引大量 xanga 擁有原始碼編輯的
功能，使 xanga 的可擴
展性大為提升，快因此
使用者的唯一功能。 成為 xanga 大愛歡迎的
最主要原因。這亦正明了
個人門戶網站最重要的不
是擁有多種類的附加功
能，而是要有完整的基本
功能能讓用戶自在的塑做
一個個人化的門戶網站。
以圖表比較 yahooblog 及 xanga 之功能:
12

13. 2007 年香港中學會考電腦與資訊科技科
Yahooblog Xanga
費用 免費 免費
1GB
相簿 30 MB
留言板 提供 提供
電子郵件 不提供 不提供
網絡硬碟 不提供 不提供
網誌分類 25 個 沒有
RSS 訂閱 支援 支援
影音插入 支援 支援
guest 權限 自行設定 自行設定
Javascript
不支援 支援
Blog 首頁 最新發表網誌 最新發表網誌
背景樣式 97 款主題 預設 8 種,可自行編碼修改
介面語言 含多國語言 英文
 跟據學校現在的情況，我們可以有足夠的資源為每名學生提供個
人的個人門戶戶口。首先，我門當然要保證有最基本而最齊全的功
能，跟據以上對不同個人門戶出版者作出的分析，最基本而應有
的功能應包括：
 中文及英文的介面語言
 多款式的背景樣版
13

14. 2007 年香港中學會考電腦與資訊科技科
 可自行對頁面原始碼作出編寫/修改
 可自行設定首頁顯示的資訊
 可自行設定瀏覽者權限
 自己的網誌可否供他人回覆，留言
 多種類的文章分類
 高的貯存容量上限
 除此以外，系統能支援不同種類的檔案之功能也是不可缺少的，現在的資
訊發達，不少用戶都希望可以在自己的個人門戶網站加入不同的影片，相片，
動畫，背景音樂，或是加入各種特效等東西，所以跟隨基本功能，應有的支
援檔也應包括以下種類：
 wmv影片插入於網站中上放
 gif的支援
 音樂盒功能可播放mp3格式的背音樂
 JAVASCRIPT特效的支援
 能於文本網誌中的插入圖片
 FLASH的支援
14

15. 2007 年香港中學會考電腦與資訊科技科
 當學校的人門戶網站能提上述的功能後，相信已經可以使大部份學生認為
足夠使用，但是，為了使學校的個人門戶網站更完善及齊全，我們可加入更
多的附加功能，提升各學生BLOG的互動性，以達到把個人資訊全面訊息化
後能再出更多的共享及交流，跟據其他個人門戶出版者提供的功能，學校個
人門戶可擴展的額外功能有：
 留言板
 相簿
 友好連結
 聊天室
 行事曆
 ｒｓｓ訂閱
 統計資料功能
 電子郵件
 網路硬碟
 最後，為讓學生可自由及盡情使用自己的門戶網站，在學校資源許可下，
應
15

16. 2007 年香港中學會考電腦與資訊科技科
盡量降低學生的使用限制（如文章上限，相片大小等），使他們可以充份利
用他們自己的空間作出分享及創作，也可使學校對學生能有更大的了解。 .
向學生徴詢意見之訪問調查卷：.
為了確認設計方面正確及得到學生認同，特意設下了問卷調查，使學校的個人門
戶系統更切合學生的需求，以下便是調查所使用的問卷(調查結果在後頁)
個人門戶使用問卷調查
級別:____ 性別：____
1.你知道什麼是個人門戶網站(blog)嗎?
□知道 □不知道 註：不知道者下面無需作答
16

17. 2007 年香港中學會考電腦與資訊科技科
2.(i)你有否使用個人門戶的習慣?
4
□有 □沒有 註：沒有者請跳至第 題
(ii)如果有,你使用的時間頻繁嗎?.
□每天 □一星期4~7次 □一星期1~3次 □少於每星期一次
(iii)你目前使用的個人門戶出版者是:
□xanga □yahooblog □blogger □其他(註明):___________
(iv)你使用這個個人門戶出版者多久了?
□半年以內 □半年至１年 □一年至３年 □３年以上
3.你滿意你目前的個人門戶網站提供之服務嗎?
1 2 3 4 5
十分不滿 □ □ □ □ □ 十分滿意
4.你認為一個良好的個人門戶網站應提供什麼功能？(選擇最喜歡的3項)
□相冊
17

18. 2007 年香港中學會考電腦與資訊科技科
□日程表
□留言版
□聊天室
□背景音樂
□其他(請註明):___________________________
5.你對當下的個人門戶網站供應商有什麼意見?
___________________________________________________
多謝你的建議！
調查對像 本校學生
受訪者性別 65 男，72 女
派出問卷 160 份
收回問卷 137 份
18

19. 2007 年香港中學會考電腦與資訊科技科
學生對一個良好過人們戶所需的要求平均，而其中比較多
的是相冊、留言板及背景音樂。相冊跟留言板也是大部份個人門
戶已有的功能，背景音樂亦有不少個人門戶已經提供，上表中
比較少個人門戶提供的便是聊天室功能，有一成的學生也認為
可加入此項要素，為學校建造的個人門戶應該也加入這功能
19

20. 2007 年香港中學會考電腦與資訊科技科
20

21. 2007 年香港中學會考電腦與資訊科技科
21

22. 2007 年香港中學會考電腦與資訊科技科
在製作個人門戶網頁範本時,我主要用了三種類的軟件:網頁編寫軟件，圖像
編輯軟件，文本編輯軟件，由於市面上有很多類似的軟件，所以我也對不同的軟
件進行了分析，以下節錄了各軟件公司對其產品的描述：
 Microsoft office frontpage
設計： 使用增強型設計工具，產生更美觀的網站。新式版面配置和圖形工具
使您能隨心所欲設計網站。
程式碼撰寫： 使用設計工具產生更好的程式碼，或擴充程式碼撰寫技巧。使
用內建指令碼工具，製作互動的效果。有了專業的程式碼撰寫工具，就能以
更快速、有效的方式，撰寫正確的程式碼。
擴充： 藉由在「所見即所得」(WYSIWYG) 編輯器中建立豐富的互動式資料驅
動網站，以嶄新方式建立人們與資訊的連接。增強的發佈功能和選項可協助
您快速地讓網頁上線。
 Dreamweaver
入門者頁面：讓您可立即開始設計網頁。美觀的全新版面配置和設計, 讓使用
者在彈指間就能完成安裝和網站設計。
程式碼編輯改善功能：提高對編碼的控制力, 可依您的編碼樣式, 來控制工具
提示和完成標記的方式。
使用 XML 資料以視覺化方式製作內容：使用簡易的拖放工作流程, 將以 XML
22

23. 2007 年香港中學會考電腦與資訊科技科
為主的資料（例如 RSS feeds）整合至網頁。您也可以跳至程式碼檢視, 使用增
強的 XML 和 XSLT 程式碼提示來自訂轉換作業。
統一的 CSS 面板：所有 CSS 功能都已增強並整合在單一面板組合上, 讓您更
輕鬆有效率地使用 CSS。此全新的介面讓您更容易看出套用在特定元素上的樣
式階層, 並識別出已定義屬性的地方。而屬性格線則可讓您更快速地編輯。
輔助線：使用輔助線來量測頁面的版面配置, 以精確至像素的精確度來比對
頁面的版面配置與合成圖。絕佳的視覺化回應功能可協助精確測量距離, 並支
援智慧貼齊功能。
Flash Video：將 Flash Video 加入網站變得簡單輕鬆。使用對話方塊導向的程序,
您只需按滑鼠 5 下, 就可輕鬆自訂視訊外觀, 並將它加入網站。
 Photoimpact
Web、DVD 和視訊圖形：不管您需要的是網頁和視訊物件，或甚至完整的部
落格網頁或 DVD 選單，PhotoImpact 12 都擁有完成工作所需的所有工具。
元件設計師 ：建立 DVD 選單按鈕、Web 和視訊物件。
上百個預先設定的工具列、按鈕和按鈕列。
Web 與部落格網頁範本 ：可自訂的範本可讓您設計您自己的部落格網頁。
JavaScript™ 特效：建立階層式功能表、rollover 和捲動文字。
完全不需要編寫程式
23

24. 2007 年香港中學會考電腦與資訊科技科
智慧小幫手的 quot;基本操作quot; 協助：一邊使用一邊學習！逐步式指示將顯示該做
什麼，而連結則直接提供您所需的工具！
百寶箱™： 1,398 個無須支付版稅的影像，2,221 個網頁項目，1,088 個物件，
3,270 個可自訂的特效， 簡易的拖放式編輯！
 Photoshop
無與倫比的建立功能節省檔案處理時間的 Adobe Bridge：
使用下一代的檔案瀏覽器 Adobe Bridge 簡化檔案處理流程, 您可以在 Adobe
Bridge 中同時處理多個相機原始影像；縮放、評等以及標示縮圖；以投影片放
映模式快速檢閱影像；搜尋中繼資料等等。
影像彎曲：
使用影像彎曲可將影像包覆在任何形狀上, 或是延伸、捲曲和彎曲影像以輕鬆
地建立封包模型或其他尺寸效果。
變數：使用變數立即製作多個重複圖像, 變數可以將試算表或資料庫內的資
料自動填入您的設計中。
事件導向指令碼：
使用可以在工作流程中指定的時間點啟動的事件導向指令碼, 以較少的步驟
完成更多工作。
前所未有的工作效率智慧型物件：
使用智慧型物件對網格及向量圖像執行非破壞性縮放、旋轉和彎曲。 此外還
24

25. 2007 年香港中學會考電腦與資訊科技科
保留了 Adobe Illustrator® 軟體中的高解析度向量資料可編輯性。
WYSIWYG 字型選單：
字型選單現在會顯示各字型的範例, 供您快速選取字體。
 Microsoft office word
內建了豐富的文件範本、樣式與文件模板，要新增封面頁、標題、方程式，
也都僅僅是彈指之間。SmartArt 更可以協助您輕鬆設計極富視覺效果的清單、
流程圖、循環圖、階層圖、關聯圖、矩陣圖與金字塔圖等各式圖表。使用 [快速格
式] 及 [文件主題]，即可立即變更整份文件的文字、表格及圖形外觀，以符合
使用者的偏好格式及色彩配置。而圖形與圖表的功能，包括 3-D 圖形、陰影、
透明度及其它效果，可協助使用者建立具有專業外觀的圖表，進而增進文件
的溝通效率。藉由拼拼湊湊的排版觀念，迅速製作出結構複雜、專業又美觀的
文件。
 Open office writer
方便字數統計：“工具”選單下可以找到一個新的字數統計對話框，包括對所
選内容的字數統計。
支持嵌套表格：支持在表格裏面創建表格（嵌套表格）。這增加了全面可用
性，並增强了與 Microsoft Word 的兼容性。
25

26. 2007 年香港中學會考電腦與資訊科技科
多面板視圖：多面板視圖提高了效率和易用性。多面板視圖以連貫，完整和
簡潔的介面提供了所有的關鍵工具和窗口。
經過分析後，我最終選擇了 Microsoft office word、photoimpact、Dreamweaver 作為製作
個人門戶網頁範本的軟件，原因及使用位置如下：
軟件名稱 為何使用此軟件 使用於何方面
Microsoft
比 openoffice 有更多的美工圖案，而且可 -編寫網頁中的文本頁面
office word
插入 Microsoft office 系列的其他元件，使
文本的內容有更多的變化
photoimpact
雖然改圖天能比 photoshop 為低，但是他 -修改圖片
有百寶箱的功能可輕易在圖片中加入文字
/圖案,加上他可以直接製作網頁範本及 -製作網頁範本
JavaScript 特效，這些都是比 phoyoshop
好的要點
Dreamweave
基本上任何方面也比 FrontPage 為好，而 -設計網頁框架
r
且他設有入門使用者介面，使我這些不太
熟悉操作的人也能輕易設計一個美觀的網 -製作網頁範本
站
網頁 檔案名稱 描述
INDEX.html
主頁 進入個人門戶時的首頁
album.htm
相冊 供用戶上載相片
albumsetting.htm
相冊設定 讓用戶設定相冊細節
Create_new.html
發新網誌 發表新文章於網誌中
26

27. 2007 年香港中學會考電腦與資訊科技科
Daily.html
個人網誌 顯示用戶的個人網誌
Displaysetting.html
版面設置 供用戶自行修改版面
Down.html
留言版 顯示訪客留言
FDLTEDIT.html
好友名單設定 設定好友名單
Login.htm
登入 讓用戶登入為管理員模式
Newdown.html
發新留言 可供訪客留低訊息
Othersetting.html
其他設定 對個人門戶進行其他的設定
setting_base.html
基本設定 對個人門戶進行基本的設定
setting_info.html
個人資訊設定 對個人門戶進行個人資訊的設定
userinfo.html
個人資訊 顯示使用者之資訊
圖片 檔案名稱 描述
1494110303.jpg.gif
頭像 顯示於個人資訊上的頭像
5b10.jpg
橫額 顯示於網站頂部的圖片
back-42.gif.jpg
背景圖案(頂部) 網頁頂部的背景圖案
back-37.gif
背景圖案(左側) 網頁左側的背景圖案
back-49.gif.jpg
背景圖案(中間) 網頁中間的背景圖案
back-32.gif
背景圖案(選單) 功能選單的背景圖案
P1020008.jpg
範例圖片 以顯示相冊功能
63032400.jpg
範例圖片 以顯示相冊功能
27

28. 2007 年香港中學會考電腦與資訊科技科
在剛開始構思如何製作網頁範本之時，我曾瀏覽 yahooblog 等個人門戶供應
商所提供之功能，發覺如能加入大量 Javascript 及 flash 等特效到個人門戶中可
使個人門戶介面變得美麗,並且能更有效去表達資訊。但是當我完成初版的設計後
我發現如果加入過多的 Javascript 及 flash 元素會令網站的顯示速度大大下降，
嚴重影響了個人門戶的運作。後來我把所有的 javascript 及 flash 從網頁中抽出，
只剩下了一個 javascript 月曆，程序立刻有明顯的改善，到達最後的版本時，由
於抽去了很多特效，系統的反應速度變得十分流暢，可惜整個設計卻變得十分單
調。所以最後，我決定再次參考 xanga 所提供的技術，在範本中加入了原始碼編
輯的功能，使用戶可以憑自己的喜好修改介面，終於出現了現在的網頁範本。
由於製作書面報告的需要進行搜集資料等工作，而且又需要跟據自己所製作
的網頁範本編輯，所以比製作網頁的方面更難掌握。為了使報告更加詳細，我在
正式製作網頁前一直瀏覽了很多不同的個人門戶出版者，搜集資訊也準備足足兩
個多月。
雖然已經準備了兩個多月，但是在製作報告的時候，仍然感到無從入手，只
能一面參考別人的個人門戶來完成目標及分析的部份，直到完成比較不同個人門
28

29. 2007 年香港中學會考電腦與資訊科技科
戶出版者的部份，我才對個人門戶有較
深的認識，當完成了分析的最後部份後，
我便由於開始製作網頁範本部份而停止
了報告部份，製作網頁報告部份用了接
近一季的時間，而後來報告的部份因為是基於網頁範本而寫，所以比分析的部份
簡單，用了數月便完成了，再用了一個多月檢查，整份報告便完成了
首先當大家進入網頁範本時，出現的畫面
就如圖一，而中間顯示的內容便是使用者
的個人資訊，當轉換為日誌或其他功能時，也只會在中間內容部份改變，左側或頂部均
不會改變。
29

30. 2007 年香港中學會考電腦與資訊科技科
網頁範本的左上角提供了日曆，方便用戶知道日子時間；功能選單有４個連結，分別是：
個人資料：顯示使用者之資訊（預設首頁時顯示）
網誌：用戶發表文章的地方
相冊：用戶放置圖片或相片的地方
留言版：訪客留言的地方
另外，選單下方還有一個好友名單的功能供用家快速連到好友的個人門戶。
p.s.設定、發新網誌、上載相片及刪除相片的功能需要從左上登入管理員模式才可以使用。
設定方面，當用戶從右上方登入
後，便可以按下設定修改個人喜
好，按下設定後中間頁面便會如
圖３出現設定功能表，用戶可以
跟據自己需求收改任何東西，如
果懂得編輯網頁語言的話，用戶
更可自行更改版面上的設至，或是加入各種功能（如背景音樂），使用戶能享有一個獨
一無二的個人門戶網站。
30

31. 2007 年香港中學會考電腦與資訊科技科
進入個人門戶時的畫面，左方的選
單有個人資料、網誌、相冊、留言 4 個
功能供用戶選擇。頂部有登入，登入
後可進行設定等管理個人門戶之功
能，預設時顯示中間的便是個人資
料。另外，日程表及好友名單功能可
使用戶易於製作時間表及連到好友
的個人門戶。
選單中按下網誌後的頁面，這兒顯
示了你最近發表的 10 篇文章，在文
章下的回應欄位供你回應該篇文章，
右上的發新網誌則可使你發表一篇
新的文章
選單中按下了相冊的頁面，這兒顯
示了你上載的所有相片，要新增圖
片只要在瀏覽就處加入圖片再按上
傳就可。如果想刪除相片只需在剔選
相片的核取方塊再按最下的刪除便
可
選單中按下了留言板的畫面，這頁
主要是供個人門戶使用者與訪客作
出交流，任何人也可以按右上的發
新留言來發表新文章，如果想聯絡
發表留言者，可按留言者右邊的圖
案，就可以到達留言者的電郵了。
31

32. 2007 年香港中學會考電腦與資訊科技科
個人資料設定，可以改變你在個人資次所顯示的資
訊，對自我作出介紹，或使用個性化的頭像。
基本設定主要是進行對 blog 的設定，如 blog 的名稱，
顯示文章數等，提供ｒｓｓ訂閱也能設定，另外，
好友名單也是在這編輯的。
其他設定只有權限的設置，用戶可以限制網誌瀏灠
或回應文章的權限。
相冊設定可以設定你的相冊名稱，並對你的相冊作
出描述，也可以設定你相冊的觀看權限。
32

33. 2007 年香港中學會考電腦與資訊科技科
測試規格：
CPU INTEL PENTIUM 4 520, 2800 MHZ
RAM 1024MB
MB ASROCK 775TWINS-HDTV
MICROSOFT WINDOWS XP PROFESSIONAL
作業系統
VGA N VIDIA GEFORCE 6600 GT PCI-E
最終測試結果:
瀏覽器 Internet explorer 順利顯示無誤
火狐(firefox) 左方選單與框架不合
解析度 800X600 順利顯示無誤
1024X768 順利顯示無誤
所有連結 正常使用
多媒體播放 順利播放
功能 網誌 無發現問題
相冊 無發現問題
留言版 無發現問題
連結速度 Wi-fi(8mb) 流暢
寬頻(6mb) 流暢
撥號連線(54k) 緩慢
初次測試時，並非網頁中所有部份均能正進行，例如有部份連結無法使用，以
及部份設定欄位會缺少了返回的按鈕。也有使用 ８００ｘ６００像素瀏覽網
33

34. 2007 年香港中學會考電腦與資訊科技科
頁時，功能表有部份無法顯示的問題。
後來，我把連結修正過來，加入返回按鈕，以及在左邊功能單加入捲動軸，再
次測試時已經沒有發現問題，唯獨在 ie 以外的瀏灠器測試網頁時，左側功能選單
會離開其框架，形成不美觀的問題，可惜到了最後，這個問題仍然沒法改善。
科目 分數
內容 ★★★
IT 技巧 ★★★
美觀 ★★★
實用性 ★★★★
易於上手 ★★★★★
連接速度 ★★★★★
我總共訪問了 15 位同學，大部份認為我的個人門戶範本易上手，實用性也不
差，加上功能齊備，不失為一個良好的個人門戶，相對地，唯一的缺點就是美觀
不夠。
這次我所製成的網頁主要由實用、易於上手及讀取速度為主，也由於我要求
高讀取速度，所以介面變得十分單調，美觀感下降了不少,IT 技巧的要求也變得
不複雜，但由於介面變得簡單，上手也變得十分容易，加上基本功能齊備，不失
為一個簡單而好用的個人門戶。
34

35. 2007 年香港中學會考電腦與資訊科技科
其中最易使人上手的便是擁有一個清晰的功能表單，左邊的的框架中清楚列
明了個人門戶中的各個功能，而且在設定的時候，
也把各種的設定清晰分類，這些清的分類使一個首次使用這個人門戶的人也能輕
易的善用各種功能。
另外，加入了編碼修改的功能也使用戶可隨時跟據自己的要求改變版面配置
及加入功能，使這個個人門戶的功能可擴展性大大提高，增加了個人門戶的用性。
在這次的報告中，最讓我感到困難的便是在製作網頁時經常有很多功能不會
加入，例如如何插入按鈕、核取方塊等，或是左側功能表在８００ｘ６００解析
度無法完全顯示，由於我有時在家中製作，沒有人給我詢問，只能留待學校再請
教老師。雖然這些問題最後仍能解決，但卻經常把我的工作進度拖慢。
完成報告後，我發現最後的網頁範本跟初時的設計十分不同，初時我把網頁的
設計方針在於多元化為主，但是由於這樣會使網頁的速度及相容性大大下降，十
分不便。最終我改為以簡單而實用為方針，製造出了新的網頁，這點使我明白到
在設計方面很多時跟最後成品也是大大不同的。
35

36. 2007 年香港中學會考電腦與資訊科技科
這次有關個人門戶報告使我學識了許多東西，而從中學到最多的就是謂個人
門戶，在接到報告前，我並不知道我們每天也在使用的 blog 真正名稱是個人門戶，
完成報告的過中，我瀏覽了很多不同的個人門戶供應商，並對比了他們提供的各
種功能，有些供應商提供了多元化的資訊（如 yahoo blog），但是其熱門程度卻比
不上預設時空白一片的供應商(如 xanga)，就是因為這些供應商可以自行編輯內容
原始碼,使自由度比前者更大，正明了個人門戶最重的是自由度，而不是雜七雜八
的功能。
除了對個人門戶的資訊更了解外，我對網頁編寫的技巧也提高了，我以往只
會用網頁編寫軟件製作簡單的網站，但經過這次後，我已經學會了加入按鍵等技
考、了解到 javascript 的用途及編寫簡單的 html 碼。其次，我使用 word 及 photoimpact
的能力也有提升了不少，特別是在美化報告及網頁的過程中，基乎用盡了所有
WORD 的功能及大部份 photoimpact 的功能。另外，由於這份數千字的報告，我的
作文能力及打字速度也有所上升了。
此外，我也學會了獨立解決問題的步驟，例如前期的資料搜集，對整份工作的
36

37. 2007 年香港中學會考電腦與資訊科技科
規劃，以及續步建立整份報告的過程，懂得了這些知識對我日後獨自處理事件的
幫肋很大。最後，對於客戶及伺服器運作的了解也增加了不少。
由於我的網頁是以方便實用為方針，先不論美觀及功能齊不齊全，目前我認
為，仍有數點可以改善使我的網頁可以更加方便及實用，當中包括：
 增加網頁地圖
 加入網頁使用教學的頁面
 加入特殊的功能，但可在設定中選擇用或關閉
 有部份瀏灠器無法相容網頁
仍未能解決但期望以後可解決的問題：
 加入大量客戶端指令後不會影響太大速度
 伺服器支援
 多媒體格式支援未能完善
37

38. 2007 年香港中學會考電腦與資訊科技科
如果希望能進一步發展個人門戶，相信必定要先有一個大容量的伺服器，
以及足夠的人手才能夠繼續發展。我們可以為個人門戶加入一些擴展性的功
能，例如手機上傳 blog，可使用戶隨時隨地可把心情直接上傳到個人門戶網
誌中。或是為個人門戶釋出專屬軟件，使在家中使用個人門戶也更加方便，
FTP 上載功能也可達到使用戶使用個人門戶更加方便的效果。
另外，如果想個人門戶有突破性的發展，我認為可以加入即時視像通訊
的功能，這種功能不但增加了個人門戶的功能，更能吸引用戶花費更長的時
間使用個人門戶，只要有更多用戶願意花費更長的時間使用個人門戶，便可
以使他們能在聊天後即時把心情寫在網誌中，大大增加網誌使用量，也能提
高其個人門戶供應商的知名度。
http://www.ulead.com.hk
http://office.microsoft.com/zh-tw
38

39. 2007 年香港中學會考電腦與資訊科技科
http://zh.openoffice.org
http://www.microsoft.com/taiwan/office
http://www.adobe.com/tw
39