《Dreamweaver网页设计》教学设计.docx

《《Dreamweaver网页设计》教学设计.docx》由会员分享，可在线阅读，更多相关《《Dreamweaver网页设计》教学设计.docx（3页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、Dreamweaver网页设计教学设计授课老师龙雨妃教学对象15计算机三班科目Dreamweaver网页设计课题导航的制作知识点描述：本节课的教学内容是介绍Dreamweaver网页设计的进阶技巧，着重于帮助 学生掌握不同的导航效果的制作方法，进一步提升学生网页制作技能水平。预备知识：已学习Dreamweaver最基本的网页设计技巧，能利用表格布局制作网页并对 CSS规则有一定的了解。教学目标知识与技能：掌握CSS规则的基本原理，利用CSS制作出各种效果的导航。过程与方法：通过导航的实例，加深学生对于CSS规则的理解，使学生能够掌握利用CSS 制作导航的方法。情感态度与价值观：培养学生深入学习

2、网页设计的兴趣，体验作品创作成功的成就感。教学重点：利用css规则制作导航的方法。教学难点：理解CSS规则中超链接效果的设置。教学方法：讲授法、演示法、任务驱动法教具：多媒体、PPT、导航实例设计思路:学生已学习过Dreamweaver最基本网页设计方法，能利用表格布局制作出完整的网 页并可使用CSS规则美化网页。导航制作是Dreamweaver网页设计中比较重要的部分， 鉴于导航制作对网页设计教学的重要性，我设计了这个课程。其思路是：首先复习简单的导航特殊效果制作方式，让学生回忆制作导航的方法和 技巧。然后结合CSS规则做出相同效果的导航，突出CSS规则的重要性。最后介绍利用 CSS规则制作

3、导航的方法和技巧，使学生学会灵活运用CSS规则制作精美的导航。教学过程模块、复习回顾讲解内容画面内容：同学们，还记得上一节课我们学习 的两个制作导航的方法吗？用CSS规则改变导航文字颜色导航背景颜色的更改请两位同学分别演示一下这两种制作 导航的方法。课程标题主讲第4张至5张PPT时间10分钟模块讲解内容画面时间二、新知导入内容：以前学习的更换导航背景的方法生 成的代码较多，我们学习了 css规则之后 可以用简单CSS规则做出同样的效果。第6张PPT2分钟知识点1:导航背景的改变导航的背景属性改变主要用到css规则中 类.nav和复合内容.nav: hover进行设置。教师演示第张 PPT8分钟

4、三、新课教学 (28分钟)技能点1:导航字体的改变导航字体的改变主要用到a: link (2)a:visited (3)a:hover(4)a:active 四个超链接的css规则进行设置。第8张 至9张 PPT10分 钟技能点2：导航背景的改变导航的背景属性改变主要用到CSS规则中 类.nav和复合内容.nav:hover进行设置。学生操作第10张PPT10分 钟四、课堂总结总结制作导航需要用到的几个css规则第11张PPT3分钟五、布置作业课后作业：运用CSS规则为项目制作一个动态导航第12张PPT2分钟板书设计导航的制作超链接的设置单元格的设置a: link未访问的超链接.nav CSS类a:visited已访问的超链接.nav:hover鼠标经过类时a:hover鼠标悬停在超链接时a:active鼠标点击超链接时自我评价本课程主要是通过对css规则的理解，来完成导航制作的一项学 习任务。在备课口寸，侧重于学生的理解能力及应用能力的提高，对教 学内容和学习者的特征进行了分析，把教学中的重点、难点及关键点 进行分解。灵活运用了 css规则制作各种效果的导航，提高学生的学 习兴趣。