Dreamweaver CS的基本操作學習教案

1、會計學1Dreamweaver CS的基本操作的基本操作第一頁，共21頁。22022-6-241.Dreamweaver CS4的工作界面的工作界面 2.在啟動在啟動Dreamweaver CS4時，首先進入時，首先進入(jnr)的是起的是起始頁面，在起始頁中，將始頁面，在起始頁中，將Dreamweaver CS4能完成的任能完成的任務都集中地放在了一個頁面中，務都集中地放在了一個頁面中，如如“打開最近的項目打開最近的項目”、“新建新建”、“主要功能主要功能”等等 3. 第1頁/共21頁第二頁，共21頁。32022-6-24第2頁/共21頁第三頁，共21頁。42022-6-24第3頁/共21頁

2、第四頁，共21頁。5 2022-6-24工作工作(gngzu)界面界面2. Dreamweaver CS4參數(shù)參數(shù)(cnsh)的設(shè)置的設(shè)置 第4頁/共21頁第五頁，共21頁。62022-6-24文檔工具欄文檔工具欄給當前編輯的網(wǎng)頁(wn y)文檔提供了一系列的便捷操作工具，它位于網(wǎng)頁(wn y)編輯窗口的上部，此工具提供了當前編輯網(wǎng)頁(wn y)的視圖切換、文件管理等功能。第5頁/共21頁第六頁，共21頁。72022-6-24插入(ch r)欄插入欄中按類別可分為“常用”、“布局”、“表單”、“數(shù)據(jù)”、Spry、Context Editing、“文本”、“收藏夾”、“顏色圖標”和“隱藏標簽”。

3、這樣可以通過插入欄“常用”選項完成(wn chng)在文檔中插入常用的網(wǎng)頁元素、通過“布局”選項完成(wn chng)控制網(wǎng)頁布局的元素如Div標簽、Spry菜單欄和表格等、通過“數(shù)據(jù)”選項完成(wn chng)在文檔插入Spry數(shù)據(jù)集、記錄集等操作。 第6頁/共21頁第七頁，共21頁。82022-6-24屬性(shxng)檢查器屬性檢查器中以HTML方式顯示的屬性面板可以設(shè)置“格式”、ID、“CSS樣式”、“鏈接”、“文本格式”、“列表”、“編號(bin ho)”、“縮進”、“凸出”和“頁面屬性”等；以CSS方式顯示的屬性面板可以直接選擇CSS樣式的“目錄規(guī)則”，并可對CSS規(guī)則進行編輯，以

4、及快捷打開CSS面板。同時，可以顯示已選元素的“字體”、“大小”、“顏色”、“文本格式”和“對齊方式”等，也可以設(shè)置頁面屬性。第7頁/共21頁第八頁，共21頁。92022-6-24面板(min bn)組Dreamweaver CS4將各種工具面板集成到面板組中，包括“插入”、“CSS樣式”、“行為(xngwi)”、“框架”、“文件”和“歷史”等面板?？梢栽诓藛螜谥羞x擇“窗口”命令，在彈出的下拉菜單中選擇顯示或隱藏某項面板。第8頁/共21頁第九頁，共21頁。102022-6-242. Dreamweaver CS4參數(shù)(cnsh)的設(shè)置在Dreamweaver CS4中，所有的環(huán)境設(shè)置都是通過“

5、首選參數(shù)”進行設(shè)置。我們通過“編輯(binj)”、“首選參數(shù)”進入?yún)?shù)設(shè)置的界面。第9頁/共21頁第十頁，共21頁。112022-6-24第10頁/共21頁第十一頁，共21頁。122022-6-24第11頁/共21頁第十二頁，共21頁。132022-6-24新建：可以新建一個站點。編輯：可以選擇對話框中的已有站點進行編輯。復制：可以選擇對話框中的已有站點，復制出一個新的站點。刪除：可以選擇對話框中的已有站點，刪除該站點。導出：可以選擇對話框中的已有站點，其配置文件可以.ste格式(g shi)保存。導入：可以將.ste格式(g shi)的配置文件導入。第12頁/共21頁第十三頁，共21頁。14

6、2022-6-24通過站點管理對話框的“編輯”按鈕，打開“站點定義為”對話框，打開“高級(goj)”類，可以對站點信息進行設(shè)置。 站點管理高級(goj)設(shè)置第13頁/共21頁第十四頁，共21頁。152022-6-24在Dreamweaver CS4主窗口中，選擇“文件(wnjin)”“新建”命令，打開“新建文檔”對話框。選擇HTML空白頁第14頁/共21頁第十五頁，共21頁。162022-6-24u保存(bocn)網(wǎng)頁頁面編輯完成后，需要把之前的頁面保存(bocn)下來，選擇“文件” “保存(bocn)”命令或者選擇“文件” “另存為”命令，選擇保存(bocn)路徑，即可在對應路徑中生成HTM

7、L文件保存(bocn)下來。第15頁/共21頁第十六頁，共21頁。172022-6-24u關(guān)閉(gunb)網(wǎng)頁關(guān)閉文檔的操作分為兩種。（1）關(guān)閉關(guān)閉當前操作文檔。選擇“文件(wnjin)” “關(guān)閉”命令，或使用快捷鍵Ctrl+W關(guān)閉文檔。（2）全部關(guān)閉一次性將所有在工作界面打開的文檔全部關(guān)閉，選擇“文件(wnjin)” “全部關(guān)閉”，或使用快捷鍵Ctrl+Shift+W。第16頁/共21頁第十七頁，共21頁。18在測試站點過程中應該注意以下幾個方面。（1）在測試站點過程中，應確保在目標瀏覽器中，網(wǎng)頁能如預期的顯示和工作，沒有損壞的鏈接，以及下載(xi zi)時間不宜過長等。（2）了解各種瀏覽器

8、對Web頁面的支持程度，不同的瀏覽器觀看同一個Web頁面會有不同的效果。很多制作的特殊效果在有些瀏覽器中可能看不到，為此需要進行瀏覽器兼容性檢測，以找出不被其他瀏覽器支持的部分。（3）檢查鏈接的正確性，可以通過Dreamweaver提供的檢查鏈接功能來檢查文件或站點中的內(nèi)部鏈接及孤立文件。 第17頁/共21頁第十八頁，共21頁。192022-6-242.發(fā)布(fb)網(wǎng)站設(shè)置站點（1）選擇“站點” “管理(gunl)站點”命令，打開“管理(gunl)站點”對話框。（2）根據(jù)設(shè)計網(wǎng)站設(shè)置好“遠程(yunchng)信息”，設(shè)置好相應的“FTP主機”、“登錄”、“密碼”等。第18頁/共21頁第十九頁，共