《网页设计》课程教学标准.docx
《《网页设计》课程教学标准.docx》由会员分享，可在线阅读，更多相关《《网页设计》课程教学标准.docx（18页珍藏版）》请在冰豆网上搜索。
《网页设计》课程教学标准
《网页设计》课程教学标准
课程编号：
3090408BL03
适用专业：
行政管理（电子政务）
课程类别：
专业核心课程
修课方式：
必修
教学时数：
总学时72，其中理论教学学时36、实验实训教学学时36。
执笔人：
赖步英
审定人：
原峰山
一、课程目标
通过《网页设计》本课程的学习，使学生能够掌握网页设计的基本理论和职业技能的训练使学生具备以下工作能力和职业技能：
（1）了解与网页设计制作有关的基本知识及Web基本工作机制；
（2）掌握网页制作的常识，熟悉HTML代码，熟悉网页制作的基本技术；
（3）熟练掌握Dreamweaver、Fireworks、Flash三种软件的使用；
（4）能自己独立建立站点、设计网页；
二、本课程与其他课程的衔接
先修课程：
《计算机应用基础》、《网络技术基础》、《图形图像处理技术》等。
1．与《计算机应用基础》的联系本课程要求学生在《计算机应用基础》的学习中熟练地掌握计算机的基本原理、基本操作和操作系统（Windows）的使用、MSOffice的使用。
2．与《网络技术基础Ⅱ》的联系
本课程要求学生在《网络技术基础》的学习中对计算机网络技术有一个全面的和系统的了解，掌握计算机网络的基本知识和基本理论，在此基础上了解和掌握计算机网络的实际应用技术和网络的发展趋势，掌握简单计算机网络的安装、调试、使用、管理和维护能力。
3．与《图形图像处理技术》的联系
本课程要求学生在《图形图像处理技术》的学习中掌握图像处理的基本操作，了解图像处理一般过程及技巧。
三、教学方法与教学形式
（1）综合运用教师讲授、自主学习、任务驱动、案例分析讨论等教学手段，以问答、作业、案例实战题加深学生对相关知识的掌握，强化训练。
做到“教”、“学”、“做”三者一体化的教学。
（2）以教师面授和学生实操为主的教学形式。
在教师指导下开展案例实操训练，组织多种形式的讨论和训练。
四、教学内容和教学要求
模块1：
第1章 网页制作基础知识（4课时）
1、教学内容
1.1网页基础
1.1.1Web的特点
1.1.2HTML
1.1.3Web的结构
1.1.4浏览器
1.2Web的常用术语
1.3网页制作工具
1.3.1网页编辑工具
1.3.2网页图像与动画制作工具
1.4网站开发流程
1.4.1网站规划
1.4.2网站制作
1.4.3后期维护
2、任务分解与教学要求（表1）
表1模块1任务分解与教学要求
课题
任务
知识要求
能力要求
1.网页基础与Web的常用术语
Web的特点、HTML、Web的结构、浏览器
掌握Web的特点、HTML、Web的结构、浏览器基本知识
了解与网页设计制作有关的基本知识
2.网页制作工具与网站开发流程
网页编辑工具、网页图像与动画制作工具，网站规划、网站制作、后期维护
了解网页编辑工具、网页图像与动画制作工具有哪些软件，掌握网站规划、网站制作
掌握Web基本工作机制
模块2：
第2章DreamweaverMX（6课时）
1、教学内容
2.1建站准备
2.1.1 安装Dreamweaver MX
2.1.2运行Dreamweaver
2.1.3 介绍窗口、工具栏和面板
2.2HTML基础
2.2.1HTML网页的基本概念
2.2.2HTML网页的编写方法
2、任务分解与教学要求（表2）
表2模块2任务分解与教学要求
课题
任务
知识要求
能力要求
1.建站准备
安装Dreamweaver MX、运行Dreamweaver 、介绍窗口、工具栏和面板
掌握Dreamweaver MX安装及运行并认识窗口、工具栏和面板
熟悉Dreamweaver 安装及对其窗口、工具栏和面板的认只
2．HTML基础
HTML网页的基本概念、HTML网页的编写方法
了解HTML网页的基本概念及其编写方法
了解HTML网页的基本概念及其编写方法
模块3：
第3章 创建站点和主页（4课时）
1、教学内容
任务1创建“个人网页”
知识点：
1、用Dreamweaver创建“我的个人网页”站点
2、建立主页和设置主页属性
3、保存网页 和浏览网页
4、网站上传
2、任务分解与教学要求（表3）
表3模块1任务分解与教学要求
课题
任务
知识要求
能力要求
1.创建“个人网页”
创建“个人网页”
要求掌握以下知识：
1．用Dreamweaver创建“我的个人网页”站点
2、建立主页和设置主页属性
3、保存网页 和浏览网页
4、网站上传
掌握用Dreamweaver创建站点，建立主页和设置主页属性
模块4：
第4章网页编辑与超级链接（8课时）
1、教学内容
任务1网页中文本的设置
知识点：
1、输入文本和修饰文本
2、插入日期与特殊符号
3、 插入水平线
4、创建文本的超级链接
任务2网页中图像的设置
知识点：
1、图像的基础知识
2、插入图像
3、设置图像属性
任务3制作图像效果
知识点：
1、制作网页中的滚盖图
2、创建图像映射
3、创建网站相册
任务4设置超级链接
知识点：
1、制作书签锚记和空链接
2、创建E-mail链接
3、设置下载文件的超级链接
4、设置电子邮件的超级链接
5、创建跳转菜单
2、任务分解与教学要求（表4）
表4模块4任务分解与教学要求
课题
任务
知识要求
能力要求
1网页中文本的设置
设置网页中文本
要求掌握以下知识：
1、输入文本和修饰文本
2、插入日期与特殊符号
3、 插入水平线
4、创建文本的超级链接
要求掌握以下能力：
1、输入文本和修饰文本
2、插入日期与特殊符号
3、 插入水平线
4、创建文本的超级链接
2网页中图像的设置
网页中图像的设置
1、图像的基础知识
2、插入图像
3、设置图像属性
1、图像的基础知识
2、插入图像
3、设置图像属性
3制作图像效果
制作图像效果
1、制作网页中的滚盖图
2、创建图像映射
3、创建网站相册
制作网页中的滚盖图
2、创建图像映射
3、创建网站相册
4设置超级链接
设置超级链接
1、制作书签锚记和空链接
2、创建E-mail链接
3、设置下载文件的超级链接
4、设置电子邮件的超级链接
5、创建跳转菜单
1、制作书签锚记和空链接
2、创建E-mail链接
3、设置下载文件的超级链接
4、设置电子邮件的超级链接
5、创建跳转菜单
模块5：
第5章 网页布局（12课时）
1、教学内容
任务1在网页中插入表和编辑表格
知识点：
1、插入表格
2、表格的基本操作和属性设置
3、表格的修饰和嵌套
任务2在网页中插入层
知识点：
1、插入层
2、层的基本操作和属性设置
3、使用层制作动画
4、层与表格的转换
任务3创建框架网页
知识点：
1、创建框架
2、框架的基本操作和属性设置
3、框架链接
4、框架和框架集的保存
2、任务分解与教学要求（表5）
表5模块5任务分解与教学要求
课题
任务
知识要求
能力要求
1在网页中插入表和编辑表格
在网页中插入表和编辑表格
掌握以下知识：
1、插入表格
2、表格的基本操作和属性设置
3、表格的修饰和嵌套
掌握以下能力：
1、插入表格
2、表格的基本操作和属性设置
3、表格的修饰和嵌套
2在网页中插入层
在网页中插入层
1、插入层
2、层的基本操作和属性设置
3、使用层制作动画
4、层与表格的转换
1、插入层
2、层的基本操作和属性设置
3、使用层制作动画
4、层与表格的转换
3创建框架网页
创建框架网页
1、创建框架
2、框架的基本操作和属性设置
3、框架链接
4、框架和框架集的保存
1、创建框架
2、框架的基本操作和属性设置
3、框架链接
4、框架和框架集的保存
模块6：
第6章模板与CSS样式（8课时）
1、教学内容
任务1创建模板和应用模板创建网页
知识点：
1、创建模板
2、设定模板的可编辑区域
3、应用模板和编辑模板
任务2创建CSS样式和应用CSS样式
知识点：
1、创建CSS样式
2、CSS样式的基本操作和属性的设置
3、应用CSS样式
4、创建和链接到外部CSS样式表
2、任务分解与教学要求（表6）
表6模块6任务分解与教学要求
课题
任务
知识要求
能力要求
1创建模板和应用模板创建网页
创建模板和应用模板创建网页
掌握以下知识：
1、创建模板
2、设定模板的可编辑区域
3、应用模板和编辑模板
掌握以下能力：
1、创建模板
2、设定模板的可编辑区域
3、应用模板和编辑模板
2创建CSS样式和应用CSS样式
创建CSS样式和应用CSS样式
1、创建CSS样式
2、CSS样式的基本操作和属性的设置
3、应用CSS样式
4、创建和链接到外部CSS样式表
1、创建CSS样式
2、CSS样式的基本操作和属性的设置
3、应用CSS样式
4、创建和链接到外部CSS样式表
模块7：
第7章 创建动态网页（12课时）
1、教学内容
任务1在网页中插入表单
知识点：
1、插入表单和单行文本域、多行文本域、 密码域、复选框和单选按钮、表单按钮、入列表和菜单 等表单对象
2、表单对象的基本操作和属性设置
任务2在网页中行为的应用
知识点：
1、行为的概念
2、附加弹出信息、 打开浏览器窗口、 设置状态栏文本、 检查表单、 转到URL等行为
3、行为的应用
任务3制作一个时间轴动画
知识点：
1、时间轴的概念
2、制作时间轴动画
3、制作动态文字和飘动的广告。
2、任务分解与教学要求（表7）
表7模块7任务分解与教学要求
课题
任务
知识要求
能力要求
1在网页中插入表单
在网页中插入表单
要求掌握以下知识：
1、插入表单和单行文本域、多行文本域、 密码域、复选框和单选按钮、表单按钮、入列表和菜单 等表单对象
2、表单对象的基本操作和属性设置
要求掌握以下能力：
1、插入表单和单行文本域、多行文本域、 密码域、复选框和单选按钮、表单按钮、入列表和菜单 等表单对象
2、表单对象的基本操作和属性设置
2在网页中行为的应用
在网页中行为的应用
1、行为的概念
2、附加弹出信息、 打开浏览器窗口、 设置状态栏文本、 检查表单、 转到URL等行为
3、行为的应用
1、行为的概念
2、附加弹出信息、 打开浏览器窗口、 设置状态栏文本、 检查表单、 转到URL等行为
3、行为的应用
3制作一个时间轴动画
制作一个时间轴动画
1、时间轴的概念
2、制作时间轴动画
3、制作动态文字和飘动的广告。
1、时间轴的概念
2、制作时间轴动画
3、制作动态文字和飘动的广告。
模块8：
第8章美化网页图像FireworksMX（8课时）
1、教学内容
8.1 介绍FireworkMX工作窗口
8.1.1FireworkMX工作窗口
8.1.2 浮动面板组
任务1制作文本附加于路径图形
知识点：
1、文字的输入与编辑
2、文本附加于路径
3、文本转换为路径
任务2设计一个网站logo图形
知识点：
1、创建基本图形
2、设计网站logo
3、绘制球体
[任务3创建一个动画图像
知识点：
1、动画制作
2、动画的输出
任务4创建一个弹出菜单图像
知识点：
1、热点
2、切片
3、弱出菜单
2、任务分解与教学要求（表8）
表8模块8任务分解与教学要求
课题
任务
知识要求
能力要求
1制作文本附加于路径图形
制作文本附加于路径图形
要求掌握以下知识：
1、文字的输入与编辑
2、文本附加于路径
3、文本转换为路径
要求掌握以下能力：
1、文字的输入与编辑
2、文本附加于路径
3、文本转换为路径
2设计一个网站logo图形
设计一个网站logo图形
1、创建基本图形
2、设计网站logo
3、绘制球体
、创建基本图形
2、设计网站logo
3、绘制球体
3创建一个动画图像
创建一个动画图像
1、动画制作
2、动画的输出
1、动画制作
2、动画的输出
4创建一个弹出菜单图像
创建一个弹出菜单图像
1、热点
2、切片
3、弱出菜单
1、热点
2、切片
3、弱出菜单
模块9：
第9章FlashMX让网页动起来（10课时）
1、教学内容
9.1Flash动画原理
9.1.1电脑动画
9.1.2Flash的特点与应用领域
9.1.3FlashMX的主要功能
9.2Flash基础
9.2.1矢量与位图
9.2.2FlashMX工作窗口
9.3FlashMX中图形的绘制与处理
9.3.1基本图形的创建
9.3.2图形、声音素材的处理
9.3.3矢量图的转换
任务1制作一个元件的按钮
知识点：
1、元件的创建
2、制作按钮
任务2制作一个逐帧动画
知识点：
1、帧和关键帧
2、制作逐帧动画
任务3制作一个补间动画
知识点：
1、制作补间动画
任务4制作一个遮罩动画
知识点：
1、制作遮罩动画
任务5为动画添加声音
知识点：
1、导入声音
2、编辑声音
3、输出与压缩
任务6创建交互动画
知识点：
1、动画面板
2、为对象添加交互语句
任务7Flash影片的发布
知识点：
1、测试与播放Flash影片
2、发布Flash影片
2、任务分解与教学要求（表9）
表9模块9任务分解与教学要求
课题
任务
知识要求
能力要求
1制作一个元件的按钮
制作一个元件的按钮
要求掌握以下知识：
1、元件的创建
2、制作按钮
要求掌握以下能力：
1、元件的创建
2、制作按钮
2制作一个逐帧动画
制作一个逐帧动画
1、帧和关键帧
2、制作逐帧动画
1、帧和关键帧
2、制作逐帧动画
3制作一个补间动画
制作一个补间动画
掌握制作补间动画理论
掌握制作补间动画技能
4制作一个遮罩动画
制作一个遮罩动画
掌握制作遮罩动画理论
掌握制作遮罩动画技能
5为动画添加声音
为动画添加声音
1、导入声音
2、编辑声音
3、输出与压缩
1、导入声音
2、编辑声音
3、输出与压缩
6创建交互动画
创建交互动画
1、动画面板
2、为对象添加交互语句
1、动画面板
2、为对象添加交互语句
7Flash影片的发布
Flash影片的发布
1、测试与播放Flash影片
2、发布Flash影片
测试与播放Flash影片
2、发布Flash影片
五、实践教学环节
见表10。
表10实验实训项目表
序号
实训项目
1
网页制作基础
2
熟悉DreamweaverMX网页制作工具
3.
创建“个人网页”
4
网页编辑与超级链接
5
网页布局
6
模板与CSS样式
7
创建动态网页
8
美化网页图像FireworkMX
9
FlashMX让网页动起来
六、理论教学和实践教学时间安排建议（表11）
见表11。
表11理论教学和实践教学时间分配表
模块名称
课题名称
理论教学学时
实践教学学时
小计
1.网页制作基础
网页制作基础
2
2
4
2.DreamweaverMX
熟悉DreamweaverMX网页制作工具
2
2
4
3.创建站点和主页
创建“个人网页”
3
3
6
4.网页编辑与超级链接
网页编辑与超级链接
4
4
8
5.网页布局
网页布局
6
6
12
6.模板与CSS样式
模板与CSS样式
4
4
8
7.创建动态网页
创建动态网页
6
6
12
8.FireworkMX
美化网页图像FireworkMX
4
4
8
9.FlashMX让网页动起来
FlashMX让网页动起来
5
5
10
……
合计
36
七、考核方式和成绩评定
1、考核方式：
本课程为考试科目，期末考试采用闭卷，机试。
考试时间为2小时。
2、成绩评定：
平时作业、考勤占30％，实验环节占20％，期末考试成绩占50％。
表12课题（或任务）考核成绩在总评成绩中所占比例
模块名称
课题名称
总评成绩中所占比例（%）
1.网页制作基础
网页制作基础
5
2.DreamweaverMX
熟悉DreamweaverMX网页制作工具
2
3.创建站点和主页
创建“个人网页”
6
4.网页编辑与超级链接
网页编辑与超级链接
12
5.网页布局
网页布局
18
6.模板与CSS样式
模板与CSS样式
12
7.创建动态网页
创建动态网页
18
8.FireworkMX
美化网页图像FireworkMX
12
9.FlashMX让网页动起来
FlashMX让网页动起来
15
……
……
合计
100
八、本课程的重点、难点和教学建议
1、本课程的重点
本课程的重点是创建站点和主页，网页编辑与超级链接， 网页布局，模板与CSS样式，创建动态网页，美化网页图像FireworkMX，FlashMX让网页动起来
2、本课程的难点
本课程的难点是网页布局，模板与CSS样式，创建动态网页，美化网页图像FireworkMX，FlashMX让网页动起来
3、教学建议
九、推荐教材及参考资料（请写明书名.编著者名.出版社名,出版日期）
1、推荐教材
《网页制作技术与案例精解>.赖步英.清华大学出版社.2009.9
2、推荐参考资料
1）．《网页设计与制作》.孙振业主编.高等教育出版社.2004.12
2）．《网页设计技术教程》.严争主编.清华大学出版社.2004.8
升级会员 