《Dreamweaver8基礎(chǔ)與實例教程》課件

Dreamweaver8網(wǎng)頁制作主講人：金一北京交通大學(xué)計算機學(xué)院1Dreamweaver8網(wǎng)頁制作主講人：金一1上節(jié)課要點回顧了解網(wǎng)頁的設(shè)計理念了解網(wǎng)頁的設(shè)計風(fēng)格了解網(wǎng)頁的創(chuàng)意設(shè)計了解網(wǎng)頁的色彩搭配2上節(jié)課要點回顧了解網(wǎng)頁的設(shè)計理念2基礎(chǔ)知識——網(wǎng)頁設(shè)計簡介0.1網(wǎng)頁設(shè)計概述0.2初識Dreamweaver83基礎(chǔ)知識——網(wǎng)頁設(shè)計簡介0.1網(wǎng)頁設(shè)計概述30.1網(wǎng)頁設(shè)計概述0.1.1網(wǎng)頁設(shè)計遵循的理念0.1.2網(wǎng)站整體風(fēng)格的確定0.1.3網(wǎng)頁創(chuàng)意0.1.4網(wǎng)頁色彩搭配簡介0.1.5常用網(wǎng)頁設(shè)計工具簡介40.1網(wǎng)頁設(shè)計概述0.1.1網(wǎng)頁設(shè)計遵循的理念40.1.1網(wǎng)頁設(shè)計遵循的理念（1）考慮訪問者的帶寬問題。（2）版面布局合理。（3）網(wǎng)站標(biāo)志的設(shè)計。（4）站點內(nèi)容要精、專，及時更新。50.1.1網(wǎng)頁設(shè)計遵循的理念（1）考慮訪問者的帶寬問題。50.1.2網(wǎng)站整體風(fēng)格的確定網(wǎng)站的風(fēng)格指網(wǎng)站的整體形象給訪問者的綜合感受。包含的因素網(wǎng)站的標(biāo)志設(shè)計、色彩、版面布局、瀏覽方式、交互性、文字和價值等。例如：兒童網(wǎng)站“WaWaYaYa”是生動活潑的；大多商業(yè)網(wǎng)站如IBM，是專業(yè)嚴(yán)肅的。60.1.2網(wǎng)站整體風(fēng)格的確定網(wǎng)站的風(fēng)格67788確定網(wǎng)站的整體風(fēng)格需要注意以下幾個方面：（1）網(wǎng)站標(biāo)志要放在醒目位置要保持不變。（2）反應(yīng)網(wǎng)站精髓的標(biāo)語并動態(tài)顯示。（3）導(dǎo)航放在每一張網(wǎng)頁的相同位置。（4）確定網(wǎng)站的主體顏色并注意顏色。（5）頁面的布局一般采用左邊導(dǎo)航右邊文字，或者上面導(dǎo)航下面文字的方法，或兩者結(jié)合使用。（6）內(nèi)容結(jié)構(gòu)簡單且分類要簡而精。9確定網(wǎng)站的整體風(fēng)格需要注意以下幾個方面：（1）網(wǎng)站標(biāo)志要放在0.1.3網(wǎng)頁創(chuàng)意什么是創(chuàng)意？（1）創(chuàng)意是傳達信息的一種特殊手段。（2）創(chuàng)意是將現(xiàn)有的要素重新組合。100.1.3網(wǎng)頁創(chuàng)意什么是創(chuàng)意？100.1.4網(wǎng)頁色彩搭配簡介網(wǎng)頁色彩搭配應(yīng)考慮以下因素：（1）色彩的鮮明性。（2）色彩的獨特性。（3）色度的合適性。（4）色彩的代表性。110.1.4網(wǎng)頁色彩搭配簡介網(wǎng)頁色彩搭配應(yīng)考慮以下因素：110.1.5常用網(wǎng)頁設(shè)計工具簡介1．網(wǎng)頁設(shè)計軟件Dreamweaver2．網(wǎng)絡(luò)動畫制作軟件Flash3．網(wǎng)絡(luò)圖像處理軟件Fireworks（本課程主講Photoshop）120.1.5常用網(wǎng)頁設(shè)計工具簡介1．網(wǎng)頁設(shè)計軟件Dreamw第1講Dreamweaver8.0界面及站點建設(shè)13第1講Dreamweaver8.0界面及站點建設(shè)13第1講Dreamweaver8.0界面及站點建設(shè)1.1Dreamweaver8.0簡介1.2創(chuàng)建站點1.3網(wǎng)頁文件的基本操作1.4設(shè)置頁面屬性1.5練習(xí)制作簡單的網(wǎng)頁站點14第1講Dreamweaver8.0界面及站點建設(shè)1.1.1Dreamweaver8.0簡介1.1.1Dreamweaver8.0的啟動和退出1.1.2Dreamweaver8.0的工作環(huán)境151.1Dreamweaver8.0簡介1.1.1Dre1.1.1Dreamweaver8.0的啟動和退出1.啟動Dreamweaver8.0在Windows操作系統(tǒng)下，單擊左下角的【開始】按鈕，從【程序】菜單中選擇Macromedia菜單，然后從子菜單中單擊【MacromediaDreamweaver8】即可啟動，如圖所示。161.1.1Dreamweaver8.0的啟動和退出1.啟2.退出Dreamweaver8.0退出Dreamweaver8.0的方法很簡單，我們可以有以下幾種方式退出編輯界面：（1）單擊Dreamweaver8窗口右上方的關(guān)閉按鈕；（2）按下“Alt+F4”組合鍵；（3）選擇“文件”菜單中的“退出”命令，或按快捷鍵Ctrl+Q退出系統(tǒng)。172.退出Dreamweaver8.0171.1.2Dreamweaver8.0的工作環(huán)境Dreamweaver8.0的操作窗口181.1.2Dreamweaver8.0的工作環(huán)境Drea1.2創(chuàng)建站點1.2.1創(chuàng)建本地站點1.2.2管理站點1.2.3管理網(wǎng)站中的文件和文件夾191.2創(chuàng)建站點1.2.1創(chuàng)建本地站點191.2.1創(chuàng)建本地站點步驟1：在本地硬盤上建立一個用來存放站點的文件夾，命名為“site”，該文件夾就是本地站點的根目錄，是為網(wǎng)站特別建立的一個文件夾。步驟2:打開Dreamweaver8.0，選擇“站點”菜單下的“管理站點”命令，或者選擇文件面板中的“管理站點”命令，打開“管理站點”對話框。

201.2.1創(chuàng)建本地站點步驟1：在本地硬盤上建立一個用來存放步驟3:單擊“管理站點”對話框中的“新建”按鈕，在彈出菜單中選擇“站點”命令。21步驟3:單擊“管理站點”對話框中的“新建”按鈕，在彈出菜單中步驟4：單擊“站點”命令后，系統(tǒng)會彈出窗口，這是一個定義站點的向?qū)Вx擇“基本”選項卡，給網(wǎng)站定義一個名稱，例如“數(shù)學(xué)與計算機系”。22步驟4：單擊“站點”命令后，系統(tǒng)會彈出窗口，這是一個定義站點步驟5：單擊“下一步”按鈕，在窗口中設(shè)置網(wǎng)站是否使用服務(wù)器技術(shù)，例如：ASP、PHP等。由于我們要制作的是基本的靜態(tài)網(wǎng)站，所以選擇“否，我不想使用服務(wù)器技術(shù)”單選按鈕。23步驟5：單擊“下一步”按鈕，在窗口中設(shè)置網(wǎng)站是否使用服務(wù)器技步驟6：單擊“下一步”按鈕，開始設(shè)置網(wǎng)頁的存儲方法和存儲路徑。在上半部分的單選項中選擇第一項“編輯我的計算機上的本地副本，完成后再上傳到服務(wù)器（推薦）”。如果申請的網(wǎng)站空間支持在線編輯功能，那么可以選擇“使用本地網(wǎng)絡(luò)直接在服務(wù)器上編輯”單選項。24步驟6：單擊“下一步”按鈕，開始設(shè)置網(wǎng)頁的存儲方法和存儲路徑2525步驟7：完成以上的設(shè)置后單擊“下一步”按鈕，在這里選擇連接服務(wù)器的方式，以及網(wǎng)頁在服務(wù)器上的存儲位置。26步驟7：完成以上的設(shè)置后單擊“下一步”按鈕，在這里選擇連接服步驟8：單擊“下一步”按鈕。在這里選擇是否使用“存回”和“取出”。選中“是，啟用存回和取出”選項，可以多人共同完成網(wǎng)站的維護工作。如果只需一個就能夠完成網(wǎng)站的維護工作，可以選擇“否”。27步驟8：單擊“下一步”按鈕。在這里選擇是否使用“存回”和“取步驟9：至此完成了對網(wǎng)站的基本定義。單擊“下一步”按鈕，Dreamweaver8.0會彈出對話框詢問設(shè)置的信息是否準(zhǔn)確，單擊“完成”按鈕，本地站點就創(chuàng)建成功了。28步驟9：至此完成了對網(wǎng)站的基本定義。單擊“下一步”按鈕，Dr1.2.2管理站點1.切換站點Dreamweaver8.0中可以同時存在多個站點，在文件面板左邊的下拉列表框中選中某個已創(chuàng)建的站點，就可切換到對這個站點進行操作的狀態(tài)。291.2.2管理站點1.切換站點291.2.2管理站點2．編輯站點如果要對站點進行編輯，可以在“管理站點”對話框中，選擇要編輯的站點，然后用鼠標(biāo)單擊“管理站點”對話框中的“編輯”按鈕，重新打開“站點定義”向?qū)?，根?jù)需要一步一步修改站點的屬性即可。301.2.2管理站點2．編輯站點301.2.2管理站點3．刪除站點如果不需要某個站點時，可以將其從站點列表中刪除。選擇“站點”菜單下的“管理站點”命令，打開“管理站點”對話框，在該對話框中選擇一個站點，單擊“刪除”按鈕，即可刪除一個站點，對某一個站點進行刪除操作后，網(wǎng)站的文件仍保存在硬盤原來的位置上，并沒有從硬盤上刪除。311.2.2管理站點3．刪除站點311.2.3管理網(wǎng)站中的文件和文件夾1．創(chuàng)建文件夾和文件文件面板通常顯示站點中的所有文件和文件夾，但新建的站點中不包含任何文件或文件夾。所有的文件和文件夾都需要新建，在文件面板中站點根目錄上單擊鼠標(biāo)右鍵，然后從彈出的快捷菜單中單擊菜單項“新建文件夾”或“新建文件”，接著給新的文件夾或文件命名。321.2.3管理網(wǎng)站中的文件和文件夾1．創(chuàng)建文件夾和文件321.2.3管理網(wǎng)站中的文件和文件夾2．重命名文件夾或文件先選中需要重命名的文件夾或文件，然后單擊右鍵，在彈出的快捷菜單中單擊“編輯”選項的下級菜單中的“重命名”命令或者按【F2】快捷鍵，文件夾或文件的名稱變?yōu)榭删庉嫚顟B(tài)，重新輸入新的名稱，按Enter鍵確認即可。3．移動和復(fù)制文件從“文件”面板的本地站點文件列表中，選中要移動或復(fù)制的文件夾或文件，如果要進行移動操作，在彈出的快捷菜單中單擊“編輯”選項的下級菜單中的“剪切”命令；如果要進行復(fù)制操作，則執(zhí)行“編輯”選項的“拷貝”命令，然后執(zhí)行“編輯”選項下的“粘貼”命令，將文件夾或文件移動或復(fù)制到相應(yīng)的文件夾中。4．刪除文件夾或文件要從本地站點文件列表中刪除文件夾或文件，先選中要刪除的文件夾或文件，然后執(zhí)行“編輯”選項同上的“刪除”命令或按Delete鍵，這時系統(tǒng)會彈出一個提示對話框，詢問是否要真正刪除文件夾或文件，單擊“是”按鈕確認后即可將文件夾或文件從本地站點中刪除。331.2.3管理網(wǎng)站中的文件和文件夾2．重命名文件夾或文件331.3網(wǎng)頁文件的基本操作1.3.1創(chuàng)建網(wǎng)頁和打開網(wǎng)頁1.3.2保存網(wǎng)頁1.3.3在瀏覽器中預(yù)覽網(wǎng)頁341.3網(wǎng)頁文件的基本操作1.3.1創(chuàng)建網(wǎng)頁和打開網(wǎng)頁341.3.1創(chuàng)建網(wǎng)頁和打開網(wǎng)頁1.新建網(wǎng)頁單擊“文件”菜單下“新建”命令，即可彈出“新建文檔”對話框。從“類別”列表框中選擇“基本頁”選項，然后選擇“基本頁”列表框中的“HTML”選項。單擊“創(chuàng)建”按鈕，即可新建一個空白的HTML網(wǎng)頁文檔。351.3.1創(chuàng)建網(wǎng)頁和打開網(wǎng)頁1.新建網(wǎng)頁351.3.1創(chuàng)建網(wǎng)頁和打開網(wǎng)頁2.打開網(wǎng)頁單擊“文件”菜單選擇“打開”命令，彈出“打開”對話框。在該對話框內(nèi)選中要打開的HTML文檔，單擊“打開”按鈕，即可將選定的HTML文檔打開。也可以在“文件”面板上，雙擊“站點目錄”中的網(wǎng)頁文件也可以打開網(wǎng)頁文件。361.3.1創(chuàng)建網(wǎng)頁和打開網(wǎng)頁2.打開網(wǎng)頁361.3.2保存網(wǎng)頁在完成創(chuàng)建、編輯的網(wǎng)頁之后，關(guān)鍵的一步就是保存網(wǎng)頁，否則一切都是徒勞的，保存網(wǎng)頁有如下幾種方法：單擊“文件”菜單選擇“保存”命令，可以原名字原路徑保存當(dāng)前的文檔。單擊“文件”菜單選擇“另保存”命令，可彈出“另存為”對話框。利用該對話框可以將當(dāng)前的文檔以其他名字保存。單擊“文件”菜單選擇“保存全部”命令，可將當(dāng)前正在編輯的所有文檔以原名保存。371.3.2保存網(wǎng)頁在完成創(chuàng)建、編輯的網(wǎng)頁之后，關(guān)鍵的一步就是1.3.3在瀏覽器中預(yù)覽網(wǎng)頁單擊標(biāo)準(zhǔn)工具欄上的預(yù)覽按鈕或按“F12”可在瀏覽器中預(yù)覽所編輯的網(wǎng)頁。381.3.3在瀏覽器中預(yù)覽網(wǎng)頁單擊標(biāo)準(zhǔn)工具欄上的預(yù)覽按鈕或按“1.4設(shè)置頁面屬性步驟1：打開Dreamweaver8.0，新建一個網(wǎng)頁，或者打開一個現(xiàn)有的網(wǎng)頁，選擇“修改”菜單下的“頁面屬性”命令，或者單擊屬性面板中的“頁面屬性”按鈕，打開“頁面屬性”對話框。391.4設(shè)置頁面屬性步驟1：打開Dreamweaver8.01.4設(shè)置頁面屬性步驟2：在“頁面屬性”對話框中設(shè)置“外觀”參數(shù)，選擇“頁面屬性”中的“外觀”選項同，在右側(cè)可能設(shè)置具體的參數(shù)。401.4設(shè)置頁面屬性步驟2：在“頁面屬性”對話框中設(shè)置“外觀1.4設(shè)置頁面屬性步驟3：頁面屬性設(shè)置完成后，單擊“確定”保存設(shè)置，然后中再打開“頁面屬性”對話框，并選擇左側(cè)的“分類”列表中的“鏈接”選項同，在右側(cè)可以對鏈接的樣式進行詳細的設(shè)置。411.4設(shè)置頁面屬性步驟3：頁面屬性設(shè)置完成后，單擊“確定”1.5練習(xí)制作簡單的網(wǎng)頁站點1.創(chuàng)建一個名為“計算機基礎(chǔ)精品課程”的站點，將其中的本地站點保存在“D:﹨computer”文件夾下，遠程站點保存在“D:﹨computer”文件夾下。根據(jù)如圖所示的網(wǎng)站的邏輯圖，為“計算機基礎(chǔ)精品課程”網(wǎng)站建立一個存放圖片的文件夾“images”，并新建名為“index.html”、“teacher.html”、“jiaoxue.html”、“shiyan.html”、“rili.html”、“kejian.html”和“l(fā)uxiang.html”的網(wǎng)頁文件，最后設(shè)置index.html的頁面屬性。421.5練習(xí)制作簡單的網(wǎng)頁站點1.創(chuàng)建一個名為“計算機基礎(chǔ)精1.5練習(xí)制作簡單的網(wǎng)頁站點2.創(chuàng)建一個“個人求職主頁”的站點，將其中的本地站點保存在“D:﹨self”文件夾下，遠程站點保存在“D:﹨self”文件夾下。根據(jù)網(wǎng)站的主頁，為“個人求職主頁”網(wǎng)站建立一個存放圖片的文件夾“images”，并依據(jù)如圖所示的網(wǎng)頁建立網(wǎng)站目錄，建立所需要的網(wǎng)頁文件，最后設(shè)置index.html的頁面屬性。431.5練習(xí)制作簡單的網(wǎng)頁站點2.創(chuàng)建一個“個人求職主頁”1.5練習(xí)制作簡單的網(wǎng)頁站點3.創(chuàng)建一個“公司產(chǎn)品銷售”的站點，根據(jù)網(wǎng)站的主頁，為“公司產(chǎn)品銷售”網(wǎng)站建立一個站點，并依據(jù)如圖所示的網(wǎng)頁建立網(wǎng)站目錄，建立所需要的網(wǎng)頁文件，最后設(shè)置index.html的頁面屬性。441.5練習(xí)制作簡單的網(wǎng)頁站點3.創(chuàng)建一個“公司產(chǎn)品銷售”Dreamweaver8網(wǎng)頁制作主講人：金一北京交通大學(xué)計算機學(xué)院45Dreamweaver8網(wǎng)頁制作主講人：金一1上節(jié)課要點回顧了解網(wǎng)頁的設(shè)計理念了解網(wǎng)頁的設(shè)計風(fēng)格了解網(wǎng)頁的創(chuàng)意設(shè)計了解網(wǎng)頁的色彩搭配46上節(jié)課要點回顧了解網(wǎng)頁的設(shè)計理念2基礎(chǔ)知識——網(wǎng)頁設(shè)計簡介0.1網(wǎng)頁設(shè)計概述0.2初識Dreamweaver847基礎(chǔ)知識——網(wǎng)頁設(shè)計簡介0.1網(wǎng)頁設(shè)計概述30.1網(wǎng)頁設(shè)計概述0.1.1網(wǎng)頁設(shè)計遵循的理念0.1.2網(wǎng)站整體風(fēng)格的確定0.1.3網(wǎng)頁創(chuàng)意0.1.4網(wǎng)頁色彩搭配簡介0.1.5常用網(wǎng)頁設(shè)計工具簡介480.1網(wǎng)頁設(shè)計概述0.1.1網(wǎng)頁設(shè)計遵循的理念40.1.1網(wǎng)頁設(shè)計遵循的理念（1）考慮訪問者的帶寬問題。（2）版面布局合理。（3）網(wǎng)站標(biāo)志的設(shè)計。（4）站點內(nèi)容要精、專，及時更新。490.1.1網(wǎng)頁設(shè)計遵循的理念（1）考慮訪問者的帶寬問題。50.1.2網(wǎng)站整體風(fēng)格的確定網(wǎng)站的風(fēng)格指網(wǎng)站的整體形象給訪問者的綜合感受。包含的因素網(wǎng)站的標(biāo)志設(shè)計、色彩、版面布局、瀏覽方式、交互性、文字和價值等。例如：兒童網(wǎng)站“WaWaYaYa”是生動活潑的；大多商業(yè)網(wǎng)站如IBM，是專業(yè)嚴(yán)肅的。500.1.2網(wǎng)站整體風(fēng)格的確定網(wǎng)站的風(fēng)格6517528確定網(wǎng)站的整體風(fēng)格需要注意以下幾個方面：（1）網(wǎng)站標(biāo)志要放在醒目位置要保持不變。（2）反應(yīng)網(wǎng)站精髓的標(biāo)語并動態(tài)顯示。（3）導(dǎo)航放在每一張網(wǎng)頁的相同位置。（4）確定網(wǎng)站的主體顏色并注意顏色。（5）頁面的布局一般采用左邊導(dǎo)航右邊文字，或者上面導(dǎo)航下面文字的方法，或兩者結(jié)合使用。（6）內(nèi)容結(jié)構(gòu)簡單且分類要簡而精。53確定網(wǎng)站的整體風(fēng)格需要注意以下幾個方面：（1）網(wǎng)站標(biāo)志要放在0.1.3網(wǎng)頁創(chuàng)意什么是創(chuàng)意？（1）創(chuàng)意是傳達信息的一種特殊手段。（2）創(chuàng)意是將現(xiàn)有的要素重新組合。540.1.3網(wǎng)頁創(chuàng)意什么是創(chuàng)意？100.1.4網(wǎng)頁色彩搭配簡介網(wǎng)頁色彩搭配應(yīng)考慮以下因素：（1）色彩的鮮明性。（2）色彩的獨特性。（3）色度的合適性。（4）色彩的代表性。550.1.4網(wǎng)頁色彩搭配簡介網(wǎng)頁色彩搭配應(yīng)考慮以下因素：110.1.5常用網(wǎng)頁設(shè)計工具簡介1．網(wǎng)頁設(shè)計軟件Dreamweaver2．網(wǎng)絡(luò)動畫制作軟件Flash3．網(wǎng)絡(luò)圖像處理軟件Fireworks（本課程主講Photoshop）560.1.5常用網(wǎng)頁設(shè)計工具簡介1．網(wǎng)頁設(shè)計軟件Dreamw第1講Dreamweaver8.0界面及站點建設(shè)57第1講Dreamweaver8.0界面及站點建設(shè)13第1講Dreamweaver8.0界面及站點建設(shè)1.1Dreamweaver8.0簡介1.2創(chuàng)建站點1.3網(wǎng)頁文件的基本操作1.4設(shè)置頁面屬性1.5練習(xí)制作簡單的網(wǎng)頁站點58第1講Dreamweaver8.0界面及站點建設(shè)1.1.1Dreamweaver8.0簡介1.1.1Dreamweaver8.0的啟動和退出1.1.2Dreamweaver8.0的工作環(huán)境591.1Dreamweaver8.0簡介1.1.1Dre1.1.1Dreamweaver8.0的啟動和退出1.啟動Dreamweaver8.0在Windows操作系統(tǒng)下，單擊左下角的【開始】按鈕，從【程序】菜單中選擇Macromedia菜單，然后從子菜單中單擊【MacromediaDreamweaver8】即可啟動，如圖所示。601.1.1Dreamweaver8.0的啟動和退出1.啟2.退出Dreamweaver8.0退出Dreamweaver8.0的方法很簡單，我們可以有以下幾種方式退出編輯界面：（1）單擊Dreamweaver8窗口右上方的關(guān)閉按鈕；（2）按下“Alt+F4”組合鍵；（3）選擇“文件”菜單中的“退出”命令，或按快捷鍵Ctrl+Q退出系統(tǒng)。612.退出Dreamweaver8.0171.1.2Dreamweaver8.0的工作環(huán)境Dreamweaver8.0的操作窗口621.1.2Dreamweaver8.0的工作環(huán)境Drea1.2創(chuàng)建站點1.2.1創(chuàng)建本地站點1.2.2管理站點1.2.3管理網(wǎng)站中的文件和文件夾631.2創(chuàng)建站點1.2.1創(chuàng)建本地站點191.2.1創(chuàng)建本地站點步驟1：在本地硬盤上建立一個用來存放站點的文件夾，命名為“site”，該文件夾就是本地站點的根目錄，是為網(wǎng)站特別建立的一個文件夾。步驟2:打開Dreamweaver8.0，選擇“站點”菜單下的“管理站點”命令，或者選擇文件面板中的“管理站點”命令，打開“管理站點”對話框。

641.2.1創(chuàng)建本地站點步驟1：在本地硬盤上建立一個用來存放步驟3:單擊“管理站點”對話框中的“新建”按鈕，在彈出菜單中選擇“站點”命令。65步驟3:單擊“管理站點”對話框中的“新建”按鈕，在彈出菜單中步驟4：單擊“站點”命令后，系統(tǒng)會彈出窗口，這是一個定義站點的向?qū)Вx擇“基本”選項卡，給網(wǎng)站定義一個名稱，例如“數(shù)學(xué)與計算機系”。66步驟4：單擊“站點”命令后，系統(tǒng)會彈出窗口，這是一個定義站點步驟5：單擊“下一步”按鈕，在窗口中設(shè)置網(wǎng)站是否使用服務(wù)器技術(shù)，例如：ASP、PHP等。由于我們要制作的是基本的靜態(tài)網(wǎng)站，所以選擇“否，我不想使用服務(wù)器技術(shù)”單選按鈕。67步驟5：單擊“下一步”按鈕，在窗口中設(shè)置網(wǎng)站是否使用服務(wù)器技步驟6：單擊“下一步”按鈕，開始設(shè)置網(wǎng)頁的存儲方法和存儲路徑。在上半部分的單選項中選擇第一項“編輯我的計算機上的本地副本，完成后再上傳到服務(wù)器（推薦）”。如果申請的網(wǎng)站空間支持在線編輯功能，那么可以選擇“使用本地網(wǎng)絡(luò)直接在服務(wù)器上編輯”單選項。68步驟6：單擊“下一步”按鈕，開始設(shè)置網(wǎng)頁的存儲方法和存儲路徑6925步驟7：完成以上的設(shè)置后單擊“下一步”按鈕，在這里選擇連接服務(wù)器的方式，以及網(wǎng)頁在服務(wù)器上的存儲位置。70步驟7：完成以上的設(shè)置后單擊“下一步”按鈕，在這里選擇連接服步驟8：單擊“下一步”按鈕。在這里選擇是否使用“存回”和“取出”。選中“是，啟用存回和取出”選項，可以多人共同完成網(wǎng)站的維護工作。如果只需一個就能夠完成網(wǎng)站的維護工作，可以選擇“否”。71步驟8：單擊“下一步”按鈕。在這里選擇是否使用“存回”和“取步驟9：至此完成了對網(wǎng)站的基本定義。單擊“下一步”按鈕，Dreamweaver8.0會彈出對話框詢問設(shè)置的信息是否準(zhǔn)確，單擊“完成”按鈕，本地站點就創(chuàng)建成功了。72步驟9：至此完成了對網(wǎng)站的基本定義。單擊“下一步”按鈕，Dr1.2.2管理站點1.切換站點Dreamweaver8.0中可以同時存在多個站點，在文件面板左邊的下拉列表框中選中某個已創(chuàng)建的站點，就可切換到對這個站點進行操作的狀態(tài)。731.2.2管理站點1.切換站點291.2.2管理站點2．編輯站點如果要對站點進行編輯，可以在“管理站點”對話框中，選擇要編輯的站點，然后用鼠標(biāo)單擊“管理站點”對話框中的“編輯”按鈕，重新打開“站點定義”向?qū)В鶕?jù)需要一步一步修改站點的屬性即可。741.2.2管理站點2．編輯站點301.2.2管理站點3．刪除站點如果不需要某個站點時，可以將其從站點列表中刪除。選擇“站點”菜單下的“管理站點”命令，打開“管理站點”對話框，在該對話框中選擇一個站點，單擊“刪除”按鈕，即可刪除一個站點，對某一個站點進行刪除操作后，網(wǎng)站的文件仍保存在硬盤原來的位置上，并沒有從硬盤上刪除。751.2.2管理站點3．刪除站點311.2.3管理網(wǎng)站中的文件和文件夾1．創(chuàng)建文件夾和文件文件面板通常顯示站點中的所有文件和文件夾，但新建的站點中不包含任何文件或文件夾。所有的文件和文件夾都需要新建，在文件面板中站點根目錄上單擊鼠標(biāo)右鍵，然后從彈出的快捷菜單中單擊菜單項“新建文件夾”或“新建文件”，接著給新的文件夾或文件命名。761.2.3管理網(wǎng)站中的文件和文件夾1．創(chuàng)建文件夾和文件321.2.3管理網(wǎng)站中的文件和文件夾2．重命名文件夾或文件先選中需要重命名的文件夾或文件，然后單擊右鍵，在彈出的快捷菜單中單擊“編輯”選項的下級菜單中的“重命名”命令或者按【F2】快捷鍵，文件夾或文件的名稱變?yōu)榭删庉嫚顟B(tài)，重新輸入新的名稱，按Enter鍵確認即可。3．移動和復(fù)制文件從“文件”面板的本地站點文件列表中，選中要移動或復(fù)制的文件夾或文件，如果要進行移動操作，在彈出的快捷菜單中單擊“編輯”選項的下級菜單中的“剪切”命令；如果要進行復(fù)制操作，則執(zhí)行“編輯”選項的“拷貝”命令，然后執(zhí)行“編輯”選項下的“粘貼”命令，將文件夾或文件移動或復(fù)制到相應(yīng)的文件夾中。4．刪除文件夾或文件要從本地站點文件列表中刪除文件夾或文件，先選中要刪除的文件夾或文件，然后執(zhí)行“編輯”選項同上的“刪除”命令或按Delete鍵，這時系統(tǒng)會彈出一個提示對話框，詢問是否要真正刪除文件夾或文件，單擊“是”按鈕確認后即可將文件夾或文件從本地站點中刪除。771.2.3管理網(wǎng)站中的文件和文件夾2．重命名文件夾或文件331.3網(wǎng)頁文件的基本操作1.3.1創(chuàng)建網(wǎng)頁和打開網(wǎng)頁1.3.2保存網(wǎng)頁1.3.3在瀏覽器中預(yù)覽網(wǎng)頁781.3網(wǎng)頁文件的基本操作1.3.1創(chuàng)建網(wǎng)頁和打開網(wǎng)頁341.3.1創(chuàng)建網(wǎng)頁和打開網(wǎng)頁1.新建網(wǎng)頁單擊“文件”菜單下“新建”命令，即可彈出“新建文檔”對話框。從“類別”列表框中選擇“基本頁”選項，然后選擇“基本頁”列表框中的“HTML”選項。單擊“創(chuàng)建”按鈕，即可新建一個空白的HTML網(wǎng)頁文檔。791.3.1創(chuàng)建網(wǎng)頁和打開網(wǎng)頁1.新建網(wǎng)頁351.3.1創(chuàng)建網(wǎng)頁和打開網(wǎng)頁2.打開網(wǎng)頁單擊“文件”菜單選擇“打開”命令，彈出“打開”對話框。在該對話框內(nèi)選中要打開的HTML文檔，單擊“打開”按鈕，即可將選定的HTML文檔打開。也可以在“文件”面板上，雙擊“站點目錄”中的網(wǎng)頁文件也可以打開網(wǎng)頁文件。801.3.1創(chuàng)建網(wǎng)頁和打開網(wǎng)頁2.打開網(wǎng)頁361.3.2保存網(wǎng)頁在完成創(chuàng)建、編輯的網(wǎng)頁之后，關(guān)鍵的一步就是保存網(wǎng)頁，否則一切都是徒勞的，保存網(wǎng)頁有如下幾種方法：單擊“文件”菜單選擇“保存”命令，可以原名字原路徑保存當(dāng)前的文檔。單擊“文件”菜單選擇“另保存”命令，可彈出“另存為”對話框。利用該對話框可以將當(dāng)前的文檔以其他名字保存。單擊“文件”菜單選擇“保存全部”命令，可將當(dāng)前正在編輯的所有文檔以原名保存。811.3.