《网页美工设计》教案#(精选.)

word.

《网页美工设计》课程教案

授课教师： 授课班级： 地点： 课时：

章节 内容 教学 目标 重点 难点 教学 方法 教学 环境 Dreamweaver中图像的使用； 网页字体设计； 表单设计制作。 3) 掌握Dreamweaver中图形图像的使用和属性设置方法； 4) 掌握网页表单的设计技巧。 3) 熟练掌握Dreamweaver中图像热点链接的创建方法； 4) 掌握用户注册表单的设计方法和技巧。 课堂讲授、案例讲解与指导 计算机机房 教学过程及内容提要 六、 3、 引入 回顾上次课所学习的内容：Dreamweaver表格的使用和属性时间 分配 约4分钟 约10分钟 约5分钟 约10分钟 约10分钟 约10分钟 约10分钟 备注 设置，Dreamweaver中创建CSS的方法； 教学过程设计 4、 5、 七、 点评上周作业； 提出问题：什么是热点链接？网站的注册页面是如何制作的？ 学生理解 学生理解 学生理解 学生实践 学生实践 告知学生课堂任务 本次课所学习的主要内容是Dreamweaver中图像的使用和网页表单的设计； 八、 9、 逐步演示讲解分析教学内容 网页中支持的图像格式：jpg、gif、gif动画、bmp、png word. word.

10、 网页中图像使用原则： 约10分钟 约10分钟 约20分钟 约5分钟 约15分钟 约10分钟 约15分钟 约5分钟 约10分钟 约10分钟 约10分钟 约20分钟 约1分钟 学生理解 学生实践 学生理解 学生实践 总结 （1）尽量小，对较大的图片文件进行适当的压缩和切割； （2）应该挑选与网站主题有关联性的图片； （3）对于网站的标志图片,主体应该清晰可见,图形的含义最好简单明了,图片内所含的文字应该清楚且容易辨认； （4）背景图片只是用来衬托图片主题的,切忌过于花哨； （5）图片颜色应该与页面整体配色协调。 11、 Dreamweaver中图像的使用： （1）插入图像； （2）设置图像属性； （3）添加图像热点链接。 12、 13、 辅导学生实训操作； 实例演示：Dreamweaver中变换图像的创建方法---创建导航条。 14、 15、 辅导学生完成实例实训操作； 网页字体设计： （1）文字样式； （2）大小； （3）颜色 （4）其它属性。 16、 17、 18、 实例讲解：内容详细页的创建。 辅导学生完成实例实训操作； Dreamweaver中网页表单设计制作： word.

word.

（1）网页表单的作用； （2）常见表单页类型； 19、 实例演示：创建用户注册表单页； （1）制定插入表单的页面位置； （2）插入表单； （3）在表单中插入表格为表单控件布局； （4）插入文字标签； （5）插入表单各种控件并设置表单控件的属性； （6）使用CSS美化表单控件； 20、 21、 22、 Dreamweaver中的层的使用方法及其实例讲解； 辅导学生实训练习； Dreamweaver中行为的添加方法和使用技巧： （1）交换图像； （2）弹出信息； （3）打开浏览器窗口； （4）播放声音； （5）改变属性； （6）显示-隐藏层； （7）转到URL. 23、 24、 辅导学生实训练习； 综合实例演示讲解：运用Dreamweaver中的层和行为来制作网页下拉菜单式导航条： 25、 辅导学生实训练习； word.

word.

九、 布置课堂作业并辅导学生完成作业实训： 个人主页用户表单设计。 十、 课堂小结 本次课主要内容： 1、Dreamweaver中图像的使用方法和技巧； 2、Dreamweaver中字体的设计； 3、Dreamweaver中表单页面的设计制作。 后记 《网页美工设计》课程教案

授课教师： 授课班级： 地点： 课时：

章节 内容 教学 目标 重点 难点 教学 方法 教学 环境 Photoshop基本使用方法和技巧 5) 熟悉Photoshop软件界面； 6) 掌握Photoshop软件的基本操作方法。 5) 掌握Photoshop软件界面基本操作方法和技巧； 6) 掌握Photoshop中的图片合成和修复的应用方法。 课堂讲授、案例讲解与指导 计算机机房 教学过程及内容提要 时间 分配 备注 word.