Transcript KompoZer教學簡報

第二章
建立一個新網站
授課老師：黃祥倫
2-1 網站建立的流程



1.決定主題
先決定你要做網頁的主題為何，像我近期的一個網站
主題就是『查理斯電腦維修工作室 』。
2.收集相關的資料
接下來收集跟你主題有相關的資料，越詳細越好，所
以我收集了拍賣網站上電腦維修的資料，還有組裝電
腦的資料等等。
3.手繪網站的架構圖(如下圖)
將你所要建立的網站架構給繪製出來，並且也將網頁
的設計圖給繪製出來。
2
2-1 網站建立的流程
3
2-1 網站建立的流程


4.收集圖片與製作相關的元件
搜尋製作網頁時所需用到的圖片，也可以透過其他網
站提供的服務將元件嵌入您的網站。
5.利用網頁設計軟體來設計網頁
最後才使用KompoZer來建立網站。
4
2-2 設定站台

首先，於桌面建立一個“site”的資料夾，此資料夾是
拿來放網頁資料的，另外按左鍵兩下進入“site”資料
夾，再建立一個“image”的資料夾，用來放網頁的圖
片。
5
2-2 設定站台

“編輯”→“網站發佈設定”
6
2-2 設定站台



1.網站名稱輸入”本機站台”
2.網站資訊輸入”http://localhost/”
3.按“選取目錄”
7
2-2 設定站台

選擇“site”資料夾並按”確定”
8
2-2 設定站台

設定好了，即可於”網站管理員”看到“本機站台”
9
資料來源：

教育部校園自由軟體應用諮詢中心-FreeMind
http://ossacc.moe.edu.tw/modules/tinyd1/index.php?id=30

KompoZer自由學網頁
http://163.32.161.9/maylike/teach/kompozer/index.htm

自由學習網 - 線上書籍系統
http://www.sueleo.com/modules/tadbook2/open_book.php?book_sn=13
10