通過本章學習,應該掌握以下內容frontpage和

《通過本章學習,應該掌握以下內容frontpage和》由會員上傳分享，免費在線閱讀，更多相關內容在教育資源-天天文庫。

1、通過本章學習，應該掌握以下內容：FrontPage和Dreamweaver的基本操作創(chuàng)建站點的方法管理站點的方法能夠為站點添加網頁導入文件到當前站點的方法發(fā)布站點的方法第2章創(chuàng)建站點2.1利用FrontPage2002創(chuàng)建站點2.1.1FrontPage2002簡介1．FrontPage2002的特色（1）強大的網頁設計功能可以智能地完成HTML文本的編輯，并可以針對不同的瀏覽器對網頁進行設置;可以提供對多種版本的瀏覽器的支持;完善了所見即所得的網頁編輯操作（2）豐富的網頁設計模板、設計向導和主題樣式提供了多種網頁設計模板、網頁設計向導和主題樣式。使用這些模板、向導和樣式，即使是初學者也

2、可以設計出具有專業(yè)水準的網站。2．FrontPage2002的新增功能FrontPage2002在FrontPage2000的原有功能基礎上增加了圖片庫和增強的繪圖工具，優(yōu)化了更新、控制與管理站點的方法。還增加了更多的表格格式選項、Office剪貼板任務窗格、網頁選項卡、自定義鏈接欄和電子商務等其他新功能。3．FrontPage2002工作界面（1）標題欄（2）菜單欄（3）常用工具欄（4）格式工具欄（5）窗口欄·“網頁”視圖網頁視圖是進行網頁編輯的操作界面。·“文件夾”視圖文件夾視圖的功能有些類似于Windows資源管理器，主要是用來對網站的目錄和文件夾進行管理.·“報表”視圖“報表”視

3、圖主要用于查看與網頁制作有關的各項參數。·“導航”視圖“導航”視圖用來顯示和編輯網頁的導航關系?！ぁ俺溄印币晥D“超鏈接”視圖顯示的是站點中的某個網頁與其他網頁之間的關系，·“任務”視圖“任務”視圖用來查看網站和網頁設計的完成情況。（6）狀態(tài)欄2.1.2創(chuàng)建站點1．創(chuàng)建新站點①選擇“文件”

4、“新建”

5、“網頁或站點”命令，在窗口欄打開“新建網頁或站點”窗格；②單擊“新建”下的“空白站點”超級鏈接，打開“Web站點模板”對話框;③單擊站點模板中的“空白站點”圖標，在“指定新站點的位置”文本框中輸入新站點的位置。單擊“確定”按鈕.注意：在創(chuàng)建站點選擇路徑時，最好選擇某個文件夾作為站點，而不要選

6、擇某個磁盤分區(qū)（例如F盤）作為站點，否則可能會導致整個磁盤分區(qū)癱瘓。2．導入一個已存在的站點要導入一個站點，首先應選擇“文件”菜單下的“導入”命令，然后根據提示，依次選擇需導入的站點即可。3．將文件夾轉換為站點FrontPage2002中可以將一個已經存在的文件夾轉換為站點2.1.3管理站點1．打開站點單擊工具欄中的“打開”按鈕，彈出“打開文件”對話框，在“打開文件”對話框中選擇要打開得網頁，選中之后，單擊“打開”按鈕，2．重命名站點在創(chuàng)建站點時，如果沒有為站點創(chuàng)建一個好的名稱，可以重新為站點命名。重命名Web站點時，FrontPage2002會用新站點名稱自動更新所有內部超鏈接以及其他

7、站點設置。3．刪除站點如果創(chuàng)建的站點不理想，修改起來又十分麻煩，可以將站點刪除。在FrontPage2002中選擇“文件夾”視圖，并選擇要刪除的站點，單擊“Delete”鍵，或單擊鼠標右鍵，從彈出的快捷菜單中選擇“刪除”命令，就可以刪除所選的站點了。注意：應用手動方式刪除文件，刪除的文件會自動放置于“回收站”中，而應用“刪除”命令方式刪除文件，被刪除的文件直接從磁盤中刪除，是不可恢復的。2.1.4為站點添加網頁創(chuàng)建完站點，接下來的任務就是為站點添加網頁。在FrontPage中，為站點添加網頁的方法有兩種。一種是：單擊工具欄中的“新建網頁”按鈕或者按快捷鍵“Ctrl＋N”，打開一個空白網頁

8、，設計者可以在網頁編輯區(qū)編輯自己的網頁；另一種是：選擇“文件”

9、“新建”

10、“網頁或站點”命令，在打開的“新建網頁或站點”窗格中單擊“網頁模板”超級鏈接，利用網頁模板創(chuàng)建網頁。2.1.5導入文件到當前站點站點設計者可以通過導入一個頁面而減輕自己的工作量，并吸收別人成功的經驗（當然要得到版權的許可）。導入方法與導入站點的方法類似。2.1.6發(fā)布站點1．設置瀏覽器的兼容性2．測試站點（1）查看站點中的所有內部超鏈接（2）驗證各個外部超鏈接的有效性（3）修復斷開的超鏈接（4）更新超鏈接2.2利用Dreamweaver4.0創(chuàng)建站點2.2.1Dreamweaver4.0簡介1．Dreamweave

11、r4.0的界面（1）菜單欄（2）工具欄（3）對象面板（4）浮動面板（5）文檔窗口（6）狀態(tài)欄（7）啟動面板（8）屬性面板2．Dreamweaver的視圖作為一種所見即所得的網頁編輯軟件，Dreamweaver自動在用戶創(chuàng)建網頁時生成底層的HTML代碼，同時提供了很好的HTML代碼編輯功能。使用工具欄中的視圖切換按鈕可以很方便地切換到代碼視圖，以便查看當前編輯網頁的HTML源代碼。2.2.2定義站點1．站點窗口在Dreamweaver