《网页设计与制作》课程教学大纲

1、网页设计与制作课程教学大纲课程代码： 1101309128课程名称： 网页设计与制作英文名称： Design and Manufacture of Web Page学分： 2 总 学 时： 32 讲课学时： 16 实验学时： 上机学时：16 课外学时： 适用对象： 信息管理与信息系统专业先修课程： 计算机基础、程序设计学生自主学习时数建议：32一、课程性质、目的和任务本课程是信息管理和财务管理专业的专业任选课程。通过本课程的学习，要求学生掌握Web的基本概念，学会使用常用的网页设计工具，网站的建立维护能力。本课程通过基于“虚拟企业”教学平台的学习与实践训练，使学生熟悉网站建设的基本流程，掌握应

2、用Macromedia Dreamweaver CS4进行网页设计与制作的方法，熟练运用多种网页设计技术，具备Web页设计、制作及站点管理的基本知识和基本技能；掌握绘制图形和加工图像的图像处理工具，达到能够开发设计高级网页和动态网页的专业水平。同时，在项目制教学方法的引导下，按照“虚拟企业”团队的网站开发任务，通过团队协作训练，达到锻炼学生网页制作与网站管理的专业技能和综合能力的总体教学目标。二、教学基本要求学习本课程要求学生掌握一、两种常用的网页设计工具，熟练运用多种网页设计技术，具备Web页设计、制作及站点管理的基本知识和基本技能；了解一种绘制图形和加工图像的图像处理工具。根据班级人数，组

3、建5-6个“虚拟企业”信息化项目团队，各团队的网站设计目标明确，结构合理，流程清晰，功能丰富；团队成员间协作水平较高，分工合理，参与度高。同时要求，每个团队承担两大知识点的讲解和技能展示，并制作PPT，每个成员分讲3-4个小的知识点，要表达清晰，讲解正确，知识运用熟练。课程的教学基本要求:1了解基本网站开发知识。2掌握网页文本操作、插入图象、表格应用、超级链接、层的使用、网页布局、框架与框架集。3掌握加强网页显示效果的CSS样式、资源、模板和库。4掌握交互的表单应用和插入媒体对象。5掌握行为的应用、动画创建等实际内容。三、教学内容及要求第一单元 基本理论1、教学内容（1）了解本课程的性质和任务

4、；理解网页设计的相关术语及网站制作的基本流程。重点掌握网站实现原理；熟悉网站结构；了解网站开发技术及网站开发工具。（2）通过对网页设计基础知识的介绍，了解建立网站之前的一些准备工作以及与网站有关的一些概念，建立网站的过程，能从网站得网站的整体进行规划，定位网站的主体和风格，构建网站的目录框架和链接框架，会发布网页。（3）掌握网站设计的内容。大体上分为两个方面：一方面是纯网站本身的设计，如文子排版、图像制作、平面设计、三维立体设计、静态无声图文、动态有声影像等；另一方面是网站的延伸设计，包括网站的主题定位和浏览群的定位、智能交互、制作策划、形象包装、营销拓展等。2、重点和难点（1）重点：网页设计

5、相关术语，网站制作基本流程，网站设计内容（2）难点：网站设计内容第二单元 Dreamweaver 基础 1、教学内容（1）掌握建立本地站点并管理站点，制作简单的静态网页，使用对象面板在网页中插入文字、水平线、图像、Flash文件等简单的元素。（2）熟练使用属性面板设置对象的属性，多种超链接的设置方法，利用网页属性设置页面的属性值。2、重点和难点（1）重点：建立本地站点并管理站点，制作静态网页，设置对象属性（2）难点：设置对象属性第三单元 表格、框架和表单1、教学内容（1）掌握使用表格进行数据的设定，文字及图像的定位；熟悉表格及单元格属性的设置；利用框架来划分网页，完成框架页面中导航栏与内容的链

6、接。（2）掌握利用表单进行网站信息的收集。2、重点和难点（1）重点：表格的数据设定，表格及单元格属性设置，框架与表单应用（2）难点：框架与表单应用第四单元 层、行为与时间轴1、教学内容（1）学会层的建立，利用层面板设置层的显示隐藏属性，了解Z值的大小与层的显示的关系，如何快速的对齐层，层与表格的相互转化。（2）掌握通过添加与层有关的行为来实现网页的动态效果。（3）掌握利用行为和时间轴制作的网页看起来很生动活泼。掌握将行为、时间轴和层结合在一起来制作具有动态交互效果的网页。（4）熟悉行为面板的使用方法，基本的行为操作，如何使用Dreamweaver自带的行为，如何利用时间轴创建沿路径运动的动画，

7、在时间轴中改变对象的属性，将行为、时间轴和层的结合在一起来制作动态交互网页。2、重点和难点（1）重点： 层的建立与应用，利用行为、时间轴和层结合在一起来制作具有动态交互效果的网页（2）难点：动态交互效果的网页制作第五单元 模板、库与样式1、教学内容（1）了解创建模板的方法，在模板中如何定义可编辑区域，如何应用模板建立具有统一风格的网页并更新当前站点，学会编辑库项目并应用库项目提高工作效率。（2）掌握层的显示与隐藏，层的显示顺序，层与表格的相互转化，通过行为面板设定与层有关的行为。（3）学会创建CSS样式表，如何在文档中应用样式表，如何管理样式表。（4）掌握样式的创建，熟练掌握CSS样式属性项目

8、的设置方法，学会应用CSS滤镜对文字和图像做出特殊效果。2、重点和难点（1）重点：模板、库的应用，创建与管理CSS样式表（2）难点：CSS样式表的应用四、实践环节设计总实验学时为16 学时，详见实验大纲，实验项目及课时分配如下：1.简单网页制作 6学时2.高级网页制作 6学时3.动态网页制作 4学时 五、课外习题及课程讨论为达到本课程的教学基本要求，各虚拟企业团队必须经常在一起讨论本虚拟企业的商务网站系统建设的相关问题，每周至少一次；最终需要提交本“虚拟企业”网站的一系列网页设计的相关文档。六、教学方法与手段本课程采用多媒体方式，以教师指导、学生讲解相结合的方式进行。每个“虚拟企业”项目团队承

9、担两大知识点的讲解和技能展示，并制作PPT，每个成员分讲3-4个小的知识点进行课堂教学。七、各教学环节学时分配章节（或内容） 讲课习题课讨论课实验其它合计基本理论224Dreamweaver 基础224表格、框架和表单448层、行为与时间轴448模板、库与样式448合计161632八、课程成绩评定办法 本课程作为教学评价体系改革的教学改革课程，将进行无试卷考试评价试点。学生的课程总评成绩由个人实践成绩（40%）、个人期末考试成绩（40%）和“虚拟企业”团队信息系统建设成绩（20%）三部分构成，具体评价方法与评价标准见网站设计与规划课程评价体系。本评价体系与标准尝试引导学生通过“虚拟企业”的团队学习与训练，达到以理论知识与实践能力同步提高的总体教学目标，努力实现评价标准的客观性、引导性和科学性，全面衡量学生专业知识、专业技能和团队协作的现有水平，为学生将来的职业发展奠定坚实的基础。九、推荐教材和教学参考书推荐教材：Dreamweaver CS4入门与进阶，王强编著，清华大学出