1、 FrontPage 網頁基本設計 1. 網站設計整體流程圖S T A R T初期規劃構思主體收集資料 草圖製作 中期實際行動網站製作局部測試上傳測試推銷網站後期維護後期維護E N D2 .為避免錯誤，初學者請將網頁所需之所有圖片(.jpg,.gif) 、聲音、影片及所設計之網頁(.htm)檔、超連結的.doc檔.等等，皆先儲存入此新建之新資料夾(例如：D:/test)，以便與其他檔案有所區隔。3.建立網站：方法很多，以電算中心電腦設定為範例(1) 進入FrontPage 軟體(2) 另儲存新檔案：把new_page_1.htm檔， 另存新檔為D:/test/index.htm首頁檔(3) 開

2、啟Web網站：選擇”檔案/開啟Web/” 選擇正確資料夾路徑D:/test(4) 發送Web網站：選擇”檔案/發送Web/”(a) host 輸入：.tw/www (b) 帳號 輸入：Email 帳號 例如：water (c) 密碼 輸入：Email 的密碼 例如：* (d)利用瀏覽器(IE)查看上傳結果：網址：Email address 後面加上/帳號 例如：http:/ .tw/water4.利用導覽模式建立網頁架構圖： 請參考課本 P4-19 頁 5.匯入檔案：將原先未置入新資料夾(例如：c:/test)的所需檔案

3、匯入資料夾內請參考課本 P5-8 頁6.加入文字超連結：請參考課本 P8-9 頁在網頁模式中，將要超連結的文字選取起來，然後，在網頁中按下滑鼠右鍵，選擇超連結內容，在URL位置選取所需超連結檔案或資料或輸入網址。 7.佈景主題：請參考課本 P5-26 頁在網頁中按下滑鼠右鍵，選擇佈景主題 背景設定：請參考課本 P7-44 頁在網頁中按下滑鼠右鍵，選擇網頁內容 命令，開啟網頁內容/背景交談窗。8.文字編輯(1) 有層次(級)的項目清單：(請參考課本p6-20頁) 往下產生層次：按兩次工具列上的增加縮排鈕往上對齊層次：按兩次工具列上的減少縮排鈕(2) 可摺疊式大綱：(請參考課本p6-24頁) St

4、ep 1：先製作有層級的項目清單(請參考上一項操作) Step 2：將插入點移到最上層的文字項目(這樣所有下層的清單才都能摺疊) Step 3：執行格式 / 項目符號及編號命令 Step 4：再交談式視窗中，勾選開啟可摺疊大綱、起始摺疊扭，按確定。9.加入表格 (1)一般使用：觀念大部分同word 2000 表格的使用，增加儲存格內容屬性可分別設定(請參考課本p9-31頁)(2)特殊應用：使網頁內容對齊 將表格框線設為零(無形的表格)。 (請參考課本p9-37頁)10.使用框架(網頁頁面分割) (1)建立框架：請執行指令檔案 / 開新檔案 / 網頁，在網頁交談視窗中選擇框架頁標籤，選取所需適合

5、的預定框架頁面。 (2)調整框架大小、內容、分割與刪除框架：(請參考課本p11-12頁)(3)框架屬性設定：(請參考課本p11-21頁) 選定欲修改屬性的框架，然後執行框架 / 框架內容命令，開啟框架內容交談視窗。 * (4)設定框架的超連結：(請參考課本p11-26頁) Step 1：選定要加入超連結的文字或圖片，按下超連結鈕。 Step 2：交談視窗中選擇目標框架扭 連結頁面要顯示在那個框架中 Step 3：在欲顯示的目標框架上按一下選擇 Step 4：按下確定鈕，完成設定。11.加入圖片：(同word插入圖片的方法)請參考課本 P7-6 頁加入聲音：請參考課本 P13-2 頁在網頁中按下

6、滑鼠右鍵，選擇網頁內容命令，開啟網頁內容交談窗，選取背景聲音。加入跑馬燈：請參考課本 P13-10 頁 Netscape 不支援FrontPage 所製作的跑馬燈效果加入計數器：請參考課本 P13-14 頁 FrontPage 的計數器必須在有支援FrontPage 伺服器擴充程式的伺服器上才能運作12.橫幅廣告管理員：請參考課本 P14-10 頁準備大小相同圖片(最多9張)，然後執行插入/元件/橫幅廣告管理員命令，開啟橫幅廣告管理員交談窗，選取新增/插入圖片。13.動態HTML效果：請參考課本 P14-16 頁執行格式/動態的HTML效果命令，開啟DHTML效果工具列來設定各樣效果。14.網頁切換效果：請參考課本 P14-20 頁執行格式/網頁切換命令，開啟網頁切換工具列來設定各樣效果。 15.特選網頁素材網站(1) web.idv.tw/(2) (強力推