網頁設計其實不難，比較難的是無法下定決心決定主題，所以，在課程開始前，讓我們一起來思考一下網頁設計的主題，根據網頁設計流程一步一步完成你的網頁作業。
※網頁設計流程
1.設定主題：
作業的主題分為「人文／科技／慈善」三個類別，請同學們從自己生活領域，課業學習內容中找出符合這三類的主題。
2.收集資料：
資料不可以直接從網站上面複製，也不可以直接將書本的內容直接全抄，這樣都是違反智慧財產權的，引用網站要在網頁上附上該網站的網址，引用書本內容要在文末加註書本的作者書名頁次，這樣可以尊重作者及讓看的人更清楚這個資料來源的可信度。
3.取得工具：
6.上傳檔案：
※網頁設計流程
1.設定主題：
作業的主題分為「人文／科技／慈善」三個類別，請同學們從自己生活領域，課業學習內容中找出符合這三類的主題。
2.收集資料：
資料不可以直接從網站上面複製，也不可以直接將書本的內容直接全抄，這樣都是違反智慧財產權的，引用網站要在網頁上附上該網站的網址，引用書本內容要在文末加註書本的作者書名頁次，這樣可以尊重作者及讓看的人更清楚這個資料來源的可信度。
3.取得工具：
- 動畫：Macromedia Flash、Ulead Gif Animator
- 繪圖影像處理：Macromedia Fireworks、Adobe Photoshop、Ulead Photo Impact、Corel DRAW、Corel Painter、...。
- 圖片管理：ACDSee、Picasa。
- 網頁製作工具：Macremedia Dreamweaver、Microsoft Frontpage、...。
- Macromedia 與Adobe合併，Dreamweaver、Flash、Fireworks...最新版可以在Adobe下載。
- Corel 免費試用軟體
- 網頁製作的第一頁檔名設為 index.html
- 選單頁：main.html
- 內容第一頁：home.html
- 研究主題頁：research.html、底下的相關檔可以設為r01.html、r02.html...
- 各科作業：homework.html、底下的相關檔設為 h01.html、h02.html、...。
- 好站連結：link.html
- 網站地圖：map.html
- 站長介紹：profile.html，可以將自己的部落格連結在站長介紹裡互連。
- 參考資料：reference.html
- 增設一個「images」資料夾，將所有的圖片都放在「images」資料夾中。
6.上傳檔案：
留言