《网页设计与制作》课程教学标准
- 格式：doc
- 大小：84.50 KB
- 文档页数：7
《网页设计与制作》课程教学标准
第一部分：课程性质、课程目标与要求
《网页设计与制作》课程是数字媒体专业选修的一门重要的专业课，是学习后续课程的基础。本课程是集理论与实践为一体的综合应用课程，主要向学生全面介绍与网页设计制作有关的知识，阐明Web基本工作机制，并使学生具有解决一般网页制作问题的能力。通过本课程的学习，学生能够规划建立站点，熟练利用网页制作工具制作出精美的网站，同时引导学生培养实践能力、自学能力，以及分析问题和解决问题的能力，为学习后续专业课程奠定坚实的专业基础。
第二部分：教材与学习参考书
教材：《网页设计与制作—Dreamweaver CS5标准教程》，修毅 洪颖 邵熹雯编著，人民邮最出版社
参考资料：1. 《HTML4.0参考手册》（电子版）
2. 《CSS参考手册》 （电子版）
3. 《JavaScript参考手册》（电子版）
4. 《HTML5、CSS和JavaScrtip开发》，孙鑫 付永杰编著，电子工业出版社
第三部分：教学内容纲要和课时安排
本门课程通过理论与实践相结合的方式，通过一个案例逐步引导学生掌握网页制作的知识，在案例教学中，提炼页面设计和创意方法和技巧。教学内容纲要如下：
（一）网页设计基础
本章主要介绍HTML、网页浏览器的发展历史和HTML文档结构。
通过这一章的学习，学生能了解该课程的性质、目标和要求，了解web开发的相关概念，掌握HTML的文档结构和基本元素的编码。
本章的主要教学内容：
1、互联网基础 2 2、网页设计知识
3、网页标准化技术
4、网站设计软件
5、网站制作流程
6、HTML语言
（二）Dreamweaver CS5基础
本章介绍Dreamweaver CS5创建站点和管理站点功能帮助用户管理和控制站点中的各种资源。
通过这一章的学习，学生应能灵活掌握Dreamweaver CS5工具进行站点的创建。
本章的主要教学内容：
1、Dreamweaver CS5工作界面
2、创建网站框架
3、管理站点文件和文件夹
4、管理站点
5、网页文档头部信息设置
（三）页面与文本
本章介绍文本的使用与处理，文本处理一般包括输入文本、设置文本字体大小和顔色、设置文本对齐方式等。
通过这一章的学习，学生应能灵活掌握文本的处理。
本章的主要教学内容：
1、页面属性
2、文本属性
3、水平线
4、项目符号和编号列表
（四）图像与多媒体、
本章介绍图像与多媒体的使用，如何在网页中设置多媒体对象
通过这一章的学习，学生应能灵活掌握图像与多媒体的使用。
本章的主要教学内容：
1、图像的插入
2、调整图像 3 3、图文混排
4、网页中的多媒体
（五）超链接
本章介绍文本超链接、图像超链接、热点超链接和锚超链接。
通过这一章的学习，学生应能灵活掌握超链接的使用。
本章的主要教学内容：
1、超链接的概念与路径知识
2、文本超链接
3、图像超链接
4、热点超链接
5、锚点超链接
6、链接管理
（六）表格
本章介绍表格的用法，如何使用单元格合并和表格嵌套技巧进行网页的布局。
通过这一章的学习，学生应能掌握表格、行、单元格的各种属性和用法，利用单元格合并和表格嵌套技巧进行网页的布局。
本章的主要教学内容：
1、表格的基本操作
2、简单表格的排版
3、复杂表格的排版
4、表格的数据功能
（七）层和Spry
本章介绍层和Spry的用法，它通过预置java script脚本语言实现，可帮助用户实现可视化的简单交互效果的网页。
通过这一章的学习，学生应能掌握java script脚本语言。
本章的主要教学内容：
1、层的基本操作
2、层布局
3、Spry技术
（八）框架 4 本章介绍网页的框架结构和用法。
通过这一章的学习，学生应能掌握网页中各种框架结构和iframe的使用，并利用框架制作网站后台布局。
本章的主要教学内容：
1、框架和框架集
2、框架的设置
（九）行为
本章介绍事件和动作的用法，它通过预置java script脚本语言实现网页特效。
通过这一章的学习，学生应能掌握JavaScript的基础知识，能够制作几种常见的网页特效。
本章的主要教学内容：
1、行为简介
2、制作图像特效
3、启用浏览器窗口
4、效果行为
5、Javascript 代码
（十） 模板和库
本章介绍利作模板和库来建立网页。
通过这一章的学习，学生应能掌握模板和库的使用和方法
本章的主要教学内容：
1、模板
2、库
（十一） CSS样式
本章主要介绍了CSS层叠样式表，重点分析了常用样式的使用方法。
通过这一章的学习，学生对CSS有一定的了解，能够按照要求使用CSS对网页进行样式设置。
本章的主要教学内容：
1、CSS样式构造规则及意义
2、利用CSS样式面板创建各种样式 5 3、利用CSS样式创建创建文本导航条
4、利用CSS样式面板创建CSS滤镜
（十二） CSS+DIV布局
本章主要介绍了CSS层叠样式表，重点介绍了利用CSS进行页面布局的技巧。
通过这一章的学习，学生能够按照要求使用CSS对网页进行样式设置，能够使用CSS+DIV对网页进行布局。
本章的主要教学内容：
1、盒子模型
2、布局技术
3、“上中下”布局
4、“左中右”布局
（十三） 表单
本章介绍HTML表单的设计与使用，结合表格设计复杂的表单。
通过这一章的学习，学生能了解表单的用途、表单各种域元素的编码和使用，并能按照要求制作相应的表单。
本章的主要教学内容：
1、使用表单
2、Spry验证
（十四） 动态网页技术
（十五） 本章介绍动态网页技术。
通过这一章的学习，学生能了解数据字段的绑定；添加服务器的各种行为等。
本章的主要教学内容：
1、开发环境的设置
2、数据库的创建
3、数据库的连接方法
4、数据记录集的定义与绑定
5、添加服务器行为
6 学时分配
教学内容 讲课 演练 小计
网页设计基础 1 1 2
Dreamweaver CS5基础 1 1 2
页面与文本 1 1 2
图像与多媒体 1 1 2
超链接 1 1 2
表格 1 1 2
层和Spry 1 1 2
框架 1 1 2
行为 1 1 2
模板和库 1 1 2
CSS样式 1 1 2
CSS+div的布局 1 1 2
表单 1 1 2
动态网页技术与综合实训 1 1 2
合计 14 14 28
期中考试及讲评 2
期末复习及答疑 2
总计 32
7 第四部分：教学方案简要说明
开课学期：第一学期
学时数：32学时（讲授学时：28，期中考试：2学时，期末复习： 2学时）
周学时：2学时/周
学分数：2学分
适用专业：数字媒体
第五部分：课程作业与考核评价
本门课程具有很强的实践性，所以本课程每次课均会安排一定学时的操作让学生完成，以巩固所学知识。
本课程总评成绩由平时成绩（考勤、作业完成情况）、期中考试成绩和期末考试成绩三部分构成，成绩评定采用百分制。各部分比例如下：
平时成绩 10%
期中成绩 20%
期末考试 70%
制定者：
校对者:
审定者：
批准者：
