網頁設計目標

3.7 網頁設計流程 網頁設計流程 網頁設計流程 網頁設計流程表 表 表 表

表 表 表

表 3.7. 1 網頁設計流程表網頁設計流程表網頁設計流程表網頁設計流程表

3.8 網頁架構首頁 網頁架構首頁 網頁架構首頁 網頁架構首頁

圖 333 網站首頁架構

3.9 專題設備 專題設備 專題設備 專題設備

Office2010 Word

用途為文書處理軟體，如果你有要寫的報告或論文時，就可以使用此軟 體。文件中可以編輯文字，插入圖片、圖案、文字方塊、文字藝術師...

等等的多種物件。

Office2010Excel

用途編輯資料：於表格中輸入、修改資料。計算分析：以公式、函數的 運算產生有用的資訊，也可對大量雜亂的資料進行排序與篩選。自動重 新計算：原始資料有改變，運算結果自動更新。製作圖表：將表格資料 製作成圖表，以瞭解資料的分佈狀態。

Office2010Access

用途資料庫軟體, 所有需要資料庫的應用都可以用

access

達成,除了人 事資料外, 包括客戶管理, 學生管理, 圖書館應用, 進出貨管理。

Office2010Visio

用途是一套流程的排版製作軟體，支援...繪製程式流程圖。

Office2010Power Point

用途是一套強大的簡報編輯軟體。

Photoshop CS5

用途：比較專業且強大的相片編修軟體，比較精密、複雜，不易上手，

但功能非常強大，也可以製作3D 的編輯，還支援DICOM 影像和 MATLAB 處理例行常式。

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具，是全球 使用者最的網頁設計軟體，與其他軟體的相容整合性高，功能的全方位 延伸，工具方便使用，與目前網際網路的多媒體化及動態資料庫結合。

項目項目項目

項目 軟體名稱軟體名稱軟體名稱軟體名稱 軟體使用說明軟體使用說明軟體使用說明軟體使用說明

作業系統作業系統作業系統 作業系統

作業操作平台 作業操作平台 作業操作平台 作業操作平台

文字編輯文字編輯文字編輯 文字編輯

文字撰寫文字撰寫

文字撰寫文字撰寫、、、、編輯編輯編輯編輯

文字編輯 文字編輯文字編輯 文字編輯

圖表製作 圖表製作 圖表製作 圖表製作

動畫軟體

第四章

4.2 事件 事件 事件 事件

(1) 使用者利用網站進入首頁。

(2) 使用者瀏覽商圈介紹。

(3) 使用者瀏覽景點介紹。

(3) 使用者瀏覽旅遊寫真。

(4) 使用者瀏覽留言版。

(5) 管理者更新網頁平台的管理。

4.3 使用案例描述 使用案例描述 使用案例描述 使用案例描述

表 表表

表 4.3. 1 使用案例描述表使用案例描述表使用案例描述表使用案例描述表-網站首頁網站首頁網站首頁 網站首頁

系統名稱: 懷舊老街平台網站

組別:B5

使用案例名稱:網站首頁 組員姓名:邱創浩,蔡秋慧,陳昶甫, 許瑞益

編號: 版本:

活動者(Actor):訪客。

前提條件:必須開啟瀏覽器。

成功狀態:顯示查詢後的結果。

失敗狀態:查無相關資料或此資料不存在。

使用者動作 系統回應

1.TUCBW:使用者輸入網址。 2.系統顯示網站名稱。

3.使用者點選進入網站。 4.顯示網站首頁。

表

表

4.4 網站使用手冊 網站使用手冊 網站使用手冊 網站使用手冊

1. 進入進入「進入進入「「「懷舊老街平台網站懷舊老街平台網站懷舊老街平台網站懷舊老街平台網站」」」」網頁的方法網頁的方法網頁的方法網頁的方法 開啟網際網路

圖 34 使用者手冊（開啟網際網路）

2.瀏覽瀏覽瀏覽瀏覽「「「「懷舊老街平台網站懷舊老街平台網站懷舊老街平台網站懷舊老街平台網站」」」」首頁首頁首頁首頁 開啟內灣老街平台網站，在此網址列輸入

3.瀏覽網站頁面瀏覽網站頁面瀏覽網站頁面瀏覽網站頁面

在進版頁面點選「SKIP」，可以進入我們製作的網站，進入首頁後可以看到網頁 的六大主題：關於我們、內灣、北埔、湖口、三峽、大溪老街。

圖 36 使用者手冊（六大主題）

4.瀏覽老街介紹瀏覽老街介紹瀏覽老街介紹瀏覽老街介紹

(1) 在「懷舊懷舊老街平台網站懷舊懷舊老街平台網站老街平台網站」首頁有五大景點以其中一個為介紹，點選「內灣老老街平台網站 內灣老內灣老內灣老 街街

街街」，可以觀看內灣特色及歷史發展介紹。

圖 37 使用者手冊（老街介紹)

(2) 在「懷舊懷舊懷舊懷舊老街平台網站老街平台網站老街平台網站老街平台網站」首頁，點選「內灣老街內灣老街內灣老街內灣老街」，再點選「交通指引交通指引交通指引交通指引」即 可看到路線導引及大眾交通工具

圖 38 使用者手冊（老街介紹－交通指引）

(3) 在「懷舊懷舊懷舊懷舊老街平台網站老街平台網站老街平台網站老街平台網站」首頁，點選「內灣老街內灣老街內灣老街內灣老街」，再點選「環境寫真環境寫真環境寫真環境寫真」可 以看到網頁景點各區介紹：劉興欽漫畫發明館、林業展示館、內灣國小、內 灣戲院、內灣火車站、內灣吊橋等等。

圖 39 使用者手冊（老街介紹－環境寫真）

5. 結合結合結合結合「「「F「 ^ACE BOOK連結圖連結圖連結圖連結圖」」」社群」社群社群社群

(1) 在「懷舊懷舊老街平台網站懷舊懷舊老街平台網站老街平台網站」首頁，點選本網站各右上角「Face Book老街平台網站 Face BookFace Book 連結圖Face Book連結圖連結圖」，連結圖

進入懷舊老街平台網站懷舊老街平台網站懷舊老街平台網站懷舊老街平台網站----愛上這條街愛上這條街愛上這條街愛上這條街

(2) 即可在內灣老街平台網站粉絲團裡面留言、心得交流

圖 40 使用者手冊（Face Book 連結圖—愛上了這條街）

第五章結論與建議

附錄

會議紀錄表

會議紀錄表

會議紀錄表

會議紀錄表

會議紀錄表

參考文獻

7. 維基百科：http://zh.wikipedia.org/wiki/%E8%8B%97%E6%A0%97%E7%B8%A3 8. 客家介紹網:：http://tanya3121224.myweb.hinet.net/food.htm

9. 苗栗文化產業網:：

http://feature.mlc.gov.tw/restaurant/restaurant01_02_1.asp?fid=30

10. 苗栗民宿網:：http://ml.okgo.tw/scenic/1039.html

11. 台灣 Joomla！社群:：http://www.joomla.org.tw/

12. Joomla！123-圖解架站教學網：www.joomla123.com.tw 13.

ECSHOP 台灣社群:：http://ecshop.tw/

14. 知識+：

http://tw.knowledge.yahoo.com/question/question?qid=1305082521195 http://tw.knowledge.yahoo.com/question/question?qid=1105062002385 http://tw.knowledge.yahoo.com/question/question?qid=1105050409692

15. 苗栗觀光局：http://miaolitravel.net

16. http://www.pcstore.com.tw/adm/psearch.htm?store_k_word=T0ZGSUNFJTIwM jAxMA==&slt_k_option=1

17.

http://www.pcstore.com.tw/best-eshop/M09453159.htm

18.

http://gcis.nat.gov.tw/taiwan-go/ShoppingDistricts/Nawan/ScenicSpot/Feature.

aspx

19. 使用之軟硬體網

站:http://www.pcstore.com.tw/adm/psearch.htm?store_k_word=T0ZGSUNFJTI wMjAxMA==&slt_k_option=1

20. 硬體資訊設備:http://www.pcstore.com.tw/best-eshop/M09453159.htm

在文檔中 觀光旅遊 (頁 40-0)