Dreamweaver cs 網(wǎng)頁制作教程全冊PPT學(xué)習(xí)教案

1、會計學(xué)1Dreamweaver cs 網(wǎng)頁制作教程全冊網(wǎng)頁制作教程全冊第1頁/共26頁2021年9月22日星期三教育學(xué)院3第2頁/共26頁第3頁/共26頁2021年9月22日星期三教育學(xué)院5創(chuàng)建新的文件或者Dreamweaver站點前往ADOBE功能介紹網(wǎng)站官方的重要信息教學(xué)網(wǎng)站與資源連接打開最近編輯的文件是否禁用開始項第4頁/共26頁2021年9月22日星期三教育學(xué)院6文檔工具欄文檔工具欄文檔窗口文檔窗口狀態(tài)欄狀態(tài)欄屬性面板屬性面板菜單欄菜單欄應(yīng)用程序欄應(yīng)用程序欄工作區(qū)切換器工作區(qū)切換器插入面板插入面板文件面板文件面板第5頁/共26頁第6頁/共26頁文檔工具欄文檔工具欄：包含3種文檔窗口視圖

2、按鈕、各種查看選項和一些常用的操作。通過單擊這些按鈕可在文檔的不同視圖間進行快速切換。代碼視圖代碼視圖代碼和設(shè)計視圖代碼和設(shè)計視圖設(shè)計視圖，可視設(shè)計視圖，可視化視圖化視圖文檔標(biāo)題文檔標(biāo)題刷新刷新選項選項可視化助理可視化助理檢查檢查預(yù)覽預(yù)覽文件管理文件管理第7頁/共26頁文檔代碼、拆分、設(shè)計視圖模式間的快速切換。文檔代碼、拆分、設(shè)計視圖模式間的快速切換。設(shè)計視圖設(shè)計視圖：一個用于可視化頁面布局、可視化編輯和快速應(yīng)用程序開發(fā)的設(shè)計環(huán)境，類似于在瀏覽器中查看頁面時看到的內(nèi)容?！八娂此谩贝a視圖代碼視圖：一個用于編寫和編輯HTML、JavaScript、服務(wù)器語言（如PHP、ColdFusion標(biāo)

3、記語言CFML)以及任何其他類型語言的手工編碼環(huán)境。拆分視圖拆分視圖：又稱代碼和設(shè)計視圖，可以在窗口中同時看到文檔的代碼視圖和設(shè)計視圖。第8頁/共26頁手形工具手形工具標(biāo)簽選擇器標(biāo)簽選擇器窗口大小窗口大小縮放工具縮放工具文檔大小和估計文檔大小和估計下載時間下載時間選取工具選取工具第9頁/共26頁第10頁/共26頁第11頁/共26頁第12頁/共26頁面板控制菜單面板控制菜單第13頁/共26頁第14頁/共26頁第15頁/共26頁2021年9月22日星期三教育學(xué)院17 改變插入面板的顯示方式：改變插入面板的顯示方式：拖動名稱處至工具欄處即變?yōu)楣ぞ邫谛问剑蟿又撩姘褰M處即變?yōu)槊姘逍问?。模板模板?biāo)簽選擇

4、器標(biāo)簽選擇器 超級鏈接超級鏈接 命名錨記命名錨記圖像圖像表格表格第16頁/共26頁2021年9月22日星期三教育學(xué)院18“文件文件”面板面板：用于管理文件和文件夾，無論它們是 Dreamweaver站點的一部分還是位于遠程服務(wù)器上。通過“文件”面板可以訪問本地磁盤上的全部文件，類似于 Windows 資源管理器 第17頁/共26頁2021年9月22日星期三教育學(xué)院19第18頁/共26頁2021年9月22日星期三教育學(xué)院20第19頁/共26頁2021年9月22日星期三教育學(xué)院21第20頁/共26頁2021年9月22日星期三教育學(xué)院22四、設(shè)置便利的操作環(huán)境四、設(shè)置便利的操作環(huán)境 方法：“編輯”“首選參數(shù)”，打開“首選參數(shù)”對話框，對20個