《网页设计与美工》教学计划.docVIP

2016－2017学年度第一学期 学期授课计划 课程名称 网页设计与美工Dreamweaver CS5 计划学时 96 任课教师 ***** 授课班级 15计算机 2016年9月1日 授课计划编制说明 课程标准（大纲）、教材及教学参考资料 使用说明 总 课 时 课堂教学 实 验 实 训 复 习 机 动 考 试 采用课程标准（教学大纲）名称 使用教材名称及出版单位 《网页设计与美工Dreamweaver CS5》 大象出版社 教学内容说明（授课内容起止章节） 项目1---项目15 教材处理意见说明 教学参考资料说明 教材配套的相关资源 96 96 0 0 0 课程性质 公共基础课（ ）专业技能课（√） 教 学 周 16 周 课 时 6 审 查 意 见 教 研 组 专 业 部 教研组长(签字) 年 月 日 专业主任(签字) 年 月 日 教 务 科 分管校长 教务部门(签字) 年 月 日 分管校长(签字) 年 月 日 课程目标： 本课程通过十五个项目的制作，使学生全面掌握网站开发从前台设计、动态功能模块实现到后台网站管理的全部知识，具备独立设计开发各类网站的能力，进而提高学生的职业素质和岗位竞争力。 教学任务： 根据专业课程目标的工作任务要求，以学生职业能力培养为重点，注重与后期课程内容的衔接，开发了十五个典型项目，内容涵盖了Dreamweaver的大多数知识点，在教学过程中，引导学生在完成项目的基础上，充分发挥学生的想象力和创造力，完成项目实训或对现有项目进行拓展延伸。 授课计划 周次 课次 授课内容 （摘要） 教学目标 教学重难点、教学方法、教学资源及其他 课时 作业 一 1-3 项目一 Dreamweaver CS5基础 知识目标：1.了解Dreamweaver、Photoshop及Flash的相关知识；2. 了解Dreamweaver CS5的安装。 能力目标：1. 初步掌握Photoshop CS5文字工具组中“横向文字工具”的使用；2.利用Photoshop CS5制作图像文件；3.新建网页文件；4.在网页中插入图像。 重点：了解Dreamweaver、Photoshop及Flash的相关知识；Photoshop CS5文字工具组中“横向文字工具”的使用；利用Photoshop CS5制作图像文件；在网页中插入图像。 难点：Photoshop CS5文字工具组中“横向文字工具”的使用； 对策：相关知识学习、任务实施、小组协作、项目实训。择器 6 随堂 二 4-6 项目二 建立与管理站点 知识目标：1.了解Web网页通过服务器发布到互联网的工作机制 ；了解一些HTML语言的标签；了解网站规划的基本流程。 能力目标：1.Windows下Internet信息服务器（IIS）的搭建和管理；2. 用Photoshop的“移动”和“选择”工具去完成一些图像素材的创作；3.新建和管理站点；4.网站的发布测试。 重点：1.Windows下Internet信息服务器（IIS）的搭建和管理；2.新建和管理站点；3.建立网站并进行发布测试。 难点：1.新建和管理站点；2. 网站的发布测试。 对策：相关知识学习、任务实施、小组协作、项目实训 6 随堂 三 7-9 项目三 制作主要内容为文本的网页 知识目标：1.新建网页的方法；2.网页的命名与保存。 能力目标：1.能够完成网站文件夹及子文件夹的创建；2.能够完成网页的新建与保存；3.能够向网页中添加文本；4. 能够在网页中插入水平线、版权信息及列表元素；5. 能够使用背景图片美化网页效果。 重点：Photoshop磁性套索工具的使用；在网页中插入列表元素。 难点：列表项目属性设置。 对策：相关知识学习、任务实施、小组协作、项目实训。 6 随堂 四 10-12 项目四 图像的插入与编辑 知识目标：1.了解网页中常见的图像格式；2.了解Photoshop魔棒工具；3.了解photoshop批处理技术。 能力目标：1.能够完成网站文件夹及子文件夹的创建；2.能够完成网页上、中和底部的制作；3.能够使用photoshop进行简单的抠图操作； 4. 能够使用photoshop批量制作缩略图；5.能够在网页中插入表格，并在单元格式中插入图片；6. 能够制作图像超链接。 重点：Photoshop中使用魔棒工具抠图；Photoshop中批处理技术；制作图像超链接。 难点：在Photoshop中使用魔棒工具抠图，在Photoshop中使用批处理技术批量制作缩略图。 对策：相关知识学习、任务实施、小组协作、项目