dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)教程

1、dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)目錄第一章遨游 DREAMWEAVER8精彩世界錯(cuò)誤 !未定義書(shū)簽。第二章創(chuàng)建與規(guī)劃站點(diǎn)錯(cuò)誤 ! 未定義書(shū)簽。第三章 文本及其格式化錯(cuò)誤 ! 未定義書(shū)簽。第四章 表格錯(cuò)誤 ! 未定義書(shū)簽。第五章 圖像錯(cuò)誤 ! 未定義書(shū)簽。第六章 框架錯(cuò)誤 ! 未定義書(shū)簽。第七章 頁(yè)面布局視圖的使用錯(cuò)誤 ! 未定義書(shū)簽。第八章 鏈接錯(cuò)誤 ! 未定義書(shū)簽。第九章 層與時(shí)間軸 錯(cuò)誤 ! 未定義書(shū)簽。第十章 表單錯(cuò)誤 ! 未定義書(shū)簽。第十一章 行為 錯(cuò)誤 ! 未定義書(shū)簽。第十二章 制作動(dòng)態(tài)頁(yè)面錯(cuò)誤 ! 未定義書(shū)簽。第十三章 代碼片斷、庫(kù)項(xiàng)目和模板錯(cuò)誤 !未定義書(shū)簽。第十四章 網(wǎng)頁(yè)的制作

2、 錯(cuò)誤 !未定義書(shū)簽。第十五章 網(wǎng)站的測(cè)試與上傳錯(cuò)誤 ! 未定義書(shū)簽。第十六章使用 FIREWORKS 處8理網(wǎng)頁(yè)圖像錯(cuò)誤 ! 未定義書(shū)簽。第一章 遨游 Dreamweaver8 精彩世界課題： Dreamweaver8簡(jiǎn)介及創(chuàng)建文檔一、教學(xué)基本內(nèi)容1、Dreamweaver8 的工作界面2、建立 html 文檔二、課型：新授課三、課時(shí)： 2 個(gè)課時(shí)四、教學(xué)重點(diǎn)與難點(diǎn)重點(diǎn)：熟悉 Dreamweaver8工作界面中各個(gè)工具的作用難點(diǎn)： 1、各個(gè)面板的調(diào)用2、建立一個(gè) HTML的網(wǎng)頁(yè)3、插處圖像五、教學(xué)目的1 、對(duì) Dreamweaver這個(gè)制作網(wǎng)頁(yè)的工具及網(wǎng)頁(yè)有一定的認(rèn)識(shí)，激發(fā)學(xué)生學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)的

3、興趣2、一定要學(xué)會(huì)建立一個(gè)空白網(wǎng)頁(yè)3、會(huì)對(duì)頁(yè)面有一個(gè)簡(jiǎn)單的設(shè)置六、教學(xué)過(guò)程1、引入（ 1）為什么要用 Dreamweaver 而不用 FrontpageDreamweaver 是 Macromedia 公司的出品，它以程序小、運(yùn)行速度快、所制作網(wǎng)頁(yè)代碼少這些優(yōu)點(diǎn)，贏得了網(wǎng)頁(yè)制作人員的喜愛(ài)。（ 2）相關(guān)工具的介紹因?yàn)檫@是第一節(jié)網(wǎng)頁(yè)制作課，所以首先要簡(jiǎn)單介紹下制作網(wǎng)頁(yè)的一些相關(guān)工具，比如與Dreamweaver合稱為網(wǎng)頁(yè)三劍客的Flash 和 Fireworks 。2、講授新課（ 1） Dreamweaver 的界面a 文檔窗口：主菜單、工具欄、底部啟動(dòng)條、文檔編輯區(qū)b 對(duì)象面板：標(biāo)準(zhǔn)、表格、表單

4、、框架、特殊、文件廷冖隱藏、字符c啟動(dòng)面板：站點(diǎn)管理、代碼檢查、HTML樣式、 CSS樣式、行為、歷史記錄、資源管理d屬性面板：隨目前對(duì)象不同而內(nèi)容不同(2) 創(chuàng)建 HTML網(wǎng)頁(yè)(3) 在網(wǎng)頁(yè)中插入圖像輸入文字以后，插入圖像，并對(duì)圖像設(shè)置對(duì)齊的方式，使之與文字呈混排的狀態(tài)。3、鞏固練習(xí)練習(xí)使用界面中的各個(gè)工具七、作業(yè)處理根據(jù)本節(jié)所學(xué)的內(nèi)容， 課堂上練習(xí)創(chuàng)建一個(gè)空白網(wǎng)頁(yè)，并且輸入一段文字， 在文本的左邊插入一張圖片八、教具所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書(shū)的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。第二章創(chuàng)建與規(guī)劃站點(diǎn)課題：規(guī)劃站點(diǎn)及創(chuàng)建靜態(tài)站點(diǎn)一、教學(xué)基本內(nèi)容1、站點(diǎn)規(guī)劃概念2、站

5、點(diǎn)規(guī)劃的方法3、站點(diǎn)的組成4、定義站點(diǎn)二、課型：新授課三、課時(shí)： 2 個(gè)課時(shí)四、教學(xué)重點(diǎn)與難點(diǎn)重點(diǎn)： 1、站點(diǎn)組成2、如何創(chuàng)建靜態(tài)站點(diǎn)難點(diǎn)： 1、站點(diǎn)的定義2 、編輯、刪除站點(diǎn)五、教學(xué)目的1 、掌握建立靜態(tài)站點(diǎn)的流程2 、掌握靜態(tài)站點(diǎn)的基本操作六、教學(xué)過(guò)程1 、復(fù)習(xí)引入由上節(jié)所學(xué)習(xí)的建立HTML網(wǎng)頁(yè)引出站點(diǎn)概念2、講授新課（1）站點(diǎn)規(guī)劃概念及方法概念：所謂本地站點(diǎn)，就是指定本地硬盤(pán)中存放遠(yuǎn)程站點(diǎn)所有文檔的文件夾方法：規(guī)劃網(wǎng)站一般需要從3 個(gè)方面去思考，即網(wǎng)站的主題、網(wǎng)站的內(nèi)容和網(wǎng)站的對(duì)象。（2）創(chuàng)建本地站點(diǎn)站點(diǎn)組成： Dreamweaver 8 站點(diǎn)由 3 部分組成，具體內(nèi)容取決于環(huán)境和所開(kāi)發(fā)

6、的Web站點(diǎn)類(lèi)型。包括本地文件夾、遠(yuǎn)程文件夾、動(dòng)態(tài)頁(yè)文件夾定義站點(diǎn)：（01）選擇“站點(diǎn)” | “新建站點(diǎn)”選項(xiàng)，或者選擇“站點(diǎn)”“管理站點(diǎn)”選項(xiàng)，在彈出的“站點(diǎn)管理”對(duì)話框中單擊“新建”按鈕，彈出對(duì)話框，在“基本”選項(xiàng)卡的站點(diǎn)名稱輸入框中輸入所要?jiǎng)?chuàng)建站點(diǎn)的名稱，如圖2-5 所示（02）輸入站點(diǎn)名稱后，單擊“下一步”按鈕，在彈出的是否使用服務(wù)器技術(shù)對(duì)話框中，根據(jù)自己所制作網(wǎng)頁(yè)的類(lèi)型，確定是否使用服務(wù)器技術(shù)。在此制作靜態(tài)頁(yè)面，因此不使用服務(wù)器技術(shù)，如圖2-6 所示。（03）單擊“下一步”按鈕， 在彈出的設(shè)置站點(diǎn)文件夾對(duì)話框中， 選擇或輸入一個(gè)本地文件夾作為“本地站點(diǎn)文件夾”，如圖 2-7 所示 。

7、（04）選擇了本地站點(diǎn)文件夾后， 單擊該對(duì)話框中的“下一步”按鈕，器相連的對(duì)話框，在這里選擇“無(wú)”，設(shè)置為不與遠(yuǎn)程服務(wù)器相連，如圖進(jìn)入設(shè)置是否與遠(yuǎn)程服務(wù)2-9 所示。（05）單擊“下一步”按鈕， 便會(huì)顯示在站點(diǎn)定義向?qū)е兴x擇設(shè)置的詳細(xì)報(bào)告， 如果感覺(jué)滿意，單擊“完成”按鈕，完成本網(wǎng)站的創(chuàng)建，如圖 2-10 所示；否則單擊“上一步”按鈕重新修改各項(xiàng)設(shè)置。（3）站點(diǎn)的基本操作其基本操作包括編輯、復(fù)制、刪除站點(diǎn)。3、鞏固練習(xí)練習(xí)站點(diǎn)的建立，及其基本操作。七、作業(yè)處理在課堂上要求每一個(gè)同學(xué)在F 盤(pán)下建立一個(gè)名為 “我的站點(diǎn)” 的文件夾，在 dreamweaver 中創(chuàng)建一個(gè)靜態(tài)站點(diǎn)，將站點(diǎn)信息存放到

8、我的站點(diǎn)文件夾中。八、教具所用的教室為多媒體實(shí)驗(yàn)室， 因此所要板書(shū)的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。課題：搭建動(dòng)態(tài)網(wǎng)站服務(wù)器及創(chuàng)建動(dòng)態(tài)站點(diǎn)一、教學(xué)基本內(nèi)容1、安裝 IIS2、動(dòng)態(tài)站點(diǎn)與靜態(tài)站點(diǎn)的區(qū)別3、搭建動(dòng)態(tài)站點(diǎn)二、課型：新授課三、課時(shí)： 2 個(gè)課時(shí)四、教學(xué)重點(diǎn)與難點(diǎn)重點(diǎn)：動(dòng)態(tài)站點(diǎn)與靜態(tài)站點(diǎn)的區(qū)別難點(diǎn)： 1、虛擬目錄的概念2、動(dòng)態(tài)站點(diǎn)的定義3、站點(diǎn)測(cè)試五、教學(xué)目的1、學(xué)會(huì)安裝 IIS ，知道 IIS 的作用2、學(xué)會(huì)創(chuàng)建虛擬目錄3、會(huì)創(chuàng)建動(dòng)態(tài)站點(diǎn)六、教學(xué)過(guò)程1、引入先提出靜態(tài)站點(diǎn)的作用及限制性，引入動(dòng)態(tài)站點(diǎn)的功能2、講授新課（ 1）安裝并啟動(dòng) IIS （現(xiàn)場(chǎng)操作）（ 2）定義

9、一個(gè)動(dòng)態(tài)站點(diǎn)步驟： 設(shè)置虛擬目錄。（ 1）在本地磁盤(pán)“ C: ”下新建一個(gè) site 文件夾作為本地站點(diǎn)的根文件夾。（ 2）設(shè)置 web 共享。找到“ C: site ”文件夾，選中并右擊該文件夾，從彈出的快捷菜單中選擇“共享和安全”選項(xiàng)。在打開(kāi)的“ site 屬性”對(duì)話框中，選擇“ Web共享”選項(xiàng)卡，如圖 2-19 所示（ 3）設(shè)置“編輯別名”對(duì)話框。選中“共享文件夾”單選按鈕，在彈出的“編輯別名”對(duì)話框中將“別名”設(shè)置為 site ；在“訪問(wèn)權(quán)限”中選擇“讀取”；在“應(yīng)用程序權(quán)限”中選擇“腳本”，如圖 2-20 所示。最后單擊“確定”按鈕關(guān)閉對(duì)話框，便完成了定義動(dòng)態(tài)站點(diǎn)的準(zhǔn)備工作。進(jìn)入“

10、高級(jí)”選項(xiàng)卡。（ 1）選擇“站點(diǎn)” | “新建站點(diǎn)”選項(xiàng)，選擇“站點(diǎn)定義”對(duì)話框中的“高級(jí)”選項(xiàng)卡。（ 2）從“分類(lèi)”列表框中選擇“本地信息”（默認(rèn)選項(xiàng)）選項(xiàng)，如圖2-21 所示。設(shè)置“本地信息”的各參數(shù)（見(jiàn)圖2-22設(shè)置“測(cè)試服務(wù)器”的各參數(shù)（見(jiàn)圖2-23 ）。顯示結(jié)果。（ 3）測(cè)試站點(diǎn)將 ch02 文件復(fù)制到 C:site 文件夾中，并使用 Dreamweaver 8 打開(kāi)。單擊瀏覽器中“預(yù)覽 / 調(diào)試” 按鈕，或者按 F12 鍵在瀏覽器中運(yùn)行頁(yè)面。出現(xiàn)如圖2-25 所示的成功頁(yè)面。若瀏覽器提示找不到服務(wù)器，則需重新搭建ASP服務(wù)器。3、鞏固練習(xí)練習(xí)站點(diǎn)的建立，及其基本操作。七、作業(yè)處理在

11、課堂上要求每一個(gè)同學(xué)在F 盤(pán)下建立一個(gè)名為”我的動(dòng)態(tài)站點(diǎn)”的文件夾，將其設(shè)置為虛擬目錄，在 dreamweaver 中創(chuàng)建一個(gè)動(dòng)態(tài)站點(diǎn)，將站點(diǎn)信息存放到我的動(dòng)態(tài)站點(diǎn)文件夾中。八、教具所用的教室為多媒體實(shí)驗(yàn)室， 因此所要板書(shū)的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。第三章文本及其格式化課題：輸入文本及其格式化一、教學(xué)基本內(nèi)容1、輸入普通文本2、插入符號(hào)、日期3、使用項(xiàng)目列表二、課型：新授課三、課時(shí)： 2 個(gè)課時(shí)四、教學(xué)重點(diǎn)與難點(diǎn)重點(diǎn)： 1、插入符號(hào)、空格和日期2 、使用項(xiàng)目列表難點(diǎn)： 1、項(xiàng)目列表五、教學(xué)目的1、掌握文本輸入方法2、掌握日期的插入3、掌握項(xiàng)目列表的使用六、教學(xué)過(guò)程1、引

12、入首先例用一個(gè)已完成的網(wǎng)頁(yè)，讓學(xué)生來(lái)看別人的設(shè)置，由此引入文本的格式化。2、講授新課（ 1）文本的輸入兩種方法： a: 直接在文檔窗口中輸入文本。即先選擇要插入文本的位置，然后直接輸入文本。b: 在其他編輯器中復(fù)制已經(jīng)生成的文本，然后切換到Dreamweaver8 文檔窗口中，將選取插入點(diǎn)，然后選擇“編輯”| “粘貼”選項(xiàng)。（ 2）創(chuàng)建項(xiàng)目列表類(lèi)型：無(wú)序列表、有序列表、定義列表、目錄列表和菜單列表。（ 3）插入日期3、鞏固練習(xí)練習(xí)各種項(xiàng)目列表的使用七、作業(yè)處理要求每一個(gè)同學(xué)建立一個(gè)名為“我的網(wǎng)頁(yè)”的空白文檔，在網(wǎng)頁(yè)中輸入文字，然后在右下角插入日期，在內(nèi)容當(dāng)中便用有序列表。八、教具所用的教室為多

13、媒體實(shí)驗(yàn)室， 因此所要板書(shū)的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。課題： CSS樣式一、教學(xué)基本內(nèi)容1 、演示并講解 CSS 的應(yīng)用2 、 CSS 的基本概念3 、 CSS 的特點(diǎn)4 、 CSS 樣式定義5 、 CSS 常用屬性與值二、課型：新授課三、課時(shí)： 2 個(gè)課時(shí)四、教學(xué)重點(diǎn)與難點(diǎn)重點(diǎn)： 1、掌握 CSS 樣式定義2、掌握 CSS 常用屬性與值難點(diǎn)： 1、掌握 CSS 樣式定義2、CSS 常用屬性與值3、能獨(dú)立完成 CSS 樣式的應(yīng)用五、教學(xué)目的1 、掌握 CSS 的基本概念2 、掌握 CSS 樣式定義3 、掌握 CSS 常用屬性與值六、教學(xué)過(guò)程向?qū)W生演示多個(gè)項(xiàng)目： 成品站點(diǎn)

14、， 分階段演示和分析此網(wǎng)頁(yè)的設(shè)計(jì)流程和過(guò)程， 在每個(gè)階段演示完畢后，讓學(xué)生對(duì)此階段進(jìn)行鞏固。講解完畢后學(xué)生完成課后作業(yè)，教師實(shí)施指導(dǎo)。第一步：演示并講解用CSS 樣式制作的網(wǎng)頁(yè)。第二步：分步演示并講解CSS 樣式的基本概念。第三步：講解并分析CSS 常用屬性與值。第四步：結(jié)合 CSS 樣式的使用制作網(wǎng)頁(yè)第四步：課程小結(jié)。七、作業(yè)處理課堂上進(jìn)行計(jì)論：第一步：演示并講解用CSS 樣式制作的網(wǎng)頁(yè)。第二步：分步演示并講解CSS 樣式的基本概念。第三步：講解并分析CSS 的知識(shí)點(diǎn)。第四步：結(jié)合 CSS 樣式的使用制作網(wǎng)頁(yè)第四步：課程小結(jié)。八、教具所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書(shū)的內(nèi)容及使用的工具均

15、在計(jì)算機(jī)上用PPT課件進(jìn)行演示。第四章表格課題：表格創(chuàng)建及設(shè)置一、教學(xué)基本內(nèi)容1 、創(chuàng)建表格2 、 添加表格對(duì)象3 、自動(dòng)套用表格格式二、課型：新授課三、課時(shí)： 2 個(gè)課時(shí)四、教學(xué)重點(diǎn)與難點(diǎn)重點(diǎn)： 1、創(chuàng)建表格2、自動(dòng)套用表格格式難點(diǎn)：套用表格格式五、教學(xué)目的1 、掌握創(chuàng)建表格的基本方法2 、會(huì)使用自動(dòng)套用表格格式六、教學(xué)過(guò)程1、引入網(wǎng)頁(yè)需要進(jìn)行排版，由報(bào)紙的排版引入網(wǎng)頁(yè)的排版，由此提出表格的作用2、講授新課（ 1）創(chuàng)建表格步驟： 將光標(biāo)停放在頁(yè)面需要?jiǎng)?chuàng)建表格的位置。如果未打開(kāi)“插入”工具欄， 可以在文檔窗口單擊按鈕。 如果在文檔窗口中找不到該按鈕，可使用 Ctrl+F2 快捷鍵切換“插入”工

16、具欄的顯示或隱藏狀態(tài)，在“常用”標(biāo)簽中，單擊“表格”按鈕彈出“表格”對(duì)話框輸入要插入表格的行數(shù)，在此輸入2。列數(shù)輸入要插入表格的列數(shù)，在此輸入3單擊“確定”按鈕(2) 套用表格格式3、鞏固練習(xí)創(chuàng)建一個(gè)表格，練習(xí)格式的套用。七、作業(yè)處理在課堂上創(chuàng)建一個(gè)五行四列的表格，要求邊框?yàn)?，寬150，高254 的表格。八、教具所用的教室為多媒體實(shí)驗(yàn)室， 因此所要板書(shū)的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。課題：表格的應(yīng)用一、教學(xué)基本內(nèi)容1、設(shè)置單元格2、表格的基本操作二、課型：新授課三、課時(shí)： 2 個(gè)課時(shí)四、教學(xué)重點(diǎn)與難點(diǎn)重點(diǎn)：表格的編輯難點(diǎn)：排序表格五、教學(xué)目的1 、掌握表格的基本操作2 、

17、能夠熟練設(shè)置單元格格式六、教學(xué)過(guò)程1、引入（1）文字的定位：空格、回車(chē)（2）圖片的定位：垂直邊距、水平邊距2、表格插入表格：插入（ Insert ）表格（ table ），或者在對(duì)象面板行數(shù)（ row）列數(shù)（ column）邊距（ cell padding）：?jiǎn)卧裰械膬?nèi)容與單元格邊框之間的距離間距（ cell spacing）：?jiǎn)卧裰g的距離寬度（ width ）：可以是像素（ pixel ）或百分比為單位（ percent ）邊框（ boder ）：屬性面板：只有在選定整個(gè)表格時(shí)才出現(xiàn)表格屬性在表格中也可以通過(guò)右擊，調(diào)出的快捷菜單中選擇表格來(lái)對(duì)表格進(jìn)行設(shè)置清除行高和列寬按鈕改變列寬單位按

18、鈕背景顏色：邊框顏色：設(shè)置整個(gè)表格的格線顏色背景圖像：3、表格所對(duì)應(yīng)的 HTML代碼表格： table/table行： tr/tr列： td/td4 、表格的編輯（1） 表格的嵌套（2） 在網(wǎng)頁(yè)中，要進(jìn)行復(fù)雜的定位，一般需要用到嵌套表格。不過(guò)，一般不超過(guò)三層。（2）復(fù)制剪切粘貼（3） 插入行、列，刪除行列（4） 合并單元格，拆分單元格（5） 改變行、列、表格的大小：拖放，屬性面板精確定義（6） 表格模板：命令（ command）格式化表格（ format table）七、作業(yè)處理根據(jù)課本上的實(shí)訓(xùn)作出一個(gè)精美課程表網(wǎng)頁(yè)八、教具所用的教室為多媒體實(shí)驗(yàn)室， 因此所要板書(shū)的內(nèi)容及使用的工具均在計(jì)算機(jī)上

19、用PPT課件進(jìn)行演示。第五章圖像課題：圖像插入及屬性設(shè)置一、教學(xué)基本內(nèi)容1、圖像的類(lèi)型2、插入鼠標(biāo)經(jīng)過(guò)圖像二、課型：新授課三、課時(shí)： 2 個(gè)課時(shí)四、教學(xué)重點(diǎn)與難點(diǎn)重點(diǎn)：插入圖像難點(diǎn)：圖像屬性五、教學(xué)目的1 、掌握?qǐng)D像的插入方法2 、掌握?qǐng)D像屬性設(shè)置六、教學(xué)過(guò)程1、引入網(wǎng)頁(yè)的頁(yè)面背景顏色和文本顏色在HTML代碼中是如何表示的RGB方式表示顏色： 紅綠蘭，0 表示最弱， 255 表示最強(qiáng) 一共可以表示： 256256256=種顏色 由于瀏覽器的關(guān)系，只有 216 種顏色能在瀏覽器中正常顯示， 多于這個(gè)范圍的顏色， 有的瀏覽器顯示時(shí)就可能發(fā)生偏差， 不能正常顯示。 這個(gè)范圍我們稱之為網(wǎng)頁(yè)安全顏色范疇

20、網(wǎng)頁(yè)中運(yùn)用顏色原則：切忌采用過(guò)；背景顏色不要太深；要保持整個(gè)網(wǎng)頁(yè)的色調(diào)統(tǒng)一；要圍繞網(wǎng)頁(yè)主題選擇顏色2、講授新課（ 1）網(wǎng)頁(yè)中的圖像格式*BMP：位圖格式GIF： Graphics Interchange Format可交換的圖像格式特點(diǎn)：只支持 256 種顏色支持透明效果、可以交錯(cuò)下載、可以實(shí)現(xiàn)動(dòng)畫(huà)效果、文件所占用空間小、不能支持漸變色彩、更改圖片大小要從原文件改起JPEG：Joint Photographic Experts Group聯(lián)合攝影專家組文件格式特點(diǎn)：支持24 位圖像、有損壓縮。（ 2）插入圖像3、鞏固練習(xí)練習(xí)設(shè)置圖像的屬性。七、作業(yè)處理在表格中插入一張背景圖像。八、教具所用的教

21、室為多媒體實(shí)驗(yàn)室， 因此所要板書(shū)的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。課題：制作地圖網(wǎng)頁(yè)及電子相冊(cè)一、教學(xué)基本內(nèi)容1、制作地圖網(wǎng)頁(yè)2、電子相冊(cè)二、課型：實(shí)驗(yàn)課三、課時(shí)： 2 個(gè)課時(shí)四、教學(xué)重點(diǎn)與難點(diǎn)重點(diǎn)：制作地圖網(wǎng)頁(yè)難點(diǎn)：熱點(diǎn)選擇五、教學(xué)目的1 、掌握?qǐng)D像使用2 、掌握?qǐng)D像的其它操作六、教學(xué)過(guò)程此節(jié)是實(shí)驗(yàn)課，實(shí)驗(yàn)步驟為：（ 01）啟動(dòng) Dreamweaver 8，打開(kāi)文件。（ 02）選中該文檔中“絲綢之路示意圖”圖像。（ 03）在菜單欄中依次選擇“窗口” | “屬性”選項(xiàng)或按下 Ctrl+F3 組合鍵，打開(kāi)“屬性”面板，如果沒(méi)有顯示圖像地圖制作工具，單擊“屬性”面板右下角的擴(kuò)展箭

22、頭，（ 04）在“屬性”面板中的“地圖”文本框中輸入圖像地圖名稱。（ 05）創(chuàng)建圖像地圖（熱區(qū)） ，可根據(jù)地圖中不同的形狀選擇不同的熱區(qū)工具，在所選定圖像上拖動(dòng)鼠標(biāo)指針，便可完成圖像地圖的創(chuàng)建。（ 06）圖像地圖創(chuàng)建完成后，選中所創(chuàng)建的熱區(qū)，打開(kāi)“屬性”面板。在熱點(diǎn)“屬性”面板的“鏈接”文本框中輸入鏈接文件的名稱， 或者單擊文件夾圖標(biāo)并通過(guò)瀏覽選擇在用戶單擊該熱點(diǎn)時(shí)要打開(kāi)的文件。在“目標(biāo)”下拉列表中，選擇用于打開(kāi)該文件的窗口。（ 07）在“地中?！眲?chuàng)建一個(gè)矩形熱區(qū)， 在“替換”框中輸入“關(guān)于地中海的論述”替代文本， 并設(shè)置好鏈接（鏈接到）。（ 08）按照相同的方法分別為不同的路線或地名創(chuàng)建熱區(qū)

23、，并輸入不同的鏈接和替代文字，保存并預(yù)覽。 當(dāng)鼠標(biāo)指針移到圖像地圖中時(shí)將顯示“替換”框中的內(nèi)容，如果設(shè)置有鏈接， 單擊便可進(jìn)入所鏈接的文檔。（ 9）完成創(chuàng)建。第六章框架課題：框架集的創(chuàng)建及其基本操作一、教學(xué)基本內(nèi)容1 、演示并講解用框架制作的網(wǎng)頁(yè)2 、框架的基本結(jié)構(gòu)3 、框架的各種屬性4 、框架結(jié)構(gòu)之間的鏈接二、課型：新授課三、課時(shí)： 2 個(gè)課時(shí)四、教學(xué)重點(diǎn)與難點(diǎn)重點(diǎn)： 1、框架的各種屬性2、框架結(jié)構(gòu)之間的鏈接難點(diǎn)： 1、框架的各種屬性2、框架結(jié)構(gòu)之間的鏈接五、教學(xué)目的1 、掌握框架的基本結(jié)構(gòu)2 、掌握框架的各種屬性3 、掌握框架結(jié)構(gòu)之間的鏈接六、教學(xué)過(guò)程1、復(fù)習(xí)引入回憶： Frontpage

24、 中的框架應(yīng)用2 、框架的應(yīng)用重復(fù)出現(xiàn)在不同網(wǎng)頁(yè)文檔中的元素：網(wǎng)頁(yè)標(biāo)題、導(dǎo)航欄等等3、建立框架（1） 將對(duì)象面板切換到框架頁(yè)（Frame）（2）插入不同的框架，一個(gè)區(qū)域?qū)?yīng)于一個(gè)頁(yè)面（3）在框架中打開(kāi)原有網(wǎng)頁(yè)：文件（File ）在框架中打開(kāi)（ Open in Frame ）4、保存框架（1） 選擇文件（ File ）/ 保存所有框架（ Save Frameset），先保存框架文件，接著會(huì)出現(xiàn)提示，逐個(gè)保存框架中的網(wǎng)頁(yè)（2）保存時(shí)注意名稱5、框架編輯框架面板：窗口（ Windows）其它（ Other ）框架（ Frame）調(diào)出框架面板選定框架組：?jiǎn)螕粽麄€(gè)框架組的邊框；或在框架面板中單擊整個(gè)框架

25、的邊框框架屬性：名稱、源文件，滾動(dòng)否，是否可以調(diào)整大小，是否有邊框，邊框顏色，邊界寬度，邊界高度等拆分框架：按 Alt 鍵，拖動(dòng)邊框；修改（Modify ）框架頁(yè)（ Frameset）拆分左 / 右/ 上/ 下（splitframe top/bottom/left/right）* 注意區(qū)別：插入一個(gè)新的框架與拆分框架的區(qū)別6、框架所對(duì)應(yīng)的 HTML代碼框架組：通過(guò)設(shè)置 rows 或 cols 來(lái)設(shè)定是橫的還是豎的，是頂部還是底部框架 組屬 性： frameborder框架是否有邊 框， border邊框的寬 度多 少，framespacing 框架間距框架項(xiàng)：框架屬性：src 指向的頁(yè)面， n

26、ame框架名，scrolling是否有滾動(dòng)條， noresize不能由用戶改變大小七、作業(yè)處理1、建立框架頁(yè)面如圖，菜單鏈接到不同的圖片，單擊菜單中的一項(xiàng)，圖片在右邊的框架中打開(kāi)2、建立左右型的框架，并在其中的左框架中插入上下型的框架3、建立左右型框架，并將左邊的框架拆分為上下型八、教具所用的教室為多媒體實(shí)驗(yàn)室， 因此所要板書(shū)的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。課題：創(chuàng)建電子圖書(shū)一、教學(xué)基本內(nèi)容利用框架制作電子圖書(shū)網(wǎng)頁(yè)二、課型：實(shí)驗(yàn)課三、課時(shí)： 2 個(gè)課時(shí)四、教學(xué)重點(diǎn)與難點(diǎn)重點(diǎn)：框架結(jié)構(gòu)之間的鏈接難點(diǎn)：框架集五、教學(xué)目的1 、掌握框架的運(yùn)用2 、掌握框架結(jié)構(gòu)之間的鏈接六、教學(xué)過(guò)

27、程步驟：（01）打開(kāi)或新建一個(gè)空白的文檔，在該文檔中創(chuàng)建一個(gè)框架集。（ 02）命名框架。將左列框架命名為index 、右列上部框架命名為 _top 、右列下部框架命名為main。（ 03）保存框架。將框架集保存為06A.asp 文檔， index 框架保存為文檔， _top 框架保存為 06C.asp文檔， main 框架保存為，文檔均保存在ch06 文件夾下。（ 04）設(shè)置框架的行或列。將 index 框架的列設(shè)置為 150 像素， _top 框架的行設(shè)置為 90 像素。（ 05）設(shè)置頁(yè)面的配色方案。 單擊“屬性”面板中的“頁(yè)面屬性”按鈕， 將 index 框架的文檔的文本顏色設(shè)置為 #66

28、9966，背景顏色設(shè)置為 #FFCC99。（ 06）將鏈接顏色按圖 6-14 右側(cè)圖進(jìn)行設(shè)置，然后單擊“確定”按鈕。（ 07）定義樣式。選擇“文本” | “CSS樣式” | “新建”選項(xiàng)，將 index 框架的文檔的 tr 標(biāo)簽定義為宋體 9points 。（ 08）填充頁(yè)面。在index 框架文檔中輸入如圖6-15 所示的文本并插入一個(gè)9 行 1 列的表格。其中“休閑娛樂(lè)”文本為隸書(shū)5 號(hào)字體，顏色為 #66CC00；表格邊框的顏色為白色；單元格的高度為30 像素，單元格的對(duì)齊方式為水平居中、垂直居中。（ 09）在“頁(yè)面屬性”對(duì)話框中將 _top 框架的標(biāo)題設(shè)置為“標(biāo)題欄”，將所有邊界都設(shè)置

29、為（ 10）將光標(biāo)停留在 _top 框架中，輸入文本并插入 images 文件夾下的圖像，其中文本為04 號(hào)宋體，顏色為 #66CC00。（ 11）設(shè)置鏈接。選中左邊框架（ index ）中目錄下的“考試作弊”文本，在“屬性”面板中的“鏈接”框中設(shè)置與之對(duì)應(yīng)的笑話內(nèi)容（ WJ/）的鏈接。這時(shí)“目標(biāo)”框變?yōu)榧せ顮顟B(tài)，從“目標(biāo)”下拉列表框中選擇鏈接的目標(biāo)為 main。（ 12）使用相同的方法設(shè)置其他“笑話”目錄所鏈接的內(nèi)容和鏈接目標(biāo)，其他的鏈接目標(biāo)均為main框架。笑話目錄各項(xiàng)和WJ文件夾中是一一對(duì)應(yīng)的關(guān)系。（ 13）指定框架源文件。選中 main 框架，在“屬性”面板中的“源文件”文本框中設(shè)置框

30、架的源文件。單擊旁邊的文件夾，選擇 WJ文件夾中文件（ 14）在文檔窗口的菜單欄中選擇“文件” | “保存全部”選項(xiàng)，將所有的框架進(jìn)行保存。（ 15）按 F12 鍵便可預(yù)覽該實(shí)例第七章頁(yè)面布局視圖的使用課題：布局表格和布局單元格的基本知識(shí)及操作一、教學(xué)基本內(nèi)容1、布局表格和布局單元格的基本知識(shí)2、布局表格和布局單元格的創(chuàng)建二、課型：新授課三、課時(shí)： 2 個(gè)課時(shí)四、教學(xué)重點(diǎn)與難點(diǎn)重點(diǎn)：創(chuàng)建布局表格和布局單元格難點(diǎn)：布局表格的使用五、教學(xué)目的1 、掌握布局的基本知識(shí)2 、熟練運(yùn)用布局表格和布局單元格六、教學(xué)過(guò)程1、引入在第四章學(xué)習(xí)過(guò)了表格的布局，用表格與布局表格相比， 看其特點(diǎn)，從而使學(xué)生更加了解

31、什么是布局表格和布局單元格。2、講授新課（ 1）布局表格的基本知識(shí)（ 2）布局表格和布局單元格的基本操作選擇布局表格：須要執(zhí)行下列操作之一：a: 雙擊所繪制的布局表格中的標(biāo)志。b: 單擊文檔窗口左下角的 標(biāo)簽，如圖 7-3 所示。調(diào)整布局單元格的大小:具體操作步驟如下：（ 01）選中要調(diào)整的布局單元格。（ 02）選擇布局單元格邊線上的調(diào)整手柄，拖動(dòng)鼠標(biāo)便可調(diào)整布局單元格的大小移動(dòng)布局表格和布局單元格 :（ 01）選中要移動(dòng)的布局表格或布局單元格。（ 02）使用方向鍵便可移動(dòng)布局表格或布局單元格了，但這樣每次只能移動(dòng)1 像素的距離； 如果是在按下 Shift鍵的同時(shí)再利用方向鍵移動(dòng)，每次可移動(dòng)1

32、0 像素的距離。設(shè)置布局寬度為固定寬度:具體操作步驟如下：（ 01）選擇要設(shè)置固定寬度的布局表格。（ 02）在菜單欄中選擇“窗口” | “屬性”選項(xiàng)，打開(kāi)“屬性”面板。（ 03）在“屬性”面板中選擇“固定”單項(xiàng)按鈕， 并在后面的文本框中輸入一個(gè)數(shù)值， 在此輸入 640，其單位在默認(rèn)的條件下是像素。七、作業(yè)處理進(jìn)入布局模式，練習(xí)布局與布局單元格八、教具所用的教室為多媒體實(shí)驗(yàn)室， 因此所要板書(shū)的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。課題：制作完整頁(yè)面一、教學(xué)基本內(nèi)容利用布局制作完整頁(yè)面二、課型：實(shí)驗(yàn)課三、課時(shí)： 2 個(gè)課時(shí)四、教學(xué)重點(diǎn)與難點(diǎn)重點(diǎn)：布局表格的創(chuàng)建難點(diǎn)：布局單元格的使用五、

33、教學(xué)目的1 、掌握布局表格的運(yùn)用2 、掌握布局單元格的作用六、教學(xué)過(guò)程步驟：（01）選中在布局表格中所繪制的布局單元格，在“屬性”面板中將該布局單元格的寬度也設(shè)置為 775 像素，高度為 68 像素。（ 02）將光標(biāo)停留在布局單元格內(nèi)，選擇菜單欄中的“插入” | “圖像”選項(xiàng)，在彈出的“選擇圖像源文件”對(duì)話框中，選擇存放在 ch07IMAGES文件夾下的圖像（ 03）選擇圖像文件后，單擊“確定”按鈕，便可在布局單元格內(nèi)插入該圖像文件（ 04）單擊“繪制布局單元格”按鈕，在已經(jīng)插入圖像的布局表格下面繪制3 個(gè)布局單元格（ 05）分別選中所繪制的布局單元格， 并打開(kāi)“屬性”面板， 將布局單元格的寬

34、度和高度分別設(shè)置為：（ 156、40）、（338、40）、（199、40）。（ 06）在所繪制布局單元格 1 和 2 內(nèi)分別輸入文本“生活空間”和“音樂(lè)天地”，并在布局單元格 3 內(nèi)插入存放在 ch07IMAGES文件夾下的圖像（ 07）在其下繪制 2 個(gè)布局單元格， 分別選中并同時(shí)打開(kāi)“屬性”面板， 將單元格的寬度和高度分別設(shè)置為：（148、 326）、（516、326），如（ 08）在圖 7-17 所示布局單元格（ 1）中繪制 4 個(gè)寬度為 136 像素，高度為 34 像素的布局單元格，并在其單元格內(nèi)分別輸入文本，（ 09）填充布局單元格內(nèi)容。完成所對(duì)應(yīng)的布局單元格文本的輸入（ 10）最后

35、將“布局模式”轉(zhuǎn)化為“標(biāo)準(zhǔn)模式”。 在“標(biāo)準(zhǔn)模式”中根據(jù)自己的審美觀進(jìn)行調(diào)整， 可為布局單元格的邊框進(jìn)行修飾第八章鏈接課題：鏈接與路徑介紹一、教學(xué)基本內(nèi)容1、鏈接的基本知識(shí)2、路徑的基本知識(shí)二、課型：新授課三、課時(shí)： 2 個(gè)課時(shí)四、教學(xué)重點(diǎn)與難點(diǎn)重點(diǎn)：鏈接與路徑的概念難點(diǎn)：路徑的理解五、教學(xué)目的1 、掌握路徑的類(lèi)型2 、能夠正確運(yùn)用路徑六、教學(xué)過(guò)程1、引入在打開(kāi)一個(gè)文件或插入一張圖片的時(shí)候都會(huì)用到路徑，由此來(lái)引入究竟什么是路徑。2、講授新課（ 1） URL簡(jiǎn)介URL（ Uniform Resource Locator，統(tǒng)一資源定位符）主要用于指定欲取得因特網(wǎng)上資源的位置與方式。一個(gè) URL的構(gòu)

36、成如下： 資源取得方式 ：db），單擊“完成”按鈕。（ 04）在彈出的“ ODBCMicrosoftAccess 安裝”對(duì)話框中，“數(shù)據(jù)源名”文本框中輸入dwmx，單擊“數(shù)據(jù)庫(kù)”欄中的“選擇”按鈕，選擇網(wǎng)站根目錄中的。單擊“確定”按鈕。（ 05）這時(shí)會(huì)發(fā)現(xiàn)系統(tǒng)數(shù)據(jù)源名稱中已經(jīng)多了一個(gè)dwmx，這就是接下來(lái)要使用的數(shù)據(jù)庫(kù)。（ 06）單擊“確定”按鈕，完成對(duì) DSN數(shù)據(jù)源的創(chuàng)建。定義數(shù)據(jù)庫(kù)連接的方法：（ 01）在 Dreamweaver 8 面板組中，打開(kāi)“應(yīng)用程序”面板組。選擇“數(shù)據(jù)庫(kù)”面板，（ 02）在“數(shù)據(jù)庫(kù)”面板中單擊按鈕，在彈出的快捷菜單中選擇“數(shù)據(jù)源名稱”選項(xiàng)，彈出“數(shù)據(jù)源名稱 (DS

37、N)”對(duì)話框。（ 03）在“連接名稱”文本框中輸入dsdwx。（ 04）單擊對(duì)話框中的“測(cè)試”按鈕來(lái)測(cè)試是否可以跟數(shù)據(jù)庫(kù)正確連接。（ 05）單擊“確定”按鈕，再單擊“數(shù)據(jù)源名稱（ DSN）”對(duì)話框中的“確定”按鈕，便完成數(shù)據(jù)庫(kù)連接的設(shè)定。七、作業(yè)處理隨堂練習(xí)數(shù)據(jù)源的連接。八、教具所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書(shū)的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。課程：注冊(cè)、登錄頁(yè)面、服務(wù)器端驗(yàn)證一、教學(xué)基本內(nèi)容1、客戶注冊(cè)頁(yè)的基本知識(shí)2、客戶登錄頁(yè)的基本知識(shí)3、登錄驗(yàn)證二、課型：實(shí)驗(yàn)課三、課時(shí)： 2 個(gè)課時(shí)四、教學(xué)重點(diǎn)與難點(diǎn)重點(diǎn)： 1、記錄的插入2、用戶身份驗(yàn)證難點(diǎn)：記錄集五、教學(xué)目的掌

38、握插入記錄的方法，能夠正確運(yùn)用記錄集。六、教學(xué)過(guò)程注冊(cè)頁(yè)面的創(chuàng)建步驟：（ 01）啟動(dòng) Dreamweaver 8，打開(kāi)文件（ 02）檢查注冊(cè)表單。選擇新客戶注冊(cè)頁(yè)面中的注冊(cè)表單。按 Shift+F4 組合鍵打開(kāi)“行為”面板，在“行為”面板中單擊 按鈕，從彈出的菜單中選擇“檢查表單”選項(xiàng)，彈出“檢查表單”對(duì)話框。（ 03）單擊“確定”按鈕，完成檢查表單設(shè)置，并將該行為的事件設(shè)置為onSubmit。（ 04）插入客戶注冊(cè)信息到數(shù)據(jù)庫(kù)表中。（ 05）使用“檢查新用戶名”服務(wù)器行為， 防止客戶注冊(cè)的用戶名重復(fù)。 在“服務(wù)器行為”面板中單擊 按鈕，從彈出的快捷菜單中依次選擇“用戶身份驗(yàn)證” | “檢查新

39、用戶名”選項(xiàng)， 在彈出的“檢查新用戶名”對(duì)話框中做如書(shū)上的設(shè)置。（ 06）單擊“確定”按鈕返回。（ 07）對(duì)完成的注冊(cè)頁(yè)面進(jìn)行保存，便完成了注冊(cè)頁(yè)面的制作。登錄頁(yè)面的建立：（ 01）打開(kāi)文件。（ 02）選擇“窗口” | “行為”選項(xiàng)，打開(kāi)“行為”面板。（ 03）選中需要驗(yàn)證表單的 標(biāo)簽，再單擊“行為”面板上的“添加”按鈕 ，從彈出的菜單中選擇“檢查表單”選項(xiàng)。（ 04）在“檢查表單”對(duì)話框中， 把“命名的欄位”列表框中與登錄相關(guān)的兩項(xiàng)設(shè)置為必需的就可以了。（ 05）單擊“確定”按鈕返回。在“行為”面板中將觸發(fā)事件設(shè)置為onSubmit。（ 06）這樣便完成了在客戶端驗(yàn)證的行為設(shè)置。保存文件之后

40、，按 F12 鍵進(jìn)行瀏覽。如果用戶所輸入的“登錄信息”不完整或不正確，系統(tǒng)將出現(xiàn)提示對(duì)話框，提示用戶輸入完整的登錄信息。七、作業(yè)處理依據(jù)書(shū)上的案例，做出一個(gè)留言頁(yè)面，要求能夠顯示和刪除留言。八、教具所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書(shū)的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。第十三章代碼片斷、庫(kù)項(xiàng)目和模板課題：代碼片斷創(chuàng)建與使用一、教學(xué)基本內(nèi)容1、代碼片斷的概念及意義2、代碼片斷的創(chuàng)建與使用3、庫(kù)項(xiàng)目的創(chuàng)建與使用二、課型：新授課三、課時(shí)： 2 個(gè)課時(shí)四、教學(xué)重點(diǎn)與難點(diǎn)重點(diǎn)： 1、代碼片斷的創(chuàng)建2、庫(kù)項(xiàng)目的創(chuàng)建難點(diǎn)：代碼的編寫(xiě)五、教學(xué)目的掌握代碼片斷的使用方法，熟練運(yùn)用庫(kù)項(xiàng)目。六、教

41、學(xué)過(guò)程1、代碼片斷使用代碼片斷，可使所存儲(chǔ)的內(nèi)容快速地被重復(fù)使用?？梢詣?chuàng)建和插入HTML、 JavaScript 、 CFML、ASP、JSP等代碼片斷。 Dreamweaver8 本身還包含一些預(yù)定義的代碼片斷，也可以使用這些預(yù)定義的代碼片斷作為起始點(diǎn)，通過(guò)對(duì)這些代碼片斷進(jìn)行再編輯或修改以滿足自己頁(yè)面的需要。2、代碼片斷的創(chuàng)建新建代碼片斷文件夾，具體操作步驟如下：（ 01）啟動(dòng) Dreamweaver 8，在菜單欄中選擇“窗口” | “代碼片斷”選項(xiàng)，打開(kāi)“代碼片斷”面板。（ 02）在空白位置單擊一下來(lái)選擇存放新文件夾的位置，否則新文件夾將成為子文件夾。（ 03）單擊“代碼片斷”面板右上角的

42、按鈕，從彈出的快捷菜單中選擇“新建文件夾”選項(xiàng)。（ 04）為新建的“未命名”的代碼片斷文件夾命名即可， 如輸入“我的代碼片斷”作為該文件夾的名稱。新建代碼片斷：利用輸入代碼創(chuàng)建代碼片斷，具體操作步驟如下：（ 01）啟動(dòng) Dreamweaver 8，在菜單欄中選擇“窗口” | “代碼片斷”選項(xiàng)，打開(kāi)“代碼片斷”面板。（ 02）右擊“我的代碼片斷”文件夾，從彈出的菜單中選擇“創(chuàng)建新代碼片斷”選項(xiàng)。（ 03）彈出“代碼片斷”對(duì)話框。（ 04）根據(jù)步驟 3 中論述，完成的設(shè)置。（ 05）單擊“確定”按鈕，便可完成該代碼片斷的創(chuàng)建，并在“我的代碼片斷”文件夾中顯示出來(lái)。七、作業(yè)處理做一個(gè)顯示當(dāng)前日期的代

43、碼片斷，使之插入到頁(yè)面的合適位置。八、教具所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書(shū)的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。課題：模板使用一、教學(xué)基本內(nèi)容1、模板的創(chuàng)建與使用2、利用模板更新頁(yè)面二、課型：新授課三、課時(shí)： 2 個(gè)課時(shí)四、教學(xué)重點(diǎn)與難點(diǎn)重點(diǎn)：模板的創(chuàng)建與使用難點(diǎn)：使用模板更新頁(yè)面五、教學(xué)目的掌握模板的使用方法，偉用模板更新頁(yè)面。六、教學(xué)過(guò)程1、模板特點(diǎn)使用模板創(chuàng)建文檔可以使網(wǎng)站和網(wǎng)頁(yè)具有統(tǒng)一的結(jié)構(gòu)和外觀，如果有多個(gè)網(wǎng)頁(yè)想要用同一風(fēng)格來(lái)制作，用模板絕對(duì)是最有效，并且也是最快的方法。模板實(shí)質(zhì)上就是作為創(chuàng)建其他文檔的基礎(chǔ)文檔。在創(chuàng)建模板時(shí)，可以說(shuō)明哪些網(wǎng)頁(yè)元素應(yīng)該長(zhǎng)期保留，不可

44、編輯，哪些網(wǎng)頁(yè)元素可以編輯修改。2、在模板中定義新的可編輯區(qū)域定義新的可編輯區(qū)域的具體步驟如下：（ 01）打開(kāi)模板文件，在文檔中選擇要定義為可編輯區(qū)域的文本（或其他內(nèi)容），這里選擇頁(yè)眉區(qū)的標(biāo)題文本。（ 02）右擊從彈出菜單中選擇“模板” | “新建可編輯區(qū)域”選項(xiàng)， 彈出“新建可編輯區(qū)域”對(duì)話框。（ 03）在“新建可編輯區(qū)域”對(duì)話框中， 為可編輯區(qū)域輸入名稱。 命名一個(gè)可編輯區(qū)域時(shí)不能使用單引號(hào)（ ）、雙引號(hào)（ ）、尖括號(hào)（ ）和 &。（ 04）在模板中，可編輯區(qū)域被突出顯示，并顯示出可編輯區(qū)域的名稱。七、作業(yè)處理針對(duì)書(shū)上案例實(shí)訓(xùn)2 做模板的演練八、教具所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書(shū)的

45、內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。第十四章網(wǎng)頁(yè)的制作課題：個(gè)人主頁(yè)制作流程一、教學(xué)基本內(nèi)容1 、建站流程2 、在網(wǎng)頁(yè)中設(shè)置各種元素二、課型：新授課三、課時(shí)： 2 個(gè)課時(shí)四、教學(xué)重點(diǎn)與難點(diǎn)重點(diǎn)： 1 、建站流程2 、網(wǎng)站的定位3 、熟練掌握在網(wǎng)頁(yè)中添加文字等元素難點(diǎn)： 1 、網(wǎng)站的定位2 、網(wǎng)頁(yè)風(fēng)格的設(shè)計(jì)五、教學(xué)目的1 、熟練掌握建站流程2 、掌握網(wǎng)站的定位3 、掌握網(wǎng)站風(fēng)格的設(shè)計(jì)4 、熟練掌握在網(wǎng)頁(yè)中添加各元素六、教學(xué)過(guò)程向?qū)W生演示多個(gè)項(xiàng)目： 成品站點(diǎn)， 分階段演示和分析此網(wǎng)頁(yè)的設(shè)計(jì)流程和過(guò)程， 在每個(gè)階段演示完畢后，讓學(xué)生對(duì)此階段進(jìn)行鞏固。講解完畢后學(xué)生完成課后作業(yè)，教師實(shí)施

46、指導(dǎo)。第一步：講解建站的流程。第二步：講解市場(chǎng)調(diào)查與分析。第三步：講解建站內(nèi)容。第四步：講解功能框架。第五步：講解界面設(shè)計(jì)。第六步：演示站點(diǎn)框圖。第七步：演示網(wǎng)站截圖。第八步：講解并演示在網(wǎng)頁(yè)中添加元素。七、作業(yè)處理根據(jù)以上各章所講的內(nèi)容，設(shè)計(jì)一個(gè)個(gè)人主頁(yè)。八、教具所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書(shū)的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。課題：網(wǎng)頁(yè)特效一、教學(xué)基本內(nèi)容1、墨林老人代碼2、飄動(dòng)圖層代碼二、課型：實(shí)驗(yàn)課三、課時(shí)： 2 個(gè)課時(shí)四、教學(xué)重點(diǎn)與難點(diǎn)重點(diǎn)：特效的使用難點(diǎn)：代碼的理解五、教學(xué)目的掌握網(wǎng)頁(yè)特效的添加方法。六、教學(xué)過(guò)程墨林老人代碼： var MerlinID;va

47、r MerlinACS;= true;MerlinLoaded = LoadLocalAgent(MerlinID, MerlinACS); Merlin = Surprised);( 歡迎來(lái)到 );(GestureLeft);(這里是家庭百科！ );(Pleased);(有什么問(wèn)題請(qǐng)到論壇發(fā)言);(GestureDown);(謝謝大家光臨與支持！ );();function LoadLocalAgent(CharID, CharACS)LoadReq = CharACS);return(true);七、作業(yè)處理在上節(jié)完整頁(yè)面上，添加特效代碼，實(shí)現(xiàn)案例中的效果。八、教具所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書(shū)的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。第十五章網(wǎng)站的測(cè)試與上傳課題：網(wǎng)站測(cè)試一、教學(xué)基本內(nèi)容1、優(yōu)化網(wǎng)站2、優(yōu)化文檔3、網(wǎng)站本地測(cè)試的意義二、課型：新授課三、課時(shí)： 2 個(gè)課時(shí)四、教學(xué)重點(diǎn)與難點(diǎn)重點(diǎn)： 1、鏈接測(cè)