2010年5月9日 星期日

HCI HW3台灣各縣市大學分布查詢網頁設計

作品主要概念:
設計的主要概念為把一張台灣地圖切割成很多個小塊,每個小塊表示一個縣市,當使用者點到某一個小塊 時,就會顯示該小塊(縣市)的所有大學名稱及該大學的網站連結


使用的互動介面機制:
互動機制為使用者點選時,leftFrame(網頁左下部分)會顯示不同的大學網頁連結,進而達到查詢該縣市的所有大學數量


主要的技術:
主要技術為html,使用之輔助軟體為Dreamweaver 8,先使用框架,把一個網頁切割為上面部分、左下部分、右下部分,每個部分在連到各個網頁,接下來使用地圖描點分割各個不同區塊的連結,當按到該圖片超連結時,左下的框架會連到顯示該地區的大學的網頁,這是一件非常耗時間的技術,因為要描各個不同區塊大學的點,需要人工一點一點的去描!

以下為網頁連結:
http://moon.cse.yzu.edu.tw/~s961547/HCI_HW3/index.html