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

《《Dreamweaver网页设计》教学设计.docx》由会员分享，可在线阅读，更多相关《《Dreamweaver网页设计》教学设计.docx（2页珍藏版）》请在课桌文档上搜索。

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

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

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

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