项目编号：

教学质量与教学改革工程项目

启 动 论 证 报 告 书

项目名称： 网页视觉设计

项目类别：精品资源共享课

项目来源： 广东省教育厅

项目负责人： 成骏

所在部门： 艺术设计学院 (盖章)

所在学校： 广东白云学院

联系电话： 18688433368

电子邮箱： mtssx@qq.com

广 东 白 云 学 院 教 务 处 制

一、基本情况

项 目 负 责 人

姓名 成骏 性别 男 出生年月 1971.2

专业技术职务/行政 职务

讲师/艺术设计学院院长助理

最终学位/授予国家 学士/中国

主要

教学 工作 简历

时间 课程名称 授课对象 学时 所在单位

2007年—

2013年 图形图像处理

06、07、08、09、

10、11、12级艺

术设计专业本科

生

504 广东白云学院

2008年—

2014年

网页设计

网页视觉设计

网页设计制作

06、07、08、09、

10、11、12级艺

术设计专业本科

生

476 广东白云学院

2009年—

2012年 书籍装帧设计

06、07、09级艺

术设计专业本科

生

204 广东白云学院

2008年—

2010年 广告与市场营销

06、07、08级艺

术设计专业本科

生

108 广东白云学院

主要 教学 改革

研究 工作 简历

时间 项目名称 获奖情况

2007年 12

月

2007年广东省高校美术与设计教育学术年会

论文《寻找中性灰——兼谈 Photoshop软件

应用教学中基于任务的“段位”教学法》（独

撰）

优秀奖

2008年—

2010年

校级教研教改课题《广告设计项目化教学研

究与实践》(主要参加者)

2009年 8月 论文《广告设计专业校外实习教学与指导的

网络实现》（刊物：科教文汇）（独撰）

2010年—

2013年

省级质量工程项目“艺术设计实验教学示范

中心”（主要参加者）

2011年—

2015年

省级质量工程项目“《服装专题设计》精品网

络资源共享课程”（主要参加者，课程网站建

设）

2011年 12

月

广东省第三届大学生艺术展演活动艺术教育

科研论文（教师）竞赛单元论文《艺术设计

专业网页设计课程知识体系的构建》（独撰）

二等奖

2012年—

今

省级质量工程项目《面向珠三角创意产业的

应用型艺术设计人才培养模式创新实验区》

（主要参加者）

2012年—

今

广东省民办高等教育专项资金项目《艺术设

计重点专业建设》（主要参加者）

2012年 7月

校级教研教改课题《依托实验教学示范中心

培养设计创新人才的探索与实践》（主要参加

者）

教学成果二等

奖

（以下为与

本项目研究

相关的科学

研究工作简

历）

2009年 8月 论文《精神负荷释放导向审美的心理机制》

（刊物：艺术与设计•理论）（独撰）

2010年—

2012年

校级科研课题《网页设计美学与营销传播研

究》（主持）

2011年 8月 横向科研课题《广东商达律师事务所标志设

计》(主要参加者)

2011年 12

月—2013年

10月

横向科研课题《中国高校校报展示平台网页

界面设计》、《中国中小学校报展示平台网页

交互界面设计》、《中国内刊网网页交互界面

设计》、《中国学校德育网网页设计制作》（主

持）

2012年 3月

—4月

横向科研课题《华文课件录播系统软件界面

设计》（主持）

2013年 5月

—8月

横向科研课题《网络报纸与杂志交互展示界

面设计》（主持）

2013年 12

月

2013年广东省高校美术与设计教育学术年会

论文《试论网络广告与传统广告表现的差异》

（独撰）

优秀奖

项 目 组

总人数 职称 学位

高级 中级 初级 博士后 博士 硕士 参加单位数

7 1 6 1

主要 成员

（不含 负责人）

姓名 性别 出生 年月 职称 工作单位 分工 签名

马文镰 男 1983.6 讲师 广 东 白 云

学院

课程主讲、制作网

页、视频采编

项德娟 女 1978.10 讲师 广 东 白 云

学院

课程主讲、实验教

学、教学资源汇编

郑亚 女 1982.4 讲师 广 东 白 云

学院

课程主讲、实验教

学、视频采编

徐莉 女 1982.2 讲师 广 东 白 云

学院

课程主讲、实验教

学、课程网页制作

张南岭 男 1981.1 讲师 广 东 白 云

学院

教学资源汇编、学

习辅导

尹韬 男 1984.4 助教 广 东 白 云

学院

实验教学辅助、教

学资源汇编

2．项目目标 1. 建设较完备的课程基本资源

通过本课程的建设、教学实践，进一步修订完善相关教学文件，丰富教学

资源，积累教学成果，使包括教学大纲、授课计划、授课教案、实践教学指导

书、教学课件、试题库、师生作品等在内的基本教学资源比较完备。

2. 重构课程内容和改革课程教学

本课程的课程建设与课程改革相结合，立足艺术设计类专业，注重技艺结

合，改革课程体系和教学内容；注重校企合作和产学研结合，以“四个课堂”

创新网页视觉设计课程的课堂组织形式；借鉴 CDIO工程教育教学理念，以项

目教学法和分级介入法创新教学方法和手段；建立以项目成效评价为主兼顾过

程评价的多方位教学评价机制；扩充资料、建立网络资源库和教学网站，推进

学生自主学习。

3. 积累丰富的典型教学案例

通过课程改革和教学实践过程中的教学积累，提炼一些典型的教学案例，

积累学生优秀设计作品，通过教学团队成员在相关领域的实践和横向课题项目

成果，积累大量的实践项目案例，丰富的案例为教学提供内容支撑。

4. 建设高价值的拓展资源

本课程建设的拓展资源将包括项目负责人个人网站、网络资源和参考书

籍、文献资料，项目负责人将积累的真实的设计项目案例，运用于教学之中，

并在项目负责人个人网站予以展示，同时提供优秀的网络资源，便于学生仔细

研读、揣摩，后续经过网站交互功能的开发，学生能与教师在线互动，使这些

资源能真正利用起来，发挥其价值。

5. 建设具有良好体验的资源共享网站

建成本课程的课程网站，并丰富网站内容。在资源处理和制作上，以便

于网络分享、方便学习、轻松学习为前提，比如：教学录像，将不采取臃长而

乏味的全程录像，而是采用短小精悍、形式多样的微课视频，便于学生利用碎

片化时间在移动设备上学习。本课程网站的建设将注重便利性和交互性，提高

学生使用资源过程中的良好体验。

3.项目内容 1．课题研究的背景

“网页视觉设计” 是视觉传达设计专业的一门主干专业必修课，也可作为影

视美术、动画、摄影、工业设计、展示设计、广告学等专业的选修课。网页视觉

设计是网站建设从技术形态的到艺术形态的延伸，以视觉艺术为主要表现形式。

2006 年该课程为艺术设计专业（广告设计方向）、动画等专业的必修课程（不同

专业方向课程名称有所不同）,随着现代设计教育的发展，教学理念的不断更新，

社会经济发展对人才需求的变化，本着边教学、边研讨、边改革、边总结的指导

思想，不断探索建设适应本学科专业需要的课程体系，取得显著效果。

本项目负责人及团队曾向学校申报《艺术设计专业网页设计课程知识体系的

构建》教研教改项目，虽未获得通过，但并没有停止相关研究，也取得了一定的

研究成果，最后写成论文《艺术设计专业网页设计课程知识体系的构建》，该论文

入选 2011年广东高校美术与设计教育专业委员会学术年会，并随年会论文集《美

术与设计》公开出版发行，2011 年 12 月获广东省教育厅举办的广东省第三届大

学生艺术展演活动艺术教育科研（教师）论文竞赛二等奖。该研究项目解决了艺

术设计专业网页设计相关课程的定位问题、解决了网页设计中艺术性与技术性相

结合的问题，理顺了网页设计课程的师资结构、学生的知识结构的关系，构建了

课程间的合理衔接。在后续的研究中，结合本项目，将最终形成具有标准和指导

意义的课程设计，并完成具有参考意义和应用价值的文献资料和课程教材，为艺

术设计专业的网页设计课程的建设和发展打下基础。

项目负责人带领团队成员面向产业，深入企业，紧密与企业的合作，先后引

入“绿孔雀企业网站网页设计”、“中国高校校报展示平台网页界面设计制作”、“华

文多媒体课件录播系统软件界面设计”、“网络报纸与杂志交互展示界面设计”、“中

国企业内刊网交互界面设计”、“中国中小学校报展示平台网页交互界面设计”、“中

国学校德育网网页设计制作”等企业横向研究项目，获得企业资助近 8 万元。学

生通过参与这些项目，能切身体验更加真实设计环境和流程，极大地提高了学生

的专业技能和创新实践能力。项目负责人和团队其他成员也注重带领和指导学生

参加各种相关竞赛，指导学生获省级及以上奖项 43人次。正是通过引入企业项目

进课堂，进行实战型教学，强化了专业技能，培养了职业素质；引入社会各种竞

赛项目进课堂，通过参与各类创意设计竞赛，提高了学生的创意能力和竞技能力，

从而形成校内的理论课堂、实验课堂和校外的企业课堂、竞赛课堂等四个课堂，

并且在一定程度上打破四个课堂的界限，让四个课堂的教学相互渗透、有机融合。

本课程从 2006年开始开设，根据人才培养方案改革的需要和课程教学大纲的

要求，进行了一定的内容调整，主要课程名称先后为《网页设计》、《网页设计与

制作》、《网页视觉设计》，围绕主要课程，还开设了相关课程：《UI设计》、《Flash

动画设计》、《Flash 广告设计》、《网络多媒体设计》、《网页交互设计》、《网页专

题设计》等。通过近年来的改革探索和调整更新，针对艺术设计类专业，形成了

艺术设计类专业的网页设计课程体系。在此课程体系中，处于基础与核心地位的

课程是《网页视觉设计》。因此，在已有良好的研究基础与实践成果的前提下，有

必要将此课程建设成为精品资源共享课程，以利进一步进行课程建设与教学改革，

并使建设出来的优质资源共享，更好的促进教学，更广的扩大受益面。

2．项目研究的主要内容

⑴ 课程教学内容的改革与研究

主要针对相关行业工作流程中岗位分工及要求的不同，结合艺术设计类专业

的特点，充分考虑该课程跨学科的特性，改革教学内容。

⑵ 教学方式方法的创新与实践

借鉴 CDIO工程教育理念，从课堂组织形式、教学方式变革的角度，创新教学

方法，改革教学评价体系，并予以实践。

⑶ 建设课程基本教学资源及网站

建设内容如下：

·课程介绍

·教师队伍

·精品资源共享课程申报表

·教学录像（具体内容见第④项）

·教学文件（教学大纲、授课计划、授课教案、实践教学指导书）

·教学课件

·师生作品

·师生参赛获奖

·教师网上答疑

·配套习题（实训练习、理论试题）

·参考资料（参考书，优秀网络资源）

⑷ 建设课程微课视频资源

⑸ 建设课程拓展学习资源

• 项目负责人个人网站，主要应用于案例展示、网站作品测试和浏览体验。

• 网络资源，收集与艺术设计、网页设计、界面设计、用户体验设计、优秀

网页设计等相关的优秀网站资源，通过本课程网站和项目负责人个人网站发布链

接，供师生参考使用。

• 参考书籍、文献资料，购买或收集整理参考书籍、文献资料，供师生借阅，

参考。

课程网站基本资源清单：

1．课程介绍

2．教师队伍

3．精品资源共享课程申报表

4．教学文件

① 教学大纲

② 实践教学指导书

③ 授课计划

④ 授课教案

5．教学课件

① 实训指导课件

② 电子课件

6.教学录像(详见微课资源清单)

7． 教材建设

8. 师生作品

9. 师生获奖情况

10. 教师网上答疑

11. 配套习题

① 实训练习

② 理论试题

12. 参考资料

13. 教师培训

14. 课程评价

微课视频资源清单：

按照基本知识点与关键操作技能环节，以微课的形式讲解，拍摄成短小精悍

的网络教学视频，便于随时随地学习，便于网络分享。拟拍摄如下微课视频：

课程名称 网页视觉设计 讲授课时 5课时

总课次 15 课 预计总时长 225分钟

微

课

视

频

序号 专题标题 时长 主讲教师 关键词

1 网页视觉设计概述 15分钟 成骏 构成要素、特征

2 网页视觉设计原则 15分钟 成骏 格式塔、编排设计原则

3 网页视觉设计规律 15分钟 成骏 视觉流程

4 网页版式设计 15分钟 郑亚 分类、分区、网格系统

5 网页色彩设计 15分钟 项德娟 风格、色彩的象征与情感

6 网页图形设计 15分钟 徐莉 图形的创意、Logo、Banner

7 网页广告设计 15分钟 马文镰 网页广告、Flash动画

8 网页导航设计 15分钟 郑亚 栏目规划与导航、原型

9 网页图像输出 15分钟 成骏 切片、优化、图像格式

10 DIV 盒子模型 15分钟 成骏 盒子模型

11 CSS 层叠样式表 15分钟 成骏 CSS层叠样式表

12 流动布局与浮动布局 15分钟 成骏 DIV上下编排与左右编排

13 Div+CSS布局 15分钟 成骏 DIV、CSS

14 网页设计综合案例 1 15分钟 成骏 网页设计流程、交互、首页

15 网页设计综合案例 2 15分钟 成骏 多媒体、链接、栏目、内容

4.项目实施措施

1．实施方法

本项目的实施以实践研究为主，结合运用调查研究、文献研究、比较研究、

理论研究等方法予以实施。

2．实施方案

⑴ 调查研究相关行业在网站建设和网页设计工作流程中岗位分工及知识

能力要求，结合艺术设计类专业的特点，充分考虑该课程跨学科的知识系统，

重构课程体系，理清《网页视觉设计》课程在课程体系中的位置与作用，明确

该课程与先修课程和后续课程的关系，改革和更新教学内容。

⑵ 通过图书查阅、上网收集，进行文献研究，比较已有相关课程的研究

理论、研究观点、研究方法和研究成果，以期作为本课题的研究参照和借鉴。

收集整理课程相关资料，进行课程内容建设，也可用于该课程网站参考资源使

用。

⑶ 通过该课程的教学设计和教学实施，形成包括教学大纲、授课计划、

授课教案、实践教学指导书、教学课件、习题库、试题库和实践项目课题库等

在内的教学文件。通过教学实践，形成学生课程设计作品、学生参赛获奖作品、

学生项目开发作品等教学成果，丰富课程教学资源，并在教学实践过程中，改

革和研究教学方式方法、教学评价方法等。

⑷ 项目主持人组织项目组成员，进行该课程的微课研究，分解基本知识

点和关键操作环节，提取和分解典型任务，以 15 分钟为单位，主讲教师进行

知识讲解和操作演示，拍摄、剪辑成时长 15 分钟左右的微课视频。

⑸ 项目主持人组织项目组成员和学生，建设该课程精品资源共享网站。

该网站主要包含课程教学文件、教学成果、教学视频资源和其他教学参考资源

等内容和相关研究成果与文献。本网站的建设，还作为本课程的实践教学项目

让学生深度参与。

⑹ 项目主持人组织项目组成员和学生建设课程拓展学习资源。比如建设

师生个人网站，师生共同收集、整理和上传学习资源，这既可以丰富本课程网

站资源内容，建设过程本身也可以作为本课程的学生课外实践项目，促进学生

对本课程和相关课程的学习。另外，购买或收集整理参考书籍、文献资料，供

师生借阅、参考。

5.项目进度安排 1．项目分工

⑴ 成骏，课程负责人，负责课程主讲、课程网站建设

⑵ 马文镰，负责课程主讲、制作网页、视频采编

⑶ 项德娟，负责课程主讲、实验教学、教学资源汇编

⑷ 郑亚，负责课程主讲、实验教学、视频采编

⑸ 徐莉，负责课程主讲、实验教学、课程网页制作

⑹ 张南岭，负责教学资源汇编、学习辅导

⑺ 尹韬，负责实验教学辅助、教学资源汇编

2．项目进度安排

建设阶段 阶段建设任务 备注

第 一 阶 段 ：

2015.5-2015.12

① 课程建设前期调查研究

② 《网页视觉设计》课程内容体系、课程标准与大钢设计

研究。

③ 教学内容资料收集和部分视频素材拍摄。

第 二 阶 段 ：

2016.1-2016.12

① 课程网站规划、设计、制作和测试

② 部分视频素材拍摄。

③ 电子教案、电子课件制作。

④ 课程教学模式研究、教学团队建设（教师培训、学术交

流）

⑤ 课程网站基本资源的制作、上传和完善。

⑥ 课程微课视频资源的拍摄、制作和网络测试。

⑦ 课程网站拓展资源的收集、整理、制作和上传。

⑧ 网站的运行与教学实践。

第 三 阶 段 ：

2017.1-2017.7

① 完善基本教学资源、微课视频资源和课程拓展资源。

② 课程资料、研究成果整理。

③ 撰写研究报告 1份，进行结题论证。

④ 撰写并发表研究论文 1-2篇。

6.项目预期成果（含阶段成果和最终成果） 1．阶段成果

⑴ 2016年 2月前，完成教学设计，形成包括教学大纲、授课计划、授课

教案、实践教学指导书、教学课件、习题库、试题库和实践项目课题库等在

内的教学文件。

⑵ 2017年 1月前，完成教学实践，形成学生课程设计作品、学生参赛获

奖作品、学生项目开发作品等教学成果材料。

⑶ 2017年 6月前，完成《网页视觉设计》精品资源共享课程网站建设和

微课视频上传，发表相关研究论文 2篇。

2．最终成果

⑴《网页视觉设计》精品资源共享课程网站。

⑵《网页视觉设计》微课视频 15条。

6. 项目经费安排

（项目共 6万元，其中省拨 3万元、校拨 3万元）

序

号

支出科目

(含配套经费)

金额

(元) 计算根据及理由

1 调研、咨询费 4000

课程建设（高校、行业企业）调研所发生的差旅费 500

元/人次 x6人次=3000元，咨询费：500元/人次 x2人

次=1000元，

2 图书、电子资料购买

费 1500 图书资料费 800元、电子资料购买费 700元

3 办公耗材、文印费 1000

设计课程内容体系、制定课程标准与教学大纲等教学

文件及研究中发生的其它耗材、文印、小额工具费 1000

元

4 学术交流、会务费 3000 学术交流 4 人次 2000 元，课程设计研讨会务费 1000

元

5 网站建设费 15000 网站开发、技术服务费 8000元，网络教学资源制作费：

7000元

6 教师培训费 5000 教学团队建设中教师培训 2人次 5000元

7 视频拍摄与制作费 15000 用于课程微课视频拍摄与编辑制作，1000元/课 x15课

=15000元

8 专家评审费 1500 专家评审论证费：1000元/人次 x1人次=1000元+通联

费 500元，

9 论文编审费 5000 相关教学研究或专业论文一般期刊 2篇，或核心期刊 1

篇。

10 劳务费 9000 项目组成员研究工作劳务费，

合 计 60000

8.专家评议 评议内容与结论：

专家组组长签字：

时间： 年 月 日

专家组成员(含组长)

姓名 职称 评议组内职务 专家签字

9.结论 教务处意见

处长签字：

年 月 日

学校主管领导意见

学校主管领导签字：

年 月 日