论文部分内容阅读
【摘要】近年来，数字媒体专业在国家进行了整合专业目录后成为一个新兴科目。其内容涵盖很多交叉学科，网页设计作为一个新的媒体呈现形式，也是其研究的对象。因此本文对数字媒体专业的网页设计课程教学方法进行了一定的研究。
【关键词】数字媒体网页设计教学模式研究
【中图分类号】G420 【文献标识码】A 【文章编号】2095-3089（2014）2-0112-02
数字媒体专业是一个新兴的交叉学科专业，专业课程多且繁杂。网页设计则是本专业较为重要的一门课程。网页设计在计算机、视觉传达等专业也有涉及，并有相应的教学办法，针对较特殊的数字媒体专业，也应该有自己独特的新教学模式。本文针对网页设计在数字媒体专业行课的教学模式作为问题，探讨交叉学科专业课程设置的新思路和行课经验。
一、其他专业网页设计的情况
1.计算机专业
计算机专业是理工专业，是网络发展初期网页设计的中坚力量。当然，计算机专业的网页设计人员无美术基础，此专业将对网页HTML代码、JS代码进行编程作为课程内容。此专业的课程流程大致如下：①Dreamweaver软件学习；②HTML代码学习；③针对JS代码进行学习；④学习一或多门动态语言及数据库（如ASP.NET、SQL等）。
计算机专业的课程链条主要针对后台代码，教学方法多以实例作为主要的教学模式，先学习编程语言，后切入从易到繁的实例进行讲解。
2.视觉传达专业
视觉传达属于美术类专业，学生美术基础较为扎实，问题是编写代码等技能相对缺失，而且思维模式也与理工科学生有巨大的不同。因此，此专业的网页设计更偏向于网页视觉效果的设计，也就是所谓的"网页前台"设计。此专业的课程流程大致如下：①Photoshop软件学习；②在Photoshop中进行网页版式设计；③学习Dreamweaver软件，导入完成版式进行深加工；④进行网页HTML布局修改，完善页面效果。
视觉传达专业课程链条主要针对前台视觉效果，教学方法则是单一的实例为主，基本上不涉及代码的学习。
二、数字媒体专业网页设计现状
1.以往情况
数字媒体专业在创建后，课程进行了多次改革，网页设计课程也一并在调整，其中一些高校则将教师资源整合，使用了视觉传达的教师进行授课，全盘使用了视觉传达设计专业的网页设计课程内容。
还有一种情况，多出现于综合类大学中的数字媒体专业，教师多为从计算机专业借用的教师进行讲授，艺术专业学生计算机技术底子薄，编程语言学习困难，往往这样的课程还要求学生深入学习代码相关知识，造成了学习的难度。
2.行课结果
两个行课情况导致了以下的结果：
①使用视觉传达专业的授课方法
学生仅仅掌握了视觉上的网页表现效果，结果是于数字媒体其他专业课无法有效的衔接：在进行UI设计课程时，学生无法有效的使用網页设计来辅助UI设计；也使得在这个知识点上无法与视觉传达专业进行区分，无法体现数字媒体专业的特性。
②使用计算机专业的授课方法
学生由于计算机技术基础薄弱，导致学习代码困难，学生成绩普遍不理想，由此产生了对学习的恐惧心理，同时因没有学习到相关网页设计的视觉设计和Dreamweaver软件的使用方法，在就业过程中会出现学习内容与工作内容不相符合的情况。
三、数字媒体专业网页设计新模式探究
总结以上经验，发现需要针对数字媒体专业的网页设计课程进行一定的创新。以符合此专业对网页设计的要求。因此我就此进行了一定的探索。
1.结合专业特点，交叉兼容并包
数字媒体专业是一个交叉学科，在课程上进行大胆整合是一个思路。学生是艺术类学生，因此以视觉传达设计的授课模式为基础，灵活截取计算机专业的教学中浅显易懂的知识点结合在其中，拓展学生的知识层面，形成自有特点。经总结后课程流程大致如下：①Dreamweaver软件学习；②学习Photoshop制图技巧；③学习在Dreamweaver中操作HTML代码的能力，配合DIV+CSS构建合理网页架构；④进行简单的JS代码了解，丰富学生的交叉知识链。
2.实例教学为主，实行渐进式实例教学
我校此课程行课为4周时间，第一周进行Dreamweaver基础学习，并制作简单个人介绍页面；第二周进行PS图形修改制作，进一步丰富页面；第三周结合DIV+CSS进行版式调整，并加入多页面，逐步开始增加难度；第四周使学生自行根据能力进行JS代码的添加，个性化其作品。整个行课过程中，实例就是一个"个人网站的建设"，整个实例从第一周到第四周是一个逐渐丰富的过程，而不是多个复杂实例的多次练习。增加了学生知识链的完整度，有效的控制了对学生知识输入速度，防止学生学习大量知识产生接受困难。
3.作业布置合理，内容版式与代码结合
在作业设置上，即根据课上实例"个人网站建设"展开，学生先观摩，再模仿，并在此基础上进行自我个性的实现，逐步将课上的知识内容转化为了自己的作品。同时在课堂上逐个知识点攻破，在不知不觉中就对版式、代码都有了一定的认识。教师则准备实例和个人作品进行展示，使学生充分了解作业制作过程和结果，从而得到一个对网页设计知识的完整认识。
结论
综上所述，数字媒体专业是一个高新技术带来的新的艺术设计学科，其专业的网页设计，也应当是各学科知识的集合。且需要根据学生的实际情况，有方法，有策略的对科目内容进行调整，以符合科学的教学教育理念。
参考文献：
[1]夏燕靖.对我国高校艺术设计本科专业课程结构的探讨[D].南京艺术学院，2010
[2]温谦.HTML+CSS网页设计与布局从入门到精通[M].人民邮电出版社,2008
[3]侯立平.文化转型与中国当今设计学学科本科教育课程设计的变革[D].中央美术学院，2013
【关键词】数字媒体网页设计教学模式研究
【中图分类号】G420 【文献标识码】A 【文章编号】2095-3089（2014）2-0112-02
数字媒体专业是一个新兴的交叉学科专业，专业课程多且繁杂。网页设计则是本专业较为重要的一门课程。网页设计在计算机、视觉传达等专业也有涉及，并有相应的教学办法，针对较特殊的数字媒体专业，也应该有自己独特的新教学模式。本文针对网页设计在数字媒体专业行课的教学模式作为问题，探讨交叉学科专业课程设置的新思路和行课经验。
一、其他专业网页设计的情况
1.计算机专业
计算机专业是理工专业，是网络发展初期网页设计的中坚力量。当然，计算机专业的网页设计人员无美术基础，此专业将对网页HTML代码、JS代码进行编程作为课程内容。此专业的课程流程大致如下：①Dreamweaver软件学习；②HTML代码学习；③针对JS代码进行学习；④学习一或多门动态语言及数据库（如ASP.NET、SQL等）。
计算机专业的课程链条主要针对后台代码，教学方法多以实例作为主要的教学模式，先学习编程语言，后切入从易到繁的实例进行讲解。
2.视觉传达专业
视觉传达属于美术类专业，学生美术基础较为扎实，问题是编写代码等技能相对缺失，而且思维模式也与理工科学生有巨大的不同。因此，此专业的网页设计更偏向于网页视觉效果的设计，也就是所谓的"网页前台"设计。此专业的课程流程大致如下：①Photoshop软件学习；②在Photoshop中进行网页版式设计；③学习Dreamweaver软件，导入完成版式进行深加工；④进行网页HTML布局修改，完善页面效果。
视觉传达专业课程链条主要针对前台视觉效果，教学方法则是单一的实例为主，基本上不涉及代码的学习。
二、数字媒体专业网页设计现状
1.以往情况
数字媒体专业在创建后，课程进行了多次改革，网页设计课程也一并在调整，其中一些高校则将教师资源整合，使用了视觉传达的教师进行授课，全盘使用了视觉传达设计专业的网页设计课程内容。
还有一种情况，多出现于综合类大学中的数字媒体专业，教师多为从计算机专业借用的教师进行讲授，艺术专业学生计算机技术底子薄，编程语言学习困难，往往这样的课程还要求学生深入学习代码相关知识，造成了学习的难度。
2.行课结果
两个行课情况导致了以下的结果：
①使用视觉传达专业的授课方法
学生仅仅掌握了视觉上的网页表现效果，结果是于数字媒体其他专业课无法有效的衔接：在进行UI设计课程时，学生无法有效的使用網页设计来辅助UI设计；也使得在这个知识点上无法与视觉传达专业进行区分，无法体现数字媒体专业的特性。
②使用计算机专业的授课方法
学生由于计算机技术基础薄弱，导致学习代码困难，学生成绩普遍不理想，由此产生了对学习的恐惧心理，同时因没有学习到相关网页设计的视觉设计和Dreamweaver软件的使用方法，在就业过程中会出现学习内容与工作内容不相符合的情况。
三、数字媒体专业网页设计新模式探究
总结以上经验，发现需要针对数字媒体专业的网页设计课程进行一定的创新。以符合此专业对网页设计的要求。因此我就此进行了一定的探索。
1.结合专业特点，交叉兼容并包
数字媒体专业是一个交叉学科，在课程上进行大胆整合是一个思路。学生是艺术类学生，因此以视觉传达设计的授课模式为基础，灵活截取计算机专业的教学中浅显易懂的知识点结合在其中，拓展学生的知识层面，形成自有特点。经总结后课程流程大致如下：①Dreamweaver软件学习；②学习Photoshop制图技巧；③学习在Dreamweaver中操作HTML代码的能力，配合DIV+CSS构建合理网页架构；④进行简单的JS代码了解，丰富学生的交叉知识链。
2.实例教学为主，实行渐进式实例教学
我校此课程行课为4周时间，第一周进行Dreamweaver基础学习，并制作简单个人介绍页面；第二周进行PS图形修改制作，进一步丰富页面；第三周结合DIV+CSS进行版式调整，并加入多页面，逐步开始增加难度；第四周使学生自行根据能力进行JS代码的添加，个性化其作品。整个行课过程中，实例就是一个"个人网站的建设"，整个实例从第一周到第四周是一个逐渐丰富的过程，而不是多个复杂实例的多次练习。增加了学生知识链的完整度，有效的控制了对学生知识输入速度，防止学生学习大量知识产生接受困难。
3.作业布置合理，内容版式与代码结合
在作业设置上，即根据课上实例"个人网站建设"展开，学生先观摩，再模仿，并在此基础上进行自我个性的实现，逐步将课上的知识内容转化为了自己的作品。同时在课堂上逐个知识点攻破，在不知不觉中就对版式、代码都有了一定的认识。教师则准备实例和个人作品进行展示，使学生充分了解作业制作过程和结果，从而得到一个对网页设计知识的完整认识。
结论
综上所述，数字媒体专业是一个高新技术带来的新的艺术设计学科，其专业的网页设计，也应当是各学科知识的集合。且需要根据学生的实际情况，有方法，有策略的对科目内容进行调整，以符合科学的教学教育理念。
参考文献：
[1]夏燕靖.对我国高校艺术设计本科专业课程结构的探讨[D].南京艺术学院，2010
[2]温谦.HTML+CSS网页设计与布局从入门到精通[M].人民邮电出版社,2008
[3]侯立平.文化转型与中国当今设计学学科本科教育课程设计的变革[D].中央美术学院，2013