Dreamweaver概述與站點管理

1、1dreamweaver概述與站點管理 復習提問復習提問課程引導課程引導案例展示案例展示任務分析任務分析知識目標知識目標知識講解與知識講解與操作示范操作示范課堂模仿課堂模仿歸納總結歸納總結擴展性任務擴展性任務疑難解析疑難解析2復習提問復習提問1、什么樣的網站是好網站、什么樣的網站是好網站 網站內容網站內容-充實、有深度、少而精充實、有深度、少而精便于瀏覽便于瀏覽 結構簡潔結構簡潔 美觀大方美觀大方有優(yōu)秀的導航系統(tǒng)有優(yōu)秀的導航系統(tǒng) 復習提問復習提問課程引導課程引導案例展示案例展示任務分析任務分析知識目標知識目標知識講解與知識講解與操作示范操作示范課堂模仿課堂模仿歸納總結歸納總結擴展性任務擴展性任

2、務疑難解析疑難解析3課程引導課程引導常見網頁制作工具常見網頁制作工具記事本類文本編輯器記事本類文本編輯器frontpagedreamweaverhotdog professional 其他其他-word等可生成網頁的工具等可生成網頁的工具復習提問復習提問課程引導課程引導案例展示案例展示任務分析任務分析知識目標知識目標知識講解與知識講解與操作示范操作示范課堂模仿課堂模仿歸納總結歸納總結擴展性任務擴展性任務疑難解析疑難解析4知識目標知識目標1.正確安裝、卸載正確安裝、卸載dreamweaver；2.能夠設置個性化的工作環(huán)境；能夠設置個性化的工作環(huán)境；3.熟練使用熟練使用dreamweaver的幫助

3、系統(tǒng)；的幫助系統(tǒng)；4.熟記創(chuàng)建站點的流程，掌握站點管理的方法；熟記創(chuàng)建站點的流程，掌握站點管理的方法；5.能夠管理、預覽能夠管理、預覽dreamweaver中的文件。中的文件。6.創(chuàng)建簡單網頁創(chuàng)建簡單網頁 復習提問復習提問課程引導課程引導案例展示案例展示任務分析任務分析知識目標知識目標知識講解與知識講解與操作示范操作示范課堂模仿課堂模仿歸納總結歸納總結擴展性任務擴展性任務疑難解析疑難解析5案例展示案例展示 唐詩網頁唐詩網頁復習提問復習提問課程引導課程引導案例展示案例展示任務分析任務分析知識目標知識目標知識講解與知識講解與操作示范操作示范課堂模仿課堂模仿歸納總結歸納總結擴展性任務擴展性任務疑難解

4、析疑難解析6任務分析任務分析安裝安裝dreamweaver個性化設置個性化設置dreamweaver的工作環(huán)境的工作環(huán)境利用利用“目錄目錄”、“索引索引”、“搜索搜索”三種途徑查找有三種途徑查找有關關“javascript”的內容的內容唐詩網站創(chuàng)建與文件管理唐詩網站創(chuàng)建與文件管理 復習提問復習提問課程引導課程引導案例展示案例展示任務分析任務分析知識目標知識目標知識講解與知識講解與操作示范操作示范課堂模仿課堂模仿歸納總結歸納總結擴展性任務擴展性任務疑難解析疑難解析7知識講解（一）知識講解（一）一、一、dreamweaverdreamweaver初步初步 1、dreamweaver安裝、卸載安裝、

5、卸載2、dreamweaver特點特點 直觀的工作區(qū)直觀的工作區(qū)完善的模板和庫完善的模板和庫快捷的編碼功能快捷的編碼功能有效的網站管理有效的網站管理可擴展性好可擴展性好支持多種服務器端開發(fā)語言支持多種服務器端開發(fā)語言與與flash和和fireworks的良好集成的良好集成復習提問復習提問課程引導課程引導案例展示案例展示任務分析任務分析知識目標知識目標知識講解與知識講解與操作示范操作示范課堂模仿課堂模仿歸納總結歸納總結擴展性任務擴展性任務疑難解析疑難解析8知識講解（一）知識講解（一）3、dreamweaver界面認識與個性化工作界面設置界面認識與個性化工作界面設置（1）dreamweaver的啟

6、動與退出的啟動與退出（2）dreamweaver 的工作環(huán)境的工作環(huán)境菜單欄：菜單欄：dreamweaver 的菜單欄包含的菜單欄包含10類菜單類菜單工具欄主要分為插入工具欄、標準工具欄、文檔工具欄主要分為插入工具欄、標準工具欄、文檔工具欄、樣式呈現(xiàn)工具欄工具欄、樣式呈現(xiàn)工具欄文檔窗口也稱為文檔編輯區(qū)。文檔窗口中所顯示文檔窗口也稱為文檔編輯區(qū)。文檔窗口中所顯示的內容可以是代碼、設計，或者兩者的共同體。的內容可以是代碼、設計，或者兩者的共同體。屬性面板用于查看和更改所選取的對象或文本的屬性面板用于查看和更改所選取的對象或文本的屬性，每個對象有不同的屬性屬性，每個對象有不同的屬性 dreamwea

7、ver包括多個面板，這些面板都有不包括多個面板，這些面板都有不同的功能，將它們疊加在一起便形成了面板組。同的功能，將它們疊加在一起便形成了面板組。復習提問復習提問課程引導課程引導案例展示案例展示任務分析任務分析知識目標知識目標知識講解與知識講解與操作示范操作示范課堂模仿課堂模仿歸納總結歸納總結擴展性任務擴展性任務疑難解析疑難解析9知識講解（一）知識講解（一）使用樣式呈現(xiàn)工具欄可以切換到使用樣式呈現(xiàn)工具欄可以切換到“設計設計”視圖，以查看視圖，以查看在打印媒體類型、手持型媒體類型、投影媒體類型上的在打印媒體類型、手持型媒體類型、投影媒體類型上的顯示效果。顯示效果。文檔窗口也稱為文檔編輯區(qū)。文檔窗

8、口中所顯示的內容文檔窗口也稱為文檔編輯區(qū)。文檔窗口中所顯示的內容可以是代碼、設計，或者兩者的共同體?？梢允谴a、設計，或者兩者的共同體。屬性面板用于查看和更改所選取的對象或文本的屬性，屬性面板用于查看和更改所選取的對象或文本的屬性，每個對象有不同的屬性每個對象有不同的屬性 dreamweaver包括多個面板，這些面板都有不同的功能，包括多個面板，這些面板都有不同的功能，將它們疊加在一起便形成了面板組。將它們疊加在一起便形成了面板組。復習提問復習提問課程引導課程引導案例展示案例展示任務分析任務分析知識目標知識目標知識講解與知識講解與操作示范操作示范課堂模仿課堂模仿歸納總結歸納總結擴展性任務擴展性

9、任務疑難解析疑難解析10知識講解（一）知識講解（一）（3）dreamweaver中的首選參數(shù)設置中的首選參數(shù)設置 常規(guī)參數(shù)設置常規(guī)參數(shù)設置通常設置的屬性有文檔工作區(qū)的切換和一些編輯通常設置的屬性有文檔工作區(qū)的切換和一些編輯選項。選項。新建文檔參數(shù)設置新建文檔參數(shù)設置用于建立默認的新文檔類型和首選參數(shù)。用于建立默認的新文檔類型和首選參數(shù)。復制復制/粘貼參數(shù)設置粘貼參數(shù)設置使用使用“復制復制/粘貼首選參數(shù)粘貼首選參數(shù)”對話框設置默認選對話框設置默認選項，以從其他應用程序中粘貼文本。在此對話框項，以從其他應用程序中粘貼文本。在此對話框中設置的首選參數(shù)僅應用于粘貼到中設置的首選參數(shù)僅應用于粘貼到“設計

10、視圖設計視圖”中的內容。中的內容。 復習提問復習提問課程引導課程引導案例展示案例展示任務分析任務分析知識目標知識目標知識講解與知識講解與操作示范操作示范課堂模仿課堂模仿歸納總結歸納總結擴展性任務擴展性任務疑難解析疑難解析11知識講解（一）知識講解（一）4、dreamweaver幫助系統(tǒng)的使用幫助系統(tǒng)的使用打開幫助打開幫助幫助方式幫助方式目錄、索引和搜索目錄、索引和搜索怎樣使用怎樣使用dreamweaver的幫助系統(tǒng)搜索特定短語？的幫助系統(tǒng)搜索特定短語？ 復習提問復習提問課程引導課程引導案例展示案例展示任務分析任務分析知識目標知識目標知識講解與知識講解與操作示范操作示范課堂模仿課堂模仿歸納總結歸

11、納總結擴展性任務擴展性任務疑難解析疑難解析12操作示范與實踐（一）操作示范與實踐（一）查找有關查找有關“javascript”的內容的內容提問：查找關于提問：查找關于css的幫助信息的幫助信息復習提問復習提問課程引導課程引導案例展示案例展示任務分析任務分析知識目標知識目標知識講解與知識講解與操作示范操作示范課堂模仿課堂模仿歸納總結歸納總結擴展性任務擴展性任務疑難解析疑難解析13知識講解（二）知識講解（二）二、站點管理二、站點管理1、站點的創(chuàng)建、站點的創(chuàng)建 （1）認識）認識“文件文件”面板面板文件面板主要有三個方面的功能：文件面板主要有三個方面的功能：管理本地站點；管理本地站點；管理遠程站點，包

12、括文件上傳、文件更新等；管理遠程站點，包括文件上傳、文件更新等；可以連接網絡應用服務器，預覽動態(tài)網頁?？梢赃B接網絡應用服務器，預覽動態(tài)網頁。復習提問復習提問課程引導課程引導案例展示案例展示任務分析任務分析知識目標知識目標知識講解與知識講解與操作示范操作示范課堂模仿課堂模仿歸納總結歸納總結擴展性任務擴展性任務疑難解析疑難解析14操作示范（二）操作示范（二） （2）創(chuàng)建本地站點）創(chuàng)建本地站點 創(chuàng)建本地站點創(chuàng)建本地站點唐詩唐詩 學生操作學生操作“滄州旅游滄州旅游”本地站點的創(chuàng)建本地站點的創(chuàng)建2、站點管理、站點管理 切換、編輯、復制、刪除、導出切換、編輯、復制、刪除、導出/導入站點導入站點3、管理網站

13、中的文件和文件夾、管理網站中的文件和文件夾 創(chuàng)建文件夾和文件、移動和復制文件、重命名文件夾創(chuàng)建文件夾和文件、移動和復制文件、重命名文件夾和文件、刪除文件夾和文件。和文件、刪除文件夾和文件。4、網頁文檔的基本操作、網頁文檔的基本操作 創(chuàng)建網頁文檔創(chuàng)建網頁文檔打開網頁文檔打開網頁文檔關閉網頁文檔關閉網頁文檔復習提問復習提問課程引導課程引導案例展示案例展示任務分析任務分析知識目標知識目標知識講解與知識講解與操作示范操作示范課堂模仿課堂模仿歸納總結歸納總結擴展性任務擴展性任務疑難解析疑難解析15操作示范（二）操作示范（二）（1）創(chuàng)建一個命名為）創(chuàng)建一個命名為“唐詩唐詩”的靜態(tài)網站，該網站的所的靜態(tài)網站

14、，該網站的所有文件存儲在本機上有文件存儲在本機上d盤的盤的“poem”文件夾中。文件夾中。（2）在文件夾）在文件夾“poem”中創(chuàng)建三個子文件夾中創(chuàng)建三個子文件夾“image”、“music”和和“text”。（3）在文件夾）在文件夾“poem”中創(chuàng)建一個命名為中創(chuàng)建一個命名為“index.htm”的網頁文檔。的網頁文檔。（4）將所需的圖像文件復制到）將所需的圖像文件復制到“image”文件夾中。文件夾中。復習提問復習提問課程引導課程引導案例展示案例展示任務分析任務分析知識目標知識目標知識講解與知識講解與操作示范操作示范課堂模仿課堂模仿歸納總結歸納總結擴展性任務擴展性任務疑難解析疑難解析16操

15、作示范（二）操作示范（二）復習提問復習提問課程引導課程引導案例展示案例展示任務分析任務分析知識目標知識目標知識講解與知識講解與操作示范操作示范課堂模仿課堂模仿歸納總結歸納總結擴展性任務擴展性任務疑難解析疑難解析17課堂實踐與模仿課堂實踐與模仿 復習提問復習提問課程引導課程引導案例展示案例展示任務分析任務分析知識目標知識目標知識講解與知識講解與操作示范操作示范課堂模仿課堂模仿歸納總結歸納總結擴展性任務擴展性任務疑難解析疑難解析18疑難解析疑難解析問題：為什么制作網頁之前要創(chuàng)建站點？問題：為什么制作網頁之前要創(chuàng)建站點？創(chuàng)建一個站點之后，在站點文件夾下進行的操作，其邏創(chuàng)建一個站點之后，在站點文件夾下

16、進行的操作，其邏輯結構就和實際網站上的大部分一樣，是相對路徑，輯結構就和實際網站上的大部分一樣，是相對路徑，這樣方便以后制作完成網頁之后，發(fā)布到網站上可以這樣方便以后制作完成網頁之后，發(fā)布到網站上可以直接使用。否則容易出現(xiàn)絕對路徑太多的問題，以后直接使用。否則容易出現(xiàn)絕對路徑太多的問題，以后發(fā)布到網站上的網頁容易出現(xiàn)找不到目標的情況發(fā)布到網站上的網頁容易出現(xiàn)找不到目標的情況 復習提問復習提問課程引導課程引導案例展示案例展示任務分析任務分析知識目標知識目標知識講解與知識講解與操作示范操作示范課堂模仿課堂模仿歸納總結歸納總結擴展性任務擴展性任務疑難解析疑難解析19歸納總結歸納總結本課內容主要是介紹了本課內容主要是介紹了dreamweaver的安裝以及主要的安裝以及主要的界面操作，特別是主要界面的操作，還有幫助系統(tǒng)的界面操作，特別是主要界面的操作，還有幫助系統(tǒng)的使用，一定要引起重視。以后我們的大部分課程都的使用，一定要引起重視。以后我們的大部分課程都是要和主要界面打交道的。熟悉了今天所講的內容是是要和主要界面打交道的。熟悉了今天所講的內容是為以后深入的學習為以后深入的學習dreamweaver打下堅實基礎。打下堅實基礎。本課還學習了如何創(chuàng)建站點和管理站點，同時也分析本課還學習了如何創(chuàng)建站點和管理站點，同時也分析了網頁文檔的基本操作和了網頁文檔的基本操作和 “文件文件”面