高职电子商务网页设计课程教学探索(共3918字)
摘要：网页设计课程是很多高职院校电子商务专业开设的必修课程，旨在培养学生前端网页开发的技能。针对教学过程中存在的实际问题，结合课程特点及专业岗位需求，从网页设计课程的课程定位、教学目的、教学方法、教学内容、教学考核等方面来探索和讨论如何让学生更好地学习WEB前端网页开发设计的方法技能。
关键词：电子商务；WEB前端开发；网页设计；教学探索
引言
网页设计课程是电子商务专业的必修课程，课程目标是培养学生的网站策划及网站开发能力，拓宽就业渠道。然而，大多数高校在网页设计的实际教学中往往只注重对于课程软件Dreamweaver的功能进行讲解，以至于学生毕业以后，大多数人只是对软件功能有所了解，并没有实践应用能力。我校电子商务专业自与企业联合培养以来，按照企业对电商人才的需求重新调整了培养方案，其中，明确将网页设计课程定位于WEB前端开发。该课程主要建立在代码基础上，具有较强的综合性和实践性，英语基础差的学生在接触后会觉很难掌握。如果按照传统的教学模式，学生学习的积极性差，很难获得较好的教学效果。另外，课程上机实践部分较多，但是由于时间和实训硬件条件的限制，理论课和实践课会存在时间跨度，实践效果较差。所以，该课程主要的问题是如何提高学生积极性、主动性，让学生掌握实用的WEB前端开发知识和技能。要解决这个问题，需要在教学各个环节进行改革创新，包括教学内容、教学方法、考核方式等方面。
1、以岗位需求为导向优化教学内容
1.1教学目的及课程定位
网页设计是电子商务专业核心必修课程，高职电子商务专业《网页设计》课程的教学探索——以河南工教育为例文／张瑞云旨在使学生能够掌握网页设计制作的基本知识和技巧，同时熟悉网站建设的基本知识，达到能独立构建简单网站或通过协作构建较复杂网站并设计相关网页的水平。同时，通过实践环节，强化对学生动手能力的培养与训练。所以，要充分了解企业对于WEB前端开发岗位具体的技能需求，分析传统教学与企业岗位需求的差距，以岗位需求为导向，校企共同制定培养计划、确定课程定位以及优化教学内容。目前网页设计开发软件有很多，如：Dreamweaver、Frontpage、Ultraedit、Hbuilder等。HBuilder是一个快速方便的代码编辑工具，目前是业内主流的开发工具，它**大的特点就是快捷，主要体现在编写代码以及操作功能的快捷设定，可以实现无鼠标的极速操作。主要用于开发HTML、JS、CSS，同时配合HTML的后端脚本语言如PHP、JSP也可以适用。选择该软件作为网页设计教学更能凸显WEB前端开发的课程定位,同时，可以更好地与其他专业课程融合。
1.2教学内容的选择
网页制作技术发展很快，但是学校选择的教材内容较为陈旧，更新跟不上发展形势。很多网页设计课程的教材仍然集中在网页三剑客，授课重点也集中在PS、Flash、DW三个软件的基本应用操作，这样一方面会使学生所学的知识跟公司的实际应用有脱轨，不利培养应用型人才；另一方面，学生所学内容和其他专业课程有重叠，如《Photoshop应用基础》，造成课时资源浪费。在教学内容的选择上，以培养电子商务应用型人才为导向，校企双方通力合作，组建专门教学团队进行相关课程研发和教材编撰工作。教材内容力求精炼、实用，同时兼顾前瞻性。知识点讲解努力做到深入浅出、循序渐进。电脑端和移动端的网页开发都是基于HTML和CSS实现的，所以整个教材主要内容集中在HTML5和CSS这两部分，从HTML文件的基本结构讲起，到使用HTML制作简单的网页，再到利用CSS设定样式，一直到**后需要综合运用HTML和CSS的项目案例，实现学生从不会到熟练的蜕变。
2、突出学生为中心的教学方式
2.1理实一体化，重点突出实践
传统网页设计教学是理论实践分离，过度突出教师讲授在教学中的重要性，不重视或者忽略学生实践，结果造成理论与实践相互脱节，学生通过学校学习的知识并不能转化为自己在工作中的专业技能。将理论教学过程与实践教学过程相互融合，不但有利于提高学生对专业理论知识的理解，更重要的是可以培养其较好的实践能力。在授课过程中，理论知识够用即可，应该加大实践教学，突出实践实训所用到的知识点。课时（100分钟）安排上，30%用来讲授重点知识点，50%用于实践练习，剩下20%进行分析总结。以便学生能够掌握前端网页设计的相关知识与技能。
2.2案例引入教学，任务驱动实践
教师在课堂教学中，引入实际的网站作为教学案例，讲解和演示知识点在实际网页开发设计中的运用，更好的引导学生自主的进行系统思考，真正实现学习迁移；在教学的实践环节中，教师结合章节知识点精心挑选设计“每一个任务”，这些任务能够涵盖所学知识点，并且**好能够做到知识点的衔接，让学生独立完成，通过完成的结果考察学生对知识的掌握程度。**后复习阶段设计一个尽量包含所有知识点的综合项目，以任务为导向，项目为驱动，让学生在项目实训中掌握所学的知识，实现教学做一体化。整个教学过程教师通过讲解、演示、操作等步骤重点培养学生对基本知识技能的掌握，避免目前一些开发设计类课程教学重讲授、轻实践或者重实践、轻讲授的不足。
2.3在线化作业练习，网络化讨论答疑
利用学校的网络教学平台系统：Sakai学习空间，开展无纸化作业。老师将课程资源、作业素材上传到课程站点。学生登录自己学号完成作业在线提交。老师可在线批阅打分，还可以统计及追踪学生提交作业情况及完成作业情况，便于了解学生对知识掌握情况。利用学习空间的论坛、即时问答板块开展学习讨论、聊天，为学生提供在线帮助。学生可以在线发布学习中遇到的疑难问题，也可发布自己的学习心得或经验等，进行讨论与交流。教师可以在线进行答疑与指导，同时也可通过邮件、微信群、QQ群等方式进行答疑。讨论形成的信息可以作为资源供学生参考。
3、多元化的考核评价方式
网页设计课程旨在培养学生的创新能力和应用能力，我们对成绩的评定侧重于考察学生对知识的灵活应用情况，所以在考核方式上要更突出实践性。实行平时成绩和期末考试成绩相结合的评价方式，以全面考核学生的学习效果和综合素质。平时成绩，占综合成绩的50%，主要包含了考勤、平时作业两个主要部分。其中，平时作业根据当前章节知识点选择各主流网站的版块作为单元项目，成绩由任课教师根据项目完成情况进行评定。考勤则参照企业考勤机制，以扣分机制进行考核。期末成绩，占综合成绩的50%，采取上机考试的方式进行考核。在考试的两个小时内按要求学生独立完成自己的考试项目，为了避免考试过程中出现作弊的行为，利用学习空间进行在线考试。老师在出题时，考试内容来源于当前主流网站，结合学生的层次和所学的知识点，有类别、有层次确定考试题目。将所出题目上传至学校Sakai学习空间的题库版块，形成题库。学生需登录自己的账号，系统会根据所设定的题目类别，随机从不同类别的题目中各抽取一道题目形成一套完整的试卷，学生下载后用Hbuilder完成题目，上传即可。
4、结束语
教学实践结果表明，经过教学改革，学生的学习积极主动性明显增强，到课率平均95%以上。多元考核机制项目驱动的教学方法大大促进了学生的自学及实践动手能力，使学生具备独立进行网页前端开发的知识和技能，为学生将来从事网站开发设计打下坚实的基础。前端开发岗位要求会随着市场的需求及技术进步不断的变化，因此，前端开发课程的教学过程必须紧随技术发展前沿和市场需求，不断进行课程改革探索实践.
参考文献：
[1]杨秀生,李挺.“互联网+”背景下的WEB前端开发课程教学模式思考[J].佳木斯职业教育学报,2016(04):428.
[2]储久良.WEB前端开发技术课程教学改革与实践[J].计算机教育,2014(14):13.
[3]李舒亮,刘亚坤.基于应用型人才培养的网页设计与制作课程改革探索[J].无线互联科技,2017(05):74-75.
[4]陈霞,吴东.基于就业导向的HTML5前端开发课程教学改革实践[J].现代计算机,2017(04):30-31.
[5]范会联,仲元昌.基于项目驱动的软件工程课程教学改革探索[J].教育与职业,2013(5):149-150.
[6]赵丹.以学生自主学习为中心的任务驱动教学模式探讨[J].教育与职业,2013(12):100-101.

中国元素在茶类网页设计中的应用分析(共4374字)
摘要：中国的传统文化历史悠久、广博高深，它是中华民族智慧的产物。我们在设计茶类网页时要将中国的古元素融入其内，传扬我们中国的传统文化，创造一种符合当代茶类网页的表现方式，基于此，现对中国元素在茶类网页设计中的应用进行了探讨。
关键词：中国元素；茶类；网页设计；应用
从古到今，我国的茶叶在世界范围内都是小有盛名的，且茶文化的发展源远流长。网站是当今网络信息传播的重要平台，在**近几年来发展迅速，作为一种新型的艺术表现方式，茶类网站的设计也随之应运而生，并且发展势头迅猛，加之科学技术的日益进步，使得茶类网站页面设计的方式也变的多种多样。传统文化的多元化以及艺术形式的多样化，再加上多种思想与文化间相互碰撞，引发了设计师们对茶类网站页面设计的关注度。
1中国元素含义及形态
1.1中国元素的含义
所谓中国元素就是人民大众在日常的生活、生产中不断探索、总结出来的，具有中国特色的文化成果，这种文化成果不但包含隐形的精神内涵，也包含有形的图案、符号。由于受我们国家传统思想的影响，目前，我们国家在设计网站时，也表现出中华文化的和谐性、包容性以及多样性，在这样的基础上，设计具有中国特色的网站就更加要把握好尺度，也就是要表现出中华文化兼容并蓄的传统，同时又要预防失去自身特色，一味的模仿他人。
1.2中国元素的主要表现形态
第一，方块字书法，方块字有抽象符号的作用，它自身就具备审美趣味。汉字在网站的设计中是一种符号或是一种特别的图形，它不仅是语言信息的载体，表现出它的形状外，还代表着文化方面的意义，比方说：行书如行云流水；草书结构简省、画笔连绵；楷书工妙于点画，神韵于结体。把中华书法的艺术融入到现代化的网站设计中，能够有利的彰显出网页所独具的文化民族特色。第二，图形。在设计网页图形的时候，要在传统图案上加以丰富的想象力，选择独具特色的表现形式，给浏览者一个新奇而又独具特点的视觉感受。将传统图案里的点、面、线、色彩、纹理等融入到网站设计里，形成具有传统特点和现代艺术相融合的审美特色，图案的多样性和统一、平行、尺寸比例、韵律以及节奏等特点，将这些特点融合到一个画面中，彰显出循序有律的艺术规律。第三，版面。通常为了引起阅读者的注意，会在网站显著的位置上放置关键的内容，例如版面的中间或是上面，并且，设计师通常会将同样主题的内容统一放到网站页面的同一区域里。在我们国家设计师在设计网站时通常会将版面划分为图形区、文本区、版权区等等。
2中国传统元素应用于茶类网页界面设计的可行性
网站页面设计中，**基础的视觉元素有色调、版式、图片、形状、文字，除了这些以外还有一些特有的视觉元素，比方说多媒体、动态等。网站页面设计考虑的就是怎样将这些元素合理的安排，呈现出一幅和谐、明了、美观、而又统一的网站页面，让浏览者可以更加清楚、有效地了解信息同时还会给其带来一种愉悦的感觉。全世界不同区域内用户的审美心理存在千差万别，就像欧洲国家他们不太喜欢色彩艳丽、花里胡哨的设计风格，而是相对喜欢一些雅静、简单、简洁而又严谨的风格形式。韩国的用户喜欢细腻、布局整洁、清晰的设计。与其相比，我们国家大多数的茶类网站页面缺乏特色之处，一味的随俗浮沉，无独特的艺术感染力。其实，我们国家有着十分浓厚的传统文化和丰富的艺术元素，借助丰富的想象力把这些文化、元素融合到茶类网站页面的设计中去，相信一定可以设计出具有我们国家独有的、特色的网站页面作品。
3中国元素在茶类网页设计中的应用
3.1茶类网页版式与中国水墨元素中的“章法构图”
茶类网站页面设计师在设计时，第一步要做的就是进行构图，就是**优秀的创意也必须从构图开始，只有通过构图形式的变化，才能将视觉语言效果呈现出来。在我们国家的传统水墨画中，构图被称之为“布局”或是“章法”，在水墨画中是十分重视构图的，他不是遵从欧洲国家的透视理论，相反的是具有自身特点和呈现方式的，比欧洲国家的绘画更有随意性，使得画面中融入了画家更多的思想意识。在构图的过程里，我们国家的水墨画是比较重视“计白当黑”，巧妙构思保留着大小、主次、轻疏不同而形成的“空白”，给观赏者留有丰富的想象空间，也使画面更加的独具特色。我们在设计茶类网站页面时也要这样去做，将我们国家的艺术审美形式融入到设计里，让网页中游走着“空白”，给设计师和浏览者的心灵沟通提供平台。现在茶类网站页面设计流行简约同意境相结合，茶类网站页面设计可以参考我们国家传统水墨画的构图原则，通过简洁的概括水墨画以及再应用来提高页面设计的意境，使得网站页面设计多元化，例如敬庭尧，他在设计个人网站时，选用的就是水墨元素的设计，它的网站将水墨的优美与页面中的空白呈现的出神入化、惟妙惟肖。茶类网站页面设计中主要运用水墨这种极具民族特色的视觉元素，在配备墨印、印章、水印以及宋体字，文字和图案遥相呼应，创造出一幅完美衔接的构图搭配，给人们浏览网站页面时带来一种书香气韵和视觉上的冲击。
3.2茶类网页设计中中国传统色彩的应用
在茶类网站页面的艺术设计里，**重要的视觉元素就是色调，和谐的色调搭配可以产生强烈的视觉冲击效果以及艺术的渲染力，让人们记忆深刻。在设计里，色彩关系到所有的设计元素，是不能缺少的一部分，在茶类网站页面设计中，吸引浏览者眼球以及让其自发进入网站了解网站内容和阅读网站内容**为关键的就是色彩的搭配，色彩肩负的任务是十分重要的。亚洲传统色彩的特点是神秘而又婉转、含蓄，在传统色彩中包含着悠远的历史文化和历史文明，蕴含着古老民族对未来幸福生活的憧憬和向往，吸引着全世界人们的关注。在我们国家的传统色彩中，青色、黑色、赤色、白色、黄色这五种颜色分别代表了我们国家传统文化中的东方、西方、南方、北方、中部等五个方位以及金、水、木、火、土等五行，我们国家的色彩文化和大自然、宇宙世界、哲学理论、伦理道德等许多观念密切融合到一起，组成我们国家独有特色的传统色彩文化。在我们国家的历史记载中，**早开始使用黑色、白色这两个颜色的，还有不同深浅的赤色，而且被广泛的运用。所谓的赤色就是我们常常说的红色，红色是我们国家人民**喜欢的颜色，也是日常生活中运用**广泛的颜色，它蕴含着许多种不同的含义，有个非常贴切的词语就是“中国红”。我们国家茶类网站页面设计就能够把网站页面的主色调设计成不同成色的红色，用它来呈现出我们国家茶文化浓厚的历史韵味和历史意义。
3.3茶类网页设计中汉文字的应用
信息的重要载体与表现方式就是文字；我们国家汉字的独特形状表现着我们中华民族的传统文化特色，且它有思维导向与图形表意的作用，是构成网站的基础。在茶类网站页面设计的过程中，有些设计师也许会忽视了文字排版所发挥的重要作用；现实情况是，在网站页面所有内容中，所占比重**大、**多的就是文字信息。网站页面中除了大段的正文描述外，像其他的，例如网站页面标题、引导、指示信息、文字链接、说明图片等内容，这些内容也不能离开文字表述。我们国家和古代印度、古代巴比伦、古代埃及四国被称之为世界的四大文明古国；在这四个文明古国中，我们国家的文字是一直被运用的，从来没有出现被停用的情况，一直不断被改进，不断被完善，一直被沿用到现在，追溯文字的发展历程，我们国家的汉字经历了甲骨文、金文、大篆、小篆、隶书、楷书、行书、草书等等的形式，**后在象形文字符号的基础上演变成为我们现在所通用的方块汉字，直到现在它依然保持着顽强的“生命力”。有个名字叫“悟空堂陶社”的网站，它就是采用我们国家象形文字的独特之处，把“悟空堂”这三个字做成拥有十足意蕴的独特标志，这种设计让浏览者感觉像是回到了原来的自然意境中；茶类网站页面中对细节的一些问题进行了独特的处理，比方说字号的大小和字号字体的选择都进行了特殊的处理，这些细节之处都充分表现出我们国家茶类网站页面设计正在努力朝着突出本国特色的方向发展。目前，我们国家茶类网站页面上的字体多数是选择偶数级别的字号来决定字体的大小，像是2pt或是14pt，这样做的好处就是页面上多行文字的边缘处不容易形成锯齿状；与此同时把行距之间的距离调大，这样做可以改观过去汉字在页面上拥挤杂乱的现象，科学的调整文字版面之间的间距与节奏；**后去除了过去一味的追求像欧美国家网站一样美观的外表，而选择小的文字字号，进而影响到文字信息的阅读效果的这种做法。
4结束语
总而言之，我们国家传统的文化元素不但是传承技巧和智慧的语言，同时也代表着设计师们独特创意的心声。这就要求我们在设计茶类网站时候，站在我们国家传统文化的基础上，不断的寻求新的发展和创新。在设计网站时将中国元素的图案、形状、意境、色调进行有机融合，以此来完成网站页面设计的创新。
参考文献
[1]王艳.中国传统绘画元素在现代平面广告设计中的应用研究[D].西北师范大学,2014.
[2]高展.我国茶叶电子商务市场现状分析及营销模式研究[D].西南大学,2015.
[3]郑莎莉.基于网络数字媒体的茶文化推行方案设计实现[D].上海交通大学,2014.
[4]张兵文,李付青.基于云计算的茶企营销网站安全研究[J].福建茶叶,2016(7).
[5]黄静.网页UI设计中“中国风”元素的应用研究[J].美术教育研究.2016(22).
[6]罗岱,王玉砚,黄静仪.中国元素在旅游导览系统界面设计中的应用[J].包装工程.2016(08).
[7]祝晓铭,王艳平.高校门户网站Banner的设计应用研究[J].现代计算机(专业版).2015(33).