《網(wǎng)頁制作之模板的應(yīng)用》教案設(shè)計(jì)

廣州市市政職業(yè)學(xué)校 陳春艷

項(xiàng)目十 模板的應(yīng)用——商業(yè)

課程名稱 網(wǎng)頁制作 項(xiàng)目標(biāo)題

類型網(wǎng)站的模板制作

教材 高等教育出版社《Dreamweaver CS5 網(wǎng)頁制作項(xiàng)目實(shí)踐》徐鋒

授課專業(yè)年級(jí) 計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)

授課時(shí)數(shù) 2 課時(shí)(90 分鐘)

(學(xué)期) 中職一年級(jí)(下學(xué)期)

“計(jì)算機(jī)網(wǎng)絡(luò)”專業(yè)人才培養(yǎng)方案和課程標(biāo)準(zhǔn)

本部分要求學(xué)生了解當(dāng)今普遍使用的布局方法DIV+CSS 布局，掌握使用DIV 進(jìn)行網(wǎng)頁

布局的技術(shù)，以及能夠通過CSS 樣式表達(dá)到美化頁面的效果。

教學(xué)目標(biāo)

制定依據(jù) 教材要求

結(jié)合教材項(xiàng)目十：“模板與庫的應(yīng)用”的任務(wù)一：網(wǎng)頁中模板的應(yīng)用——各部門“工作

職責(zé)”，要求學(xué)生制作出模板，說出模板的應(yīng)用方法，以便快捷制作相似的網(wǎng)站，提高工

作效率。

運(yùn)用Dreamweaver CS5 軟件制作頁面，對(duì)頁面進(jìn)行圖文的輸入和編輯。

知識(shí) 具備管理網(wǎng)站目錄結(jié)構(gòu)、文件面板的使用、表格的基本操作的能力。

能力 初步掌握表格布局頁面的知識(shí)，并具備一定和利用表格布局頁面的能力。

學(xué)情分析 儲(chǔ)備 通過“優(yōu)秀網(wǎng)頁”賞析和“圖文并茂網(wǎng)頁”制作，學(xué)生對(duì)網(wǎng)頁的制作產(chǎn)生了濃

厚的興趣。

學(xué)生思維活躍，活潑好動(dòng)，喜歡交流，動(dòng)手能力和模仿能力較強(qiáng)。學(xué)生自立、

學(xué)生

自主意識(shí)薄弱，不能主動(dòng)分析解決問題，探索新知，即創(chuàng)作力差。

特點(diǎn)

學(xué)生水平參差不齊，能力各有不同。

說出創(chuàng)建模板的方法，能將已有網(wǎng)頁生成模板。

編制基于模板的網(wǎng)頁文件(即模板的應(yīng)用)

教學(xué)目標(biāo) 根據(jù)客戶設(shè)計(jì)需求，規(guī)范區(qū)分可編輯區(qū)和鎖定區(qū)，利用模板制作風(fēng)格一致，而內(nèi)容不

同的頁面。

運(yùn)用靜態(tài)網(wǎng)頁制作的知識(shí)，加強(qiáng)自主創(chuàng)作的能力和意識(shí)；培養(yǎng)團(tuán)隊(duì)互助的意識(shí)。

項(xiàng)目 內(nèi)容 解決措施

1.通過網(wǎng)站分析，讓學(xué)生有初步模板的認(rèn)識(shí)；通過

教學(xué)重難 TIPS提示模板是特殊文檔，擴(kuò)展名是.dwt，不是html

點(diǎn)分析和 1. 模板創(chuàng)建的兩種方法 通過模仿，讓學(xué)生掌握項(xiàng)目中的模板制作方法及進(jìn)

解決措施 重點(diǎn) 2. 模板可編區(qū)和鎖定區(qū)修

行應(yīng)用；

改及更新

通過實(shí)踐，模板的管理方法，從而獲得模板管理的

常用技巧。

1.模板存放的位置對(duì)頁面的

1.通過觀察優(yōu)秀網(wǎng)站對(duì)比，從認(rèn)知上區(qū)分其顯示效

影響

果的不同；通過重復(fù)練習(xí)，加深認(rèn)識(shí)。

難點(diǎn) 2

總結(jié)

以上是生活随笔為你收集整理的计算机类说课优秀模板,广东省创新杯说课大赛计算机专业类一等奖作品：《模板的应用》教学设计.pdf...的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。