DW教案周2范文

DW教案周2范文 保靖县职业中专学校教案xx年春学期（第2周）教师姓名张绍海专业组计算机课程名称使用Dreamweaver cs5制作网页年级一计网班级周课时分布星期星期一课节第一节星期二星期三星期四星期五第二节第三节PS第四节PS第五节PS第六节PS第七节周合计4课时。 冲课情况说明课程名称使用Dreamweaver制作网页授课对象中专一年级计网班学生课型新授、多媒体、操作练习课时4课时授课题目图像与超链接教学目的与要求掌握图像的创建方法学会制作图文混排的页面掌握超级链接的创建方法教学方法讲解、操作演示教学重、难点掌握图像的创建方法学会制作图文混排的页面掌握超级链接的创建方法学会制作图文混排的页面教具计算机、多媒体3月25日第2周星期3第 1、2课时总6课时 一、理论教学指导（一）整章授课思路以制作案例为导向，采用边讲边练的方式进行教学。 讲解顺序回顾理论案例1并穿插理论讲解学生模仿小结同理案例2总结布置作业。 （二）技术难点讲解1.理论案例1百度首页案例源代码参考本章资料文件夹“理论演示案例百度首页baidu.html”技术难点图像的路径。 添加图像时要正确设置图像的路径，在不同的目录结构下，图像路径的引用是有区别的，在这里可以通过展示不同目录结构下图像的位置，来加深学生对路径的理解。 二、上机实战指导1.实战案例1京东商城商品页面案例源代码参考本章资料文件夹“上机练习案例京东商城商品页面cart.htm.htmll和content.html”2.实战案例2糯米网团购页面案例源代码参考本章资料文件夹“上机练习案例糯米网团购页面index.html”。 学生常见问题问题1为什么文字与图像之间的距离很近？解决办法默认情况下，图像与文字之间是默认间距，距离比较近。 如果为了使得页面效果更好，在采用图文混排时需要对图像边距和间距设置，以便达到更好的显示效果。 3月26日第2周星期4第 3、4课时总8课时理论案例2怪笑小说页面案例源代码参考本章资料文件夹“理论演示案例怪笑小说conent.html”技术难点图文混排的方式。 边距边距的作用是为了使图像与文字之间保持一定的间距，展示效果更美观。 对齐方式在进行图文换牌时，图像和文字的排放可以采用左对齐外，还有右对齐、顶端对齐、底端对齐、绝对居中对齐。 不同的对齐方式展示效果不同，具体选择哪种对齐方式，需要根据实际的页面展示效果，及内容决定。 理论案例3完善百度首页案例源代码参考本章资料文件夹“理论演示案例超级链接baidu.html”学生常见问题问题1如何确认超级链接正确设置了？解决办法首先检查在属性面板中是否已经正确设置了链接属性，然后检查原本要设置超级链接的位置的文字是否会变成了蓝色带有下划线的文本。 最后浏览网页，单击超链接，看看是否跳转到正确的页面中问题2如果不设置超链接的目标选项会如何？解决办法目标属性指定了超级链接打开新窗口的方式，如果不在属性面板中对其进行设置，那么当点击超链接时会按照默认方式打开信息窗口，即“_self”方式。 实战案例3嗨淘网商品页面案例源代码参考本章资料文件夹“上机练习案例糯米网团购页面index.html”教学小结本章主要针对上面的问题对网页中的图像、超链接进行讲解，以使学生