Transcript 網頁設計

網頁設計概念
淡江大學資訊中心
教育訓練組
楊敏雄
[email protected]
網頁名稱與內容
架構網站前的分析
•你的網站主題是什麼，目標是什麼？
•你的觀眾的類別是什麼？
•你的觀眾期待什麼？
•你的觀眾喜歡什麼？
•你的觀眾知道什麼？
建置網站架構
 繪製網站架構
首頁
自我介紹
性趣
看電影
吃東西
偶像
睡覺的哲學
A
B
C
網站設計參考(一)
內容豐富
•基本資料
•詳細資料
•其它相關資料/加值資料
分類結構
•分類項目
•分類架構
•分類層級是否適當
網站設計參考(二)
索引設計
•使用方便性
•豐富性
•結果呈現方式
•使用者親和性
網頁設計規劃
•視覺設計
•方便性考量
•創意性
網站設計參考(三)
多媒體應用
•實用性
•方便性
•下載速度
•創意性
互動功能
•實用性
•多樣性
•加值與創意性
網站設計參考(四)
內容更新
•更新時效與頻率
•更新持續性
•更新日期與項目之標示，標示是否清楚
• .…
… … …
網頁編輯
製作版面(表格/共用邊界/框架)
加入標題與文字
插入圖片，動畫，… … …
加入背景，背景音樂
建立網頁連結與超連結
… … …
首頁內容
背景
圖
中英文名稱
超連結
計數器
更新日期
電話，地址
製作人，維護人E-mail
首頁要素
快速(8秒以內)
簡單
一目了然，看的懂
圖文配合
主題明確
資料完整，資料不變形
一個畫面就完全顯示資料
首頁參考
www.ncu.edu.tw 中央
www.ntust.edu.tw 台灣科大
www.ntou.edu.tw 海大
www.thu.edu.tw 東海
www.nthu.edu.tw 清大
www.mcu.edu.tw 銘傳
www.isu.edu.tw 義守
世新，逢甲，中華，雲林科大，… …