网页设计与制作体整设计.docVIP

《网页设计与制作》课程整体教学设计 一、课程基本信息 课程名称： 网页设计与制作 课程代码： 132037 课程性质： 考查 适用专业：电子商务06、企业管理07、营销07 学 分： 3.5 学 时：68 先修课程： 计算机应用基础 后续课程：电子商务网站设计管理 申 报 人： 所属系部：信息工程系 二、课程设计 1.课程目标设计 （1）能力目标 ⑴ 能搜索网络资源并能较好的利用网上资源； ⑵ 能用网页制作软件Dreamweaver8生成站点，管理好站点； ⑶ 能用网页制作软件Dreamweaver8制作、修改、编辑简单网页； ⑷ 培养学生自主学习、合作学习和动手能力； ⑸ 学生通过亲身经历，提高分析和解决实际问题的能力； ⑹ 能做简单的动态网页制作能力。 （2）知识目标 ⑴ 熟悉网页制作的基本流程； ⑵ 掌握网页制作的基础知识； ⑶ 掌握Dreamweaver8的操作和使用，如超链接、表格与布局、层、表单等； ⑷ 掌握制作中小型企业的网站； ⑸ 了解FIRWORKS的基本操作和使用； ⑹ 掌握网站的上传方法； ⑺ 掌握网站申请空间、上传网站的方法。 2.课程内容设计 模块名称 学时 Dreamweaver8入门 2 设置站点 4 网页元素的基本操作 4 超级链接 4 表格与布局 6 框架与框架集 4 表单应用 4 层的应用 4 时间轴及其应用 4 HTML初步 4 CSS样式表及应用 4 事件与行为 4 模板与库 4 网页上传与服务器设置 2 动态网页制作 2 主题网站制作 4 FOREWORK的简单的应用 2 期中测验、期末复习、机动 6 合 计 68 3.教学方法设计 1. 采用案例教学法，通过对案例为手段，加快学生对操作理论的理解和掌握。 2. 设计与教学内容相对应的实训，以提高学生实践能力，从而达到对知识点的吸收。 3. 由于此门课程实操性强的特点，讲授时尽可能要求学生跟随教师演示练习，加深印象。 4. 如条件许可，可利用校园网进行远程答疑和讨论。 教学手段： 采用网络和多媒体教学、小组讨论等多种教学手段来使学生提高主动参与意识，更强调对学生进行学习方法的指导而不是灌输式教学。同时在教学过程中重视因材施教，努力实现教学方法的个体化，针对学生学习的个别差异解决好因材施教问题。 4.能力训练项目设计（用表格形式表达） 编号 能力训练项目名称 拟实现的能力目标 训练方式手段及步骤 结果 1 站点设置 熟练地建立站点 多媒体演示操作，学生亲自操作，老师指导 掌握建立站点的方法 2 网页元素的操作 掌握插入文本、特殊字符、日期、图片及一些多媒体对象等； 多媒体演示讲解，老师操作，学生模仿、独自练习 学会在网页中插入及编辑网页元素 3 超级链接 掌握外部链接、内部链接、电子邮件链接、空链接和锚点链接的使用；学会运用图像映射及使用导航条。 多媒体演示讲解，老师操作，学生模仿、独自练习 熟练掌握几种常见的链接方式 4 表格的制作 掌握网页表格的使用 多媒体演示讲解，老师操作，学生模仿、独自练习 掌握表格的各种操作 5 框架的使用 掌握框架网页的制作 多媒体演示讲解，老师操作，学生模仿、独自练习 掌握框架网页制作的步骤 6 表单的使用 BBS登录界面设计 学会创建表单域及修改表单；学会使用在表单中使用各种表单元素； 多媒体演示讲解，老师操作，学生模仿、独自练习 掌握利用表单元素制作BBS登录界面 7 图层网页的制作 学会创建与设置层；掌握表格与层之间的转换 多媒体演示讲解，老师操作，学生模仿、独自练习 掌握利用图层制作网页 8 在网页中使用时间轴（飞动的蝴蝶的制作） 掌握时间轴的创建与基本操作 多媒体演示讲解，老师操作，学生模仿、独自练习 掌握利用时间轴制作简单的动画 9 HTML标记语言的使用（禁止使用鼠标右键） 掌握如何查看HTML标记语言，如何使用代码编辑视图 多媒体演示讲解，老师操作，学生模仿、独自练习 掌握在代码视图中添加标记代码 10 CSS样式的应用 掌握创建、设置、应用及删除CSS样式的方法 多媒体演示讲解，老师操作，学生模仿、独自练习 在实际网页中会运用CSS样式 11 行为及事件的使用 掌握行为的基本操作及在网页中使用一些基本行为 多媒体演示讲解，老师操作，学生模仿、独自练习 在网页中会使用使用行为及事情 12 模板及库的应用 掌握利用模板制作网页；掌握在网页制作过程中使用库元素 多媒体演示讲解，老师操作，学生模仿、独自练习 能利用模板制作网页 13 网页上传及服务器的设置 掌握网页上传的方法和