資源描述:
《網(wǎng)站創(chuàng)建與網(wǎng)頁制作.doc》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、課題序號10教學(xué)班級1016教學(xué)課時4教學(xué)形式新授課題名稱任務(wù)九布局技術(shù)之四—模板和庫使用教具PPT課件學(xué)案教學(xué)目的能夠運用模板技術(shù)快速生成風(fēng)格統(tǒng)一的網(wǎng)站。在同一個網(wǎng)站熟練創(chuàng)建、編輯、修改多種風(fēng)格的模板文件。教學(xué)重點1、理解模板、庫和資源在網(wǎng)頁制作中的作用。2、快速掌握將已有網(wǎng)頁生成模板的操作方法。3、掌握如何編輯模板以及利用模板生成新網(wǎng)頁的操作方法。4、掌握庫項目的生成與應(yīng)用方法。教學(xué)難點1、快速掌握將已有網(wǎng)頁生成模板的操作方法。2、如何編輯模板以及利用模板生成新網(wǎng)頁的操作方法。更新補充無課前準備教案、學(xué)案、課件課外作業(yè)使用模板搭建頁面(p104圖3-77)板書設(shè)計任務(wù)九模板
2、和庫3.5.1使用框架搭建頁面3.5.2問題探究—模板3.5.3知識拓展—庫項目的應(yīng)用3.5.4知識拓展—資源的應(yīng)用教學(xué)感想課堂教學(xué)安排教學(xué)環(huán)節(jié)主要教學(xué)內(nèi)容教學(xué)手段與方式復(fù)習(xí)導(dǎo)入新授I、復(fù)習(xí)導(dǎo)入展示上節(jié)課學(xué)生的作業(yè),復(fù)習(xí)知識點II、新授一、出示任務(wù)1、針對在使用模板創(chuàng)建頁面布局時,運用模板控制較大的設(shè)計區(qū)域,而重復(fù)使用的個別設(shè)計元素可以創(chuàng)建庫項目,如站點的版權(quán)信息或徽標。通過該任務(wù)的實施,能夠為站點設(shè)立多個不同模板,從而實現(xiàn)站點的版面快速切換。2、工作流程(1)、在站點中新建一個頁面并保存。(2)、在網(wǎng)頁中插入一張表格。(3)、運用表格控制和限制網(wǎng)頁元素的位置。(4)、在表格里
3、插入圖片和文字。(5)、單擊菜單“插入記錄/模板對象/可編輯區(qū)域”在正文位置插入一個可隨時變換內(nèi)容的指定區(qū)域。(6)、單擊菜單“文件/另存為模板”命令另存為模板。(7)、運用模板批量生成格式相似而內(nèi)容不盡相同的網(wǎng)頁文件。網(wǎng)頁預(yù)覽效果展示出示任務(wù),初步感知Div+CSS布局網(wǎng)頁。教師演示操作學(xué)生自主練習(xí)完成任務(wù)分組討論自主學(xué)習(xí)一、問題探究1、模板是一種特殊類型的網(wǎng)頁文檔,只是被加入了特殊的模板信息,一般用來設(shè)計“固定的”頁面布局并定義可編輯區(qū)域,只需從模板創(chuàng)建網(wǎng)頁并在可編輯區(qū)域中進行編輯即可完成新頁面的設(shè)計,大大提高了工作效率。簡單地說,模板是一種用來批量創(chuàng)建具有相同結(jié)構(gòu)及風(fēng)格的
4、網(wǎng)頁的最重要手段;從模板創(chuàng)建的文檔與該模板保持連接狀態(tài),修改模板就可以實現(xiàn)基于該模板設(shè)計的網(wǎng)頁批量更新。2、模板創(chuàng)建模板創(chuàng)建的方法有兩種:直接創(chuàng)建模板或者將普通網(wǎng)頁另存為模板。創(chuàng)建模板文件和創(chuàng)建一個普通頁面的方法完全相同,不需要把頁面的所有部分都制作完成,僅需要制作導(dǎo)航條、標題欄等各個頁面的共有部分就可以了。3、DreamweaverCS3有四種類型的模板區(qū)域:?可編輯區(qū)域講授小組討論基于模板的文檔中未鎖定的區(qū)域就是用戶可以編輯的區(qū)域。為了避免編輯時因誤操作而導(dǎo)致模板中的元素發(fā)生變化,模板中的內(nèi)容默認為不可編輯。模板創(chuàng)作者可以在模板的任何區(qū)域指定可編輯的,要使模板生效,至少包含
5、一個可編輯區(qū)域,否則該模板沒有任何實質(zhì)意義。?重復(fù)區(qū)域是模板的一部分,設(shè)置該部分可以使模板用戶必要時在基于模板的文檔中添加或刪除重復(fù)區(qū)域的副本。重復(fù)區(qū)域通常與表格一起使,但也可以為其他頁面元素定義重復(fù)區(qū)域。使用重復(fù)區(qū)域,可以通過重復(fù)特定項目來控制頁面布局,例如目錄項、說明布局或重復(fù)數(shù)據(jù)行。可以在模板中插入的重復(fù)區(qū)域的模板對象有兩種:重復(fù)區(qū)域和重復(fù)表格。模板用戶可以使用重復(fù)區(qū)域在模板中重制任意次數(shù)的指定區(qū)域。要將重復(fù)區(qū)域中的內(nèi)容設(shè)置為可編輯(如允許用戶在基于模板的文檔的表格單元格中輸入文本),必須在重復(fù)區(qū)域中插入可編輯區(qū)域。?可選區(qū)域可選區(qū)域是模板中的區(qū)域,在基于模板的頁面上,模
6、板用戶通??刂剖欠耧@示內(nèi)容。當(dāng)想要為在文檔中顯示的內(nèi)容設(shè)置條件時,就要使用可選區(qū)域。?模板參數(shù)及鏈接學(xué)生小組討論自主練習(xí),總結(jié)探討。教師巡視指導(dǎo)模板參數(shù)用來控制基于模板的頁面中內(nèi)容的值,可用于可選區(qū)域或可編輯標簽屬性,也可用于設(shè)置要傳遞給附加的文檔的值。模板參數(shù)作為實例參數(shù)傳遞到文檔中,大多數(shù)情況下,模板用戶可以編輯參數(shù)的默認值,能夠自定義出現(xiàn)在基于模板的文檔內(nèi)容。4、保存模板?DreamweaverCS3將模板文件以文件擴展名.dwt保存在站點本地根文件夾的Templates文件夾中。如果該文件夾在站點中不存在,DreamweaverCS3中將在你保存新建模板時自動創(chuàng)建該文件
7、夾。?運行菜單命令“文件/保存”,此時將出現(xiàn)提示信息,告訴我們文檔還未建立可編輯區(qū)域,是否繼續(xù)。單擊“確定”按鈕則打開“另存模板”對話框。在“另存為”文本框中輸入“Template1”,這時在模板面板中出現(xiàn)新建的模板。?將文檔另存為模板后,文檔的大部分區(qū)域就被鎖定。模板創(chuàng)作者在模板中插入可編輯區(qū)域或可編輯參數(shù),從而指定在基于模板的文檔中哪些區(qū)域可以編輯。模板創(chuàng)建時可編輯區(qū)域和鎖定區(qū)域都可以更改,而基于模板創(chuàng)建的文檔,只能在可編輯區(qū)域中進行更改,不能更改鎖定區(qū)域。學(xué)生操作教師巡視輔導(dǎo)5、模板的