前言：寻找写作灵感？中文期刊网用心挑选的网页设计与艺术设计整合，希望能为您的阅读和创作带来灵感，欢迎大家阅读并分享。
摘要：
在网页设计课程的教学过程中，学生在课程学习中用到另一类课程知识时往往不能得心应手，教学效果不理想。为此，通过重新调整教学安排，增加艺术设计基础知识，转变教学模式，激发学生的学习兴趣，提高教师素质，将艺术设计课程与网页设计课程进行整合，以提高整体教学质量。
关键词：
网页设计；艺术设计；整合
随着互联网技术的迅速发展，网页设计、网站开发等职业应运而生。伴随着网站设计与开发技术的发展，相应的工作流程也在不断变化和完善。网页设计与开发已经成为一项综合性、技术性都很强的专业工作，要求学生对网络基础知识、网页制作及编辑技术、平面设计以及动画设计制作等相关内容都要有一定的基础，是技术与艺术的结合。信息时代的网页应具有良好的界面设计与视觉效果。因此，学生在网页设计的课程学习中，适当增加平面设计类的相关知识和技能，才能满足职业岗位需求，顺应时代的发展。
1课程认识不足
通常，网站开发有以下几个流程：需求分析，包括项目立项和客户的需求说明书；系统设计，包括网站总体设计和网站详细设计；素材的收集和整理；网页版式设计；网站制作；申请域名和申请空间；网站测试和网站；网站维护和网站推广。网页设计课程的教材种类比较多，但内容集中在介绍网页制作工具软件的学习上，比如：Dreamweaver、FrontPage等网页制作工具软件。对网页中的基本布局方法、图片处理，页面配色，文字排版等方面的知识较少。同时，学生对待本课程的学习在认识上也有偏差，希望一开始就能学会制作网页。
2教学内容有待调整
经过几年的教学实践，网页设计课程的教学内容应增加艺术设计的一些基本理论与知识,以及艺术设计类软件的学习。理论知识具体包括：网页版式和色彩理论。艺术设计类软件主要包括两大类：图形图像处理类软件，常用的有Photoshop、Fireworks、Coreldraw等；二维动画设计类软件，如Flash等，在教学安排中，可以考虑只讲授Photoshop、Flash。教学内容按模块进行设计，对每一部分知识，重点教会学生如何应用，在理论内容的讲授中将理论知识融入案例中，从实际需要出发，需要哪些内容就重点讲解哪些内容，而不是大而全地讲授所有相关理论知识。在教学设计中采用项目教学法方式进行授课，通过在项目和任务中将艺术设计与网页设计有效地结合在一起，融会贯通，学以致用，达到最佳的教学效果。
2.1网页版式设计
网页版面是指在浏览器上看到的一个完整页面，不同种类、不同版本的浏览器浏览同一个网页，效果有可能不同。因此，应定好网页版式尺寸。网页版式的构成要素主要有：网页标志、网页标题、导航条、图片、多媒体、色彩、文字等。如何将各种网页元素进行合理组织在有限的版面中，达到设计出赏心悦目的网页作品，非常重要。一个优秀的网页，是从网页版式设计开始的。采取何种版式结构布局页面并不是一件随意的事，首先要明确建立网站的目的，网站要表现的主题，网站所面对的受众的特点，客户的需求等等，通过前期的了解调查和分析，才能确定网页版式结构，将网页主题内容与设计者的设计思想结合在一起，找到一个较完美的表现方式，才能真正突出网站别具风格的特点。
2.2色彩的基本理论及视觉效果
网页设计离不开色彩。网页中的基本元素比如背景、文字、Logo、导航、图片等应该采用什么样的标准色彩，如何将色彩组织搭配才能更好地表达出网站的设计思想，体现网站主题与风格，是网页设计者所关注的问题。色彩的基本理论，色彩的心理感觉，色彩的冷暖，色彩的软硬，色彩的进退，色彩的大小等等都知识都必须涉及到。比如在网页中通过填充不同的色彩背景来区分网页中的不同区域；通过色彩的明暗及面积大小的不同，让浏览者浏览页面时主次分明，条理清晰。在教学中，让学生学习了解网页配色原理：色彩的适合性、鲜明性和独特性，掌握网页配色技巧：比如使用一种色彩配色，使用邻近色配色，使用对比色配色和非彩色搭配（黑白搭配）。通过欣赏与总结不同主题网站的版式设计及配色,掌握网页风格确定方法，熟悉网站色彩搭配技巧。
2.3网页图片的处理
网页中离不开图片处理。Photoshoop是一个功能强大的图像处理软件。了解常用图像文件类型，比如PSD、BMP、TIFF、GIF、PNG、JPEG、PDF等格式，掌握不同类型文件的特征，在网页设计中灵活运用。在学习Photoshoop软件中重点教授网页Logo标志的制作、导航栏、按钮的制作、网页素材图片的处理、网页页面的规划与制作、图片切割导出成网页格式。
2.4网页动画的制作
在网页的制作上，Flash发挥了重要的作用。通过动态的显示文字和图片，丰富了页面。Flash软件中重点学习掌握广告条动画的制作，联系地图动画的制作，公告栏动画的制作，商品宣传广告动画的制作，这些都是网页页面中经常使用的表现形式。对于以上增加的艺术设计类理论和软件类的教学内容并不是孤立地放在某一个教学期间。教师在进行教学设计中，通过项目和任务作为载体，掌握够用的原则，以项目带动学习，进行实践操作。
3转变教学模式，激发学生学习兴趣
无论是网页设计软件还是艺术设计类软件，此类课程的应用性和实践性非常强，它强调学生的操作能力。因此在教学中，教师应以学生为主体充分发挥学生的主观能动性，教师主导任务的实施，激发学生的参与热情，在“做”的过程中融入“学”和“教”。目前我们学院的教学环境得到了改善，网页设计课程的教学场所都安排在实训机房，教师可以采取边授课边操作的方式，学生同步操作，非常直观。学生既可以模仿，也可以思考多做一些调试和修改，在遇到问题时，可以立即咨询教师，得到及时解决，以加深对知识点的掌握程度，从而提高了教学效果。这种教学方式改变了理论课和实训课相互独立的局面，将课程的“教、学、做”融于一体，学生在完成具体项目任务的过程中学习新的知识和技能，具有成就感，充分发挥学生的学习主动性和积极性，提高了学生处理和解决实际问题的能力。同时，教师要精心设计教学内容，挑选典型项目案例。例如，从制作网页标志开始、导航条制作、网页素材处理、网页页面规划与制作、图片切割、广告条动画制作，到网页站点规划、网页布局与实现、网页美化、网页交互制作，让学生对网页制作的流程和各软件的结合使用有一个完整的了解，从而提高学生的学习兴趣，保持持久的学习动力。
4提高教师素质
网页设计课程的教学通常是由计算机相关专业的教师授课，这些教师对艺术设计的基本理论知识比较缺乏。因此对于授课教师来说，不仅要熟练掌握网页设计与制作的专业技术，对艺术设计以及网页美工的理论基础也要有一定的学习和研究，具有较好的审美素养，努力丰富和拓展平面设计方面的经验，提高网页设计综合能力，在教学活动中引导学生能灵活掌握、应用这些艺术设计类软件，运用一些平面设计中的美的基本形式到网页中去，制作出赏心悦目的网页页面。
5结语
通过网页设计与艺术设计这两类课程的整合，采用“教、学、做”一体化的课程教学模式，学生在项目及任务中学习美工的基础理论知识，掌握网页设计技术，将两类课程的知识融会贯通，灵活运用。同时，加强技能培训，学会举一反三，增强学生探究和创新意识，提升学生自主学习能力，学习科学探究的方法，发展综合运用知识的能力，增进学校与社会的密切联系，培养学生的职业素养。
作者：吕玉梅 单位：江西环境工程职业学院
参考文献
[1]赵爱涛,刘迎春,张明虎.艺术设计软件课程与网页设计课程的整合[J].石家庄职业技术学院学报,2010(8).
[2]李敏.网页设计与制作案例教程[M].北京:电子工业出版社,2012(11).
[3]梁玉英.《网页设计》一体化教学模式初探[J].湖北广播电视大学学报,2011(6).