网站设计整体流程图.docxVIP

FrontPage 網JW本股計 網站設計整II流程圖 2 ?為避免錯誤,初學者請將網頁所需之 所有圖片(.jpg,.gif) %聲音、影片及所 設計之網頁(?htm)檔、超連結的?doc 檔…?等等t皆先儲存入此新建之新資 料夾(例如：D:/test),以便與其他檔 案有所區隔。 3 ?建立網站 :方法很多，以電算中心電腦設定為範例 ⑴進入Frontpage軟體 (2)另儲存新檔案：把new_page_1.htm檔, 另存新檔為D：/test/index.htm首頁檔 (3)開啟Web網站：選擀，檔案/開啟Web/” =選擇正確資料夾路徑D:/test (4)發送Web網站：選擇”檔案/發送WeM host 輸入： .tw/www 帳號輸入：Email帳號 例如：water 密碼 輸入：Email的密碼 例如：***** 利用瀏覽器(IE)查看上傳結果： n網址：Email address後面加上/?帳號 例］女口 ： http://maiL.tw/~wateT 4?利用 4?利用「導覽」模式建立網頁架構圖 !■ ?1 請參考課本P4-19頁 5?匯入檔案: 5?匯入檔案: 將原先未置入新資料夾 （例如：c:/test）的所需檔案匯入資料夾內 請參考課本P5-8頁 6?加入文字超連結: 6?加入文字超連結: 請參考課本P8-9頁 亠在網頁模式中，將要超連結的文字選取起來, 然後，在網頁中按下滑鼠右鍵，選攥「超連結 內容」在URL位匱選取所需超連結檔案或資 料或輸入網址。 7?佈景主題：=請參考課本P5-26頁 =在網頁中按下滑鼠右鍵，選擇「佈景主題」 背景設定：=請參考課本P7-44頁 =在網頁中按下滑鼠右鍵，選擇「網頁內容」 命令，開啟「網頁內容/背景」交談窗。 8 ?文字編輯 ⑴有層次（級）的項目清單：（請參考課本P6-20頁） 往下產生層次：按兩次工具列上的增加縮排鈕 往上對齊層次：按兩次工具列上的減少縮排鈕 （2）可摺疊式大綱：（請參考課本P6-24頁） Step 1 :先製作有層級的項目清單（請參考上_項操作） Step 2 :將插入點移到最上層的文字項目（這樣所有下層 的清單才都能摺疊） Step 3 ：執行「格式/項目符號及編號」命令 Step 4 :再交談式視窗中，勾選「開啓可摺疊大綱? 起始摺疊」扭、按確定。 9加入表格 ⑴一般使用：觀念大部分同word 2000表格的使用，增 加儲存格內容屬性可分別設定（請參考課本P9-31 M） （2）特殊應用：使網頁內容對齊~將表格框線設爲零（無 形的表格）。（請參考課本P9-37頁） 10使用框架（網頁頁面分割） （1）建立框架：請執行指令「檔案/開新檔案/網頁” 在網頁交談視窗中選擇「框架頁」標籤選取所 需適合的預定框架頁面。 ⑵調整框架大小-內容?分割與刪除框架： （請參考課本P11-12頁） （3）框架屬性設定:（請參考課本pll-21頁） 選定欲修改屬性的框架然後執行「框架/框架內 容」命令，開啓框架內容交談視窗。 *⑷設定框架的超連結：（請參考課本pH-26 M） Step 1 :選定要加入超連結的文字或圖片，按下超連結鈕。 Step 2 :交談視窗中選擇「目標框架」扭~連結頁面要顯示 在那個框架中 Step 3 :在欲顯示的目標框架上按一下選擇 Step 4 :按下確定鈕‘完成設定。 们?加入圖片 :（同word插入圖片的方法） =請參考課本P7-6頁 加入聲音：=請參考課本P13-2頁 n在網頁中按下滑鼠右鍵,選擇「網頁內容」命令, 開啟「網頁內容」交談窗,選取背景聲音。 加入跑馬燈：= 請參考課本P13-10頁 ^Netscape不支援FrontPage所製作的跑馬燈效果 加入計數器：= 請參考課本P13-14頁 ^Frontpage的計數器必須在有支援 Frontpage伺服器擴充程式的伺服器上才能 運作 42 ?橫幅廣告管理員 :=請參考課本P14-10頁 =準備大小相同圖片（最多9張）,然後執行「插入/元件/ 橫幅廣告管理員」命令,開啟「橫幅廣告管理員」交 談窗,選取新增/插入圖片。 13■動態HTML效果：=請參考課本P14-16 二執行「格式/動態的HTML 二執行「格式/動態的HTML效果j命令 啟「DHTML 效果」工具列來設定各樣效果。 14■網頁切換效果：= 請參考課本P14-20頁 =執行「格式/網頁切換」命令開啟「網頁切換」工 =執行「格式/網頁切換」命令 開啟「網頁切換」工 列來設定各樣效果。 \17 \17 \17 \17 \17 \17 12 345678 zfx z(\ z(\ z(x z(x z(x z(\ z(x 15?特選網頁素材網站 web.idv.tw//html/mainindex.htm （強