項(xiàng)目引入：本項(xiàng)目主要講解Dreamweaver的基礎(chǔ)知識(shí)和基本操作。通過對(duì)這些內(nèi)容的學(xué)習(xí)，學(xué)生可以認(rèn)識(shí)和了解Dreamweaver工作區(qū)的構(gòu)成，學(xué)會(huì)創(chuàng)建網(wǎng)站框架以及管理站點(diǎn)的方法，為以后的網(wǎng)站設(shè)計(jì)和制作打下堅(jiān)實(shí)的基礎(chǔ)。項(xiàng)目1初識(shí)Dreamweaver了解Dreamweaver工作區(qū)的構(gòu)成掌握創(chuàng)建網(wǎng)站框架的方法和流程掌握站點(diǎn)的管理方法項(xiàng)目目標(biāo)掌握“在線留言網(wǎng)頁”的關(guān)鍵制作步驟掌握“時(shí)尚美發(fā)網(wǎng)頁”的關(guān)鍵制作步驟掌握“有機(jī)蔬菜網(wǎng)頁”的關(guān)鍵制作步驟技能目標(biāo)培養(yǎng)對(duì)Dreamweaver的興趣提升獨(dú)立創(chuàng)建和管理站點(diǎn)的自信心素養(yǎng)目標(biāo)任務(wù)1.1工作區(qū)開始屏幕不同風(fēng)格的工作區(qū)多文檔的編輯界面“插入”面板任務(wù)實(shí)踐—在線留言網(wǎng)頁1.1.1開始屏幕啟動(dòng)DreamweaverCC2019后，首先看到的是開始屏幕，在其中可以選擇新建文檔的類型或打開已有的文檔等。選擇“編輯>首選項(xiàng)”命令，彈出“首選項(xiàng)”對(duì)話框，取消勾選“顯示開始屏幕”復(fù)選框。單擊“應(yīng)用”按鈕完成設(shè)置，單擊“關(guān)閉”按鈕，關(guān)閉對(duì)話框。再次啟動(dòng)DreamweaverCC2019時(shí)將不再顯示開始屏幕。開始頁面“首選參數(shù)”對(duì)話框1.1.2不同風(fēng)格的工作區(qū)選擇“窗口>工作區(qū)布局”命令，彈出子菜單，選擇“標(biāo)準(zhǔn)”或“開發(fā)人員”命令可切換工作區(qū)風(fēng)格，工作區(qū)會(huì)發(fā)生相應(yīng)的改變?！肮ぷ鞑季帧泵?.1.3多文檔編輯界面DreamweaverCC2019提供了多文檔的編輯界面，將多個(gè)文檔整合在一起，方便用戶在各個(gè)文檔之間切換。用戶可以單擊文檔窗口上方的選項(xiàng)卡切換到相應(yīng)的文檔。通過多文檔的編輯界面，用戶可以同時(shí)編輯多個(gè)文檔。多文檔編輯界面1.1.4插入面板“插入”面板包括“HTML”“表單”“模板”“Bootstrap組件”“jQueryMobile”“jQueryUI”“收藏夾”7個(gè)選項(xiàng)卡，不同功能的按鈕分門別類地放在不同的選項(xiàng)卡中。在DreamweaverCC2019中，“插入”面板可以菜單和選項(xiàng)卡兩種方式顯示。如果需要切換為菜單樣式，可用鼠標(biāo)右鍵單擊“插入”面板的選項(xiàng)卡區(qū)域，在彈出的快捷菜單中選擇“顯示為菜單”命令。插入面板任務(wù)實(shí)踐——在線留言網(wǎng)頁使用“打開”命令打開文件，使用“頁面屬性”對(duì)話框改變鏈接文字的狀態(tài)，熟悉CSS功能的使用方法。效果圖任務(wù)1.2創(chuàng)建網(wǎng)站框架站點(diǎn)管理器定義新站點(diǎn)創(chuàng)建文件夾創(chuàng)建和保存網(wǎng)頁任務(wù)實(shí)踐—時(shí)尚美發(fā)網(wǎng)頁1.2.1站點(diǎn)管理器站點(diǎn)管理器的主要功能包括新建站點(diǎn)、編輯站點(diǎn)、復(fù)制站點(diǎn)、刪除站點(diǎn)，以及導(dǎo)入或?qū)С稣军c(diǎn)。若要管理站點(diǎn)，必須打開“管理站點(diǎn)”對(duì)話框?！拔募泵姘濉白烂妗绷斜怼肮芾碚军c(diǎn)”面板1.2.2定義新站點(diǎn)在DreamweaverCC2019中，站點(diǎn)通常包含兩部分，即本地站點(diǎn)和遠(yuǎn)程站點(diǎn)。本地站點(diǎn)是本地計(jì)算機(jī)上的一組文件，遠(yuǎn)程站點(diǎn)是遠(yuǎn)程Web服務(wù)器上的一個(gè)位置。用戶將本地站點(diǎn)中的文件發(fā)布到網(wǎng)絡(luò)上的遠(yuǎn)程站點(diǎn)，使其他人可以訪問它們。1.2.3創(chuàng)建文件夾站點(diǎn)建立好之后，需要先在站點(diǎn)管理器中規(guī)劃站點(diǎn)文件夾。（1）在“文件”面板中選擇站點(diǎn)。（2）通過以下兩種方法新建文件夾。①單擊“文件”面板右上方的按鈕，在彈出的菜單中選擇“文件>新建文件夾”命令。②在“文件”面板中，在站點(diǎn)上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“新建文件夾”命令。（3）輸入新文件夾的名稱1.2.4創(chuàng)建和保存網(wǎng)頁在標(biāo)準(zhǔn)的DreamweaverCC2019環(huán)境下，創(chuàng)建和保存網(wǎng)頁的操作步驟如下。（1）選擇“文件>新建”命令，或按Ctrl+N組合鍵，彈出“新建文檔”對(duì)話框，選擇“新建文檔”選項(xiàng)，在“文檔類型”列表中選擇“</>HTML”選項(xiàng)，在“框架”區(qū)域選擇“無”選項(xiàng)卡。（2）設(shè)置完成后，單擊“創(chuàng)建”按鈕，彈出文檔窗口，新文檔在該窗口中打開。根據(jù)需要在文檔窗口中選擇不同的視圖設(shè)計(jì)網(wǎng)頁任務(wù)實(shí)踐—時(shí)尚美發(fā)網(wǎng)頁使用“打開”命令打開文件，使用組合鍵復(fù)制并粘貼文件，使用“新建”命令新建文件，使用“保存”命令保存文件。效果圖打開站點(diǎn)編輯站點(diǎn)復(fù)制站點(diǎn)刪除站點(diǎn)導(dǎo)出和導(dǎo)入站點(diǎn)任務(wù)實(shí)踐—有機(jī)蔬菜網(wǎng)頁任務(wù)1.3管理站點(diǎn)1.3.1打開站點(diǎn)當(dāng)要修改某個(gè)網(wǎng)站的內(nèi)容時(shí)，首先要打開站點(diǎn)。具體操作步驟如下。（1）啟動(dòng)DreamweaverCC2019。（2）選擇“窗口>文件”命令，或按F8鍵，彈出“文件”面板，在“桌面”下拉列表中選擇要打開的站點(diǎn)，打開站點(diǎn)。打開站點(diǎn)選擇站點(diǎn)1.3.2編輯站點(diǎn)如果要修改站點(diǎn)的一些設(shè)置，就需要編輯站點(diǎn)。例如，修改站點(diǎn)的默認(rèn)圖像文件夾的路徑。1.3.3復(fù)制站點(diǎn)復(fù)制站點(diǎn)可省去重復(fù)建立多個(gè)結(jié)構(gòu)相同的站點(diǎn)的操作步驟，從而提高工作效率。在“管理站點(diǎn)”對(duì)話框中可以復(fù)制站點(diǎn)，具體操作步驟如下。（1）在“管理站點(diǎn)”對(duì)話框中選擇要復(fù)制的站點(diǎn)。（2）單擊“復(fù)制當(dāng)前選定的站點(diǎn)”按鈕進(jìn)行復(fù)制。（3）雙擊新復(fù)制的站點(diǎn)，彈出“站點(diǎn)設(shè)置對(duì)象”對(duì)話框，在“站點(diǎn)名稱”文本框中可以更改新站點(diǎn)的名稱。1.3.4刪除站點(diǎn)刪除站點(diǎn)只是刪除DreamweaverCC2019同本地站點(diǎn)間的關(guān)系，而本地站點(diǎn)包含的文件和文件夾仍然保存在磁盤原來的位置。換句話說，刪除站點(diǎn)后，雖然站點(diǎn)文件夾保存在計(jì)算機(jī)中，但DreamweaverCC2019中已經(jīng)不存在此站點(diǎn)。例如，按下列步驟刪除站點(diǎn)后，“管理站點(diǎn)”對(duì)話框中不存在該站點(diǎn)的名稱。在“管理站點(diǎn)”對(duì)話框中刪除站點(diǎn)的具體操作步驟如下。（1）在“管理站點(diǎn)”對(duì)話框中選擇要?jiǎng)h除的站點(diǎn)。（2）單擊“刪除當(dāng)前選定的站點(diǎn)”按鈕即可刪除選擇的站點(diǎn)。1.3.5導(dǎo)出和導(dǎo)入站點(diǎn)如果要在計(jì)算機(jī)之間移動(dòng)站點(diǎn)，或者與其他用戶共同設(shè)計(jì)站點(diǎn)，可通過DreamweaverCC2019的導(dǎo)出和導(dǎo)入站點(diǎn)功能實(shí)現(xiàn)，方法為先將站點(diǎn)導(dǎo)出為“.ste”格式的文件，然后在其他計(jì)算機(jī)上將其導(dǎo)入Dreamw