网站设计整体流程图VIP专享VIP免费

第1页共7页编号：时间：2021年x月x日书山有路勤为径，学海无涯苦作舟页码：第1页共7页FrontPageFrontPage網頁基本設計網頁基本設計第2页共7页第1页共7页编号：时间：2021年x月x日书山有路勤为径，学海无涯苦作舟页码：第2页共7页1.網站設計整體流程圖草圖製作START構思主體收集資料初期規劃網站製作局部測試上傳測試推銷網站後期維護中期實際行動後期維護END網站製作第3页共7页第2页共7页编号：时间：2021年x月x日书山有路勤为径，学海无涯苦作舟页码：第3页共7页2.2.為避免錯誤，初學者為避免錯誤，初學者請將網頁所需之請將網頁所需之所有所有圖片圖片(.(.jpg,.gif)jpg,.gif)、、聲音、影片及聲音、影片及所設計之網頁所設計之網頁(.(.htm)htm)檔、超連結的檔、超連結的.do.docc…檔…檔..等等，等等，皆先儲存入皆先儲存入此此新建之新新建之新資料夾資料夾((例如：例如：D:/test)D:/test)，以便與其他，以便與其他檔案有所區隔。檔案有所區隔。3.建立網站：方法很多，以電算中心電腦設定為範例(1)進入FrontPage軟體(2)另儲存新檔案：把new_page_1.htm檔，另存新檔為D:/test/index.htm首頁檔(3)開啟Web網站：選擇”檔案/開啟Web/”⇒選擇正確資料夾路徑D:/test(4)發送Web網站：選擇”檔案/發送Web/”(a)host輸入：ftp://mail.sssh.tp.edu.tw/www(b)帳號輸入：Email帳號例如：water(c)密碼輸入：Email的密碼例如：*****(d)利用瀏覽器(IE)查看上傳結果：⇒網址：Emailaddress後面加上/~帳號例如：http://mail.sssh.tp.edu.tw/~water4.利用「導覽」模式建立網頁架構圖：⇒請參考課本P4-19頁第4页共7页第3页共7页编号：时间：2021年x月x日书山有路勤为径，学海无涯苦作舟页码：第4页共7页5.匯入檔案：將原先未置入新資料夾(例如：c:/test)的所需檔案匯入資料夾內⇒請參考課本P5-8頁6.加入文字超連結：⇒請參考課本P8-9頁⇒在網頁模式中，將要超連結的文字選取起來，然後，在網頁中按下滑鼠右鍵，選擇「超連結內容」，在URL位置選取所需超連結檔案或資料或輸入網址。7.佈景主題：⇒請參考課本P5-26頁⇒在網頁中按下滑鼠右鍵，選擇「佈景主題」背景設定：⇒請參考課本P7-44頁⇒在網頁中按下滑鼠右鍵，選擇「網頁內容」命令，開啟「網頁內容/背景」交談窗。8.文字編輯(1)有層次(級)的項目清單：(請參考課本p6-20頁)往下產生層次：按兩次工具列上的增加縮排鈕第5页共7页第4页共7页编号：时间：2021年x月x日书山有路勤为径，学海无涯苦作舟页码：第5页共7页往上對齊層次：按兩次工具列上的減少縮排鈕(2)可摺疊式大綱：(請參考課本p6-24頁)Step1：先製作有層級的項目清單(請參考上一項操作)Step2：將插入點移到最上層的文字項目(這樣所有下層的清單才都能摺疊)Step3：執行「格式/項目符號及編號」命令Step4：再交談式視窗中，勾選「開啟可摺疊大綱、起始摺疊」扭，按確定。9.加入表格(1)一般使用：觀念大部分同word2000表格的使用，增加儲存格內容屬性可分別設定(請參考課本p9-31頁)(2)特殊應用：使網頁內容對齊~將表格框線設為零(無形的表格)。(請參考課本p9-37頁)10.使用框架(網頁頁面分割)(1)建立框架：請執行指令「檔案/開新檔案/網頁」，在網頁交談視窗中選擇「框架頁」標籤，選取所需適合的預定框架頁面。(2)調整框架大小、內容、分割與刪除框架：(請參考課本p11-12頁)(3)框架屬性設定：(請參考課本p11-21頁)選定欲修改屬性的框架，然後執行「框架/框架內容」命令，開啟框架內容交談視窗。*(4)設定框架的超連結：(請參考課本p11-26頁)Step1：選定要加入超連結的文字或圖片，按下超連結鈕。Step2：交談視窗中選擇「目標框架」扭~連結頁面要顯示在那個框架中Step3：在欲顯示的目標框架上按一下選擇第6页共7页第5页共7页编号：时间：2021年x月x日书山有路勤为径，学海无涯苦作舟页码：第6页共7页Step4：按下確定鈕，完成設定。11.加入圖片：(同word插入圖片的方法)⇒請參考課本P7-6頁加入聲音：⇒請參考課本P13-2頁⇒在網頁中按下滑鼠右鍵，選擇「網頁內容」命令，開啟「網頁內容」交談窗，選取背景聲音。加入跑馬燈：⇒請參考課本P13-10頁⇒Netscape不支援FrontPage所製作的跑馬燈效果...