网页设计与制作课程说课
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页设计与制作》课程设计
TM
1
1
《网页设计与制作》课程说课
一、课程定位与教学目标 二、课程设计的理念与依据 三、课程选用的教材与资源
说课要点
四、教学内容与学情分析 五、教学过程设计与实施 六、课程教学团队 七、教学评价与课程特色
八、教学反思与改革
TM
2
2
一、课程定位与教学目标
1、课程概况
课程名称：《网页设计与制作》 所属系部：计算机系 所属专业：初等教育（计算机与信息技术方向） 授课对象：高专师范二年级（第四学期）学生 课程性质：专业核心课程 课程总学时：72
教师组成。他们有丰富的教学经验，承担着相应的专业
课程教学。
TM
27
27
六、课程教学团队
1、团队成员
姓 名 性 别 年 龄（岁） 工作时间（年） 学 历 职 称
李瑞兴
男
52
1983年
本科
副教授
王华
杨瑞请 吴春艳 郑丽琴
男
女 女 女
36
33 36 36
1997年
2008年 1997年 1997年
硕士研究生
硕士研究生 硕士研究生 硕士研究生
讲师
讲师 讲师 副教授
TM
28
28
六、课程教学团队
2、团队教研情况
听课 交流
举办比 赛活动
精品 课程
教研
数字化 校园 开发网络 学习课程
TM
29
29
六、课程教学团队
2、团队教研情况（举办比赛活动）
TM
30
30
六、课程教学团队
2、团队教研情况（精品课程建设）
TM
http://www.w3school.com.c
n/html/
W3CSchool 是因特网上最大
的 WEB 开发者资源，其中包
括全面的教程、完善的参考
手册以及庞大的代码库。
TM
15
15
三、课程选用的教材与教参
（2）DIVCSS5 ：
http://www.divcss5.com
/
DIVCSS5以通俗易懂知识
3、网络资源
TM
19
19
三、课程选用的教材与教参
4、网站建设发布平台
课程学习将提供学校的专用服务器作为学
习交流的平台，架设FTP和HTTP服务，学生制作的
网站发布到服务器上。作为远程站点，可以测试网
站、调试网页效果、展示制作的网站和学习交流。
TM
20
20
四、教学内容与学情分析
1、教学内容
第1章 第2章 第3章 网页制作基础 站点与文档制作 文本编辑与格式化 第9 章 第10章 第11章 使用框架 使用表单 使用多媒体
TM
4
4
一、课程定位与教学目标
3、教学目标
本课程以Dreamweaver的使用为主线，介绍网页设
计与制作的相关技术。使学生理解网页制作的基本概念
和理论，掌握网页的设计与制作方法，能使用HTML语言
和CSS样式修改网页。理解远程站点和本地站点的概念
，掌握站点的建立和发布。根据高职高专人才培养的特
点，本课程的教学目标包括知识目标、能力目标和能力
（4）设计前沿：
http://www.wzsky.ne
t/
提供网页设计、设计
教程、设计欣赏、图
片素材、网络编程、
设计素材、网页模板
、网页素材、
Photoshop教程等。
3、网络资源
TM
18
18
三、课程选用的教材与教参
（5）校内课程学习网站：
http://192.168.100.99:2080/index.html
8
8
三、课程选用的教材与教参
1、教材选用原则
高等 职业
规划 教材
教材 选用
实训 环节
技能 培养
TM
9
9
三、课程选用的教材与教参
2、选用的教材
书名：网页设计与制作教
程（第2版）
作者：赵丰年 吕宜宏
出版社：人民邮电出版社
2009年10月
优点：北京市精品教材
不足：HTML语言介绍不够
TM
10
10
三、课程选用的教材与教参
第4 章
第5章
使用超级链接
使用与处理图像
第12章
第13章
使用行为
使用模板和库
第6 章
第7章 第8章
使用CSS样式
使用表格 使用CSS布局
第14章
第15章
网站测试与发布
网站开发实例
TM
21
21
四、教学内容与学情分析
2、教学建议
教、学、做 有机结合
分组建设 主题网站
教学 建议
理论和实践 并重
交流网站 建设成果
2、教学参考书（4本）
（1）网页设计案例教程
作者：朱艳丽、宋毓震、
陈俊、李士勇、王全蕊、
王建平、梁云娟
出版社：清华大学出版社
2012年9月
TM
11
11
三、课程选用的教材与教参
（2）网页设计与制作
作者：董洁
出版社：清华大学出版社
2012年8月
2、教学参考书
TM
12
12
三、课程选用的教材与教参
（3）网页设计与制作实
教学方式: 工作场景导入→知识讲解→工作实训→任务
驱动的项目教学法
TM
3
3
一、课程定位与教学目标
2、课程定位
本课程是初等教育计算机与信息技术专业培养方案
中的一门重要专业核心课程，培养学生网页设计与制作
能力，适应初等教育对信息技术教师人才的基本要求。 同时满足社会对计算机专业人才的需求，适合从事网站 建设相关的岗位群。
模块教学
任务驱 动：主 题网站
教学 方法
实践项目 要提交
TM
理论学习 边讲边练
25
25
五、教学过程设计与实施
2、考核方式
15%
平时 作业
15%
机试
15%
实践 项目
考核
40%
笔试
综合 实训
15%
TM
26
26
六、课程教学团队
网页设计与制作课程的教学团队有5人组成，他们
分别由李瑞兴、王华、杨瑞请、吴春艳、郑丽琴等5位
例教程
作者：孙士保
出版社：电子工业出版
社 2013年5月
2、教学参考书
TM
13
13
三、课程选用的教材与教参
（4）网页设计与布局项目
化教程(HTML+CSS+DIV)
作者：温谦 周建国 练源
出版社：人民邮电出版社
2013年9月
2、教学参考书
TM
14
14
三、课程选用的教材与教参
3、网络资源
（1）W3Cschool：
机专业所需的基础知识和基本软件的使用，能熟练使用
办公软件Office，在此基础上学习网页制作专业软件
Dreamweaver就比较容易。
网页设计与 制作
计算机基础
ASP.NET
TM
7
7
二、课程设计的理念与依据
教育信 息化 数字化 校园 信息技 术教师
教师 招考
理念 与 依据
信息化 管理
专业岗 位群
TM
讲解、案例分析、实例示
范让您轻松学习DIV+CSS
布局技术、轻松实现
xhtml标准网页重构开发
。
3、网络资源
TM
16
16
三、课程选用的教材与教参
（3）优秀设计网：
http://www.yxsj.net/
提供平面设计、网页设
计、编程开发、设计欣
赏、酷站欣赏网页特效
等。
3、网络资源
TM
17
17
三、课程选用的教材与教参
31
31
七、教学评价与课程特色
1、教学评价
教师对 学生评 价
学生对 教师评 价
教学 评价
社会对 学生评 价
TM
32
32
七、教学评价与课程特色
2、课程特色
班级网站（11初信http://192.168.100.99:2011/）
TM
33
33
八、教学反思与改革
课程教学中我们重视面向全体学生，缺少对尖子
生和竞赛型学生的培养。每年校内都有举行网页设计比
赛，参加人数也挺多。但是参加校外高职院校比赛的积
极性不高，获奖也很少。这是课程实施过程值得反思的
地方。以竞赛促培养是高职院校的重要学习过程，我们
将在今后的课程教学中，培养学生的竞赛意识，促进教
学质量的提高。
TM
34
34
拓展目标。
TMwenku.baidu.com
5
5
一、课程定位与教学目标
知识目标
制作工具
能力目标
制作网页
能力拓展
团队协作
沟通能力
HTML语言和CSS
修改网页
使用多媒体 网站发布
网站建设流程 网页布局
抗挫折能力 创新实践能力
3、教学目标
TM
6
6
二、课程设计的理念与依据
本课程的前导课程是计算机基础，后继课程是
ASP.NET程序设计。计算机基础课程中，已经学了计算
TM
22
22
四、教学内容与学情分析
3、教学重难点
重点
Dreamweaver使用
HTML标签 CSS样式设置及布局
难点
CSS布局
网页元素定位
TM
23
23
四、教学内容与学情分析
4、学情分析
学习态 度好
掌握深 度不够
学情 分析
学习时 间有限
更重视教 育类课程
TM
24
24
五、教学过程设计与实施
1、教学方法
TM
1
1
《网页设计与制作》课程说课
一、课程定位与教学目标 二、课程设计的理念与依据 三、课程选用的教材与资源
说课要点
四、教学内容与学情分析 五、教学过程设计与实施 六、课程教学团队 七、教学评价与课程特色
八、教学反思与改革
TM
2
2
一、课程定位与教学目标
1、课程概况
课程名称：《网页设计与制作》 所属系部：计算机系 所属专业：初等教育（计算机与信息技术方向） 授课对象：高专师范二年级（第四学期）学生 课程性质：专业核心课程 课程总学时：72
教师组成。他们有丰富的教学经验，承担着相应的专业
课程教学。
TM
27
27
六、课程教学团队
1、团队成员
姓 名 性 别 年 龄（岁） 工作时间（年） 学 历 职 称
李瑞兴
男
52
1983年
本科
副教授
王华
杨瑞请 吴春艳 郑丽琴
男
女 女 女
36
33 36 36
1997年
2008年 1997年 1997年
硕士研究生
硕士研究生 硕士研究生 硕士研究生
讲师
讲师 讲师 副教授
TM
28
28
六、课程教学团队
2、团队教研情况
听课 交流
举办比 赛活动
精品 课程
教研
数字化 校园 开发网络 学习课程
TM
29
29
六、课程教学团队
2、团队教研情况（举办比赛活动）
TM
30
30
六、课程教学团队
2、团队教研情况（精品课程建设）
TM
http://www.w3school.com.c
n/html/
W3CSchool 是因特网上最大
的 WEB 开发者资源，其中包
括全面的教程、完善的参考
手册以及庞大的代码库。
TM
15
15
三、课程选用的教材与教参
（2）DIVCSS5 ：
http://www.divcss5.com
/
DIVCSS5以通俗易懂知识
3、网络资源
TM
19
19
三、课程选用的教材与教参
4、网站建设发布平台
课程学习将提供学校的专用服务器作为学
习交流的平台，架设FTP和HTTP服务，学生制作的
网站发布到服务器上。作为远程站点，可以测试网
站、调试网页效果、展示制作的网站和学习交流。
TM
20
20
四、教学内容与学情分析
1、教学内容
第1章 第2章 第3章 网页制作基础 站点与文档制作 文本编辑与格式化 第9 章 第10章 第11章 使用框架 使用表单 使用多媒体
TM
4
4
一、课程定位与教学目标
3、教学目标
本课程以Dreamweaver的使用为主线，介绍网页设
计与制作的相关技术。使学生理解网页制作的基本概念
和理论，掌握网页的设计与制作方法，能使用HTML语言
和CSS样式修改网页。理解远程站点和本地站点的概念
，掌握站点的建立和发布。根据高职高专人才培养的特
点，本课程的教学目标包括知识目标、能力目标和能力
（4）设计前沿：
http://www.wzsky.ne
t/
提供网页设计、设计
教程、设计欣赏、图
片素材、网络编程、
设计素材、网页模板
、网页素材、
Photoshop教程等。
3、网络资源
TM
18
18
三、课程选用的教材与教参
（5）校内课程学习网站：
http://192.168.100.99:2080/index.html
8
8
三、课程选用的教材与教参
1、教材选用原则
高等 职业
规划 教材
教材 选用
实训 环节
技能 培养
TM
9
9
三、课程选用的教材与教参
2、选用的教材
书名：网页设计与制作教
程（第2版）
作者：赵丰年 吕宜宏
出版社：人民邮电出版社
2009年10月
优点：北京市精品教材
不足：HTML语言介绍不够
TM
10
10
三、课程选用的教材与教参
第4 章
第5章
使用超级链接
使用与处理图像
第12章
第13章
使用行为
使用模板和库
第6 章
第7章 第8章
使用CSS样式
使用表格 使用CSS布局
第14章
第15章
网站测试与发布
网站开发实例
TM
21
21
四、教学内容与学情分析
2、教学建议
教、学、做 有机结合
分组建设 主题网站
教学 建议
理论和实践 并重
交流网站 建设成果
2、教学参考书（4本）
（1）网页设计案例教程
作者：朱艳丽、宋毓震、
陈俊、李士勇、王全蕊、
王建平、梁云娟
出版社：清华大学出版社
2012年9月
TM
11
11
三、课程选用的教材与教参
（2）网页设计与制作
作者：董洁
出版社：清华大学出版社
2012年8月
2、教学参考书
TM
12
12
三、课程选用的教材与教参
（3）网页设计与制作实
教学方式: 工作场景导入→知识讲解→工作实训→任务
驱动的项目教学法
TM
3
3
一、课程定位与教学目标
2、课程定位
本课程是初等教育计算机与信息技术专业培养方案
中的一门重要专业核心课程，培养学生网页设计与制作
能力，适应初等教育对信息技术教师人才的基本要求。 同时满足社会对计算机专业人才的需求，适合从事网站 建设相关的岗位群。
模块教学
任务驱 动：主 题网站
教学 方法
实践项目 要提交
TM
理论学习 边讲边练
25
25
五、教学过程设计与实施
2、考核方式
15%
平时 作业
15%
机试
15%
实践 项目
考核
40%
笔试
综合 实训
15%
TM
26
26
六、课程教学团队
网页设计与制作课程的教学团队有5人组成，他们
分别由李瑞兴、王华、杨瑞请、吴春艳、郑丽琴等5位
例教程
作者：孙士保
出版社：电子工业出版
社 2013年5月
2、教学参考书
TM
13
13
三、课程选用的教材与教参
（4）网页设计与布局项目
化教程(HTML+CSS+DIV)
作者：温谦 周建国 练源
出版社：人民邮电出版社
2013年9月
2、教学参考书
TM
14
14
三、课程选用的教材与教参
3、网络资源
（1）W3Cschool：
机专业所需的基础知识和基本软件的使用，能熟练使用
办公软件Office，在此基础上学习网页制作专业软件
Dreamweaver就比较容易。
网页设计与 制作
计算机基础
ASP.NET
TM
7
7
二、课程设计的理念与依据
教育信 息化 数字化 校园 信息技 术教师
教师 招考
理念 与 依据
信息化 管理
专业岗 位群
TM
讲解、案例分析、实例示
范让您轻松学习DIV+CSS
布局技术、轻松实现
xhtml标准网页重构开发
。
3、网络资源
TM
16
16
三、课程选用的教材与教参
（3）优秀设计网：
http://www.yxsj.net/
提供平面设计、网页设
计、编程开发、设计欣
赏、酷站欣赏网页特效
等。
3、网络资源
TM
17
17
三、课程选用的教材与教参
31
31
七、教学评价与课程特色
1、教学评价
教师对 学生评 价
学生对 教师评 价
教学 评价
社会对 学生评 价
TM
32
32
七、教学评价与课程特色
2、课程特色
班级网站（11初信http://192.168.100.99:2011/）
TM
33
33
八、教学反思与改革
课程教学中我们重视面向全体学生，缺少对尖子
生和竞赛型学生的培养。每年校内都有举行网页设计比
赛，参加人数也挺多。但是参加校外高职院校比赛的积
极性不高，获奖也很少。这是课程实施过程值得反思的
地方。以竞赛促培养是高职院校的重要学习过程，我们
将在今后的课程教学中，培养学生的竞赛意识，促进教
学质量的提高。
TM
34
34
拓展目标。
TMwenku.baidu.com
5
5
一、课程定位与教学目标
知识目标
制作工具
能力目标
制作网页
能力拓展
团队协作
沟通能力
HTML语言和CSS
修改网页
使用多媒体 网站发布
网站建设流程 网页布局
抗挫折能力 创新实践能力
3、教学目标
TM
6
6
二、课程设计的理念与依据
本课程的前导课程是计算机基础，后继课程是
ASP.NET程序设计。计算机基础课程中，已经学了计算
TM
22
22
四、教学内容与学情分析
3、教学重难点
重点
Dreamweaver使用
HTML标签 CSS样式设置及布局
难点
CSS布局
网页元素定位
TM
23
23
四、教学内容与学情分析
4、学情分析
学习态 度好
掌握深 度不够
学情 分析
学习时 间有限
更重视教 育类课程
TM
24
24
五、教学过程设计与实施
1、教学方法