电子商务专业网页设计教学内容的设计

电子商务专业网页设计教学内容的设计

摘要:《网页设计》是高校很多专业的一门专业必修课,本文分析了目前该课程的教学现状,提出了针对电子商务专业调整教学内容的措施,让课程的教学更符合电子商务专业的要求,让学生真正学到知识。

关键词:电子商务专业;网页设计;教学

一、《网页设计》教学现状

目前各大高校开设了《网页设计》课程的专业有电子商务、艺术设计、计算机软件、信息工程等专业,有的学校还把该课程设置成全校公选课程,但是教师上这门课时在教学方式、教学内容上几乎完全一致,没有从专业发展的角度来安排教学内容,严重影响了学生在其专业领域的发展。目前该门课程教学内容的设计有以下几种:

(一)介绍网页三剑客软件的使用

“网页三剑客”软件包括:DREAMWEAVER是一款可进行静态和动态网页制作、网站管理的所见即所得网页编辑器。FIREWORKS主要是用于网页图片的制作与处理,也可用于网页布局。FLASH主要用来制作动画。按照这种教学内容培养出来的学生往往只是熟悉软件的使用,不懂网页源代码,做出来的网页效果一般,缺乏特色,学生将来从事网页设计工作时会感觉困难重重。

(二)只介绍DREAMWEAVER软件的使用

这种教学方式比较常见,教师只讲述DREAMWEAVER软件的使用,包括:DREAMWEAVER的工作界面、文档编辑、图像与多媒体、超链接、表格、框架、CSS、模板和库、表单、行为、网站测试与。学生学习该课程后,能熟练使用软件,能用表格、框架、层来进行页面布局,懂得基本的CSS样式设置,会利用行为面板添加一定的网页特效,在网页设计完成之后,能进行网站的测试与。相比前一种,这种方式培养出来的学生网页设计基础知识更为扎实,但是相关的技术掌握太少。

(三)HTML5、CSS3、JAVASCRIPT网页设计技巧

HTML(HypertextMarkupLanguage),是用于描述网页文档的一种标记语言,HTML5是当前最新版本。CSS即层叠样式表(CascadingStyleSheet),在网页制作时采用层叠样式表技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确地控制,CSS3是CSS技术的升级版本。JAVASCRIPT一种直译式脚本语言,用来给HTML网页增加动态功能。HTML5、CSS3、JAVASCRIPT是网页设计的主流技术,是教学的重点和难点。

(四)动态网页设计

除了介绍DREAMWEAVER软件的使用外,还重点讲述后台数据库的访问,即C#语言、数据库编程。由于《网页设计》课程通常开设在大一,对于很多从来没有接触过编程和数据库的学生来说,他们会觉得特别难,容易产生抵触心理,消磨掉学习兴趣。

二、电子商务专业《网页设计》教学内容的设计

电子商务专业的培养目标是培养掌握电子商务系统开发技术和电子商务管理与应用知识和技能的高素质人才。《网页设计》是电子商务专业的一门专业必修课,是一门涉及面很广泛的学科,仅仅讲述DREAMWEAVER显然是不够的,毕竟在一个完整的网站中,除了有合理的页面布局之外,用户还希望能看到画面优美的图片、制作精美的动画作品、引人入胜的网页特效,网站设计完成之后,还需要将网站上传和定期维护。另外对于正在读大一的电子商务专业学生来说,在《网页设计》课程中讲述动态网页也不合适,超出了他们的接受程度。因此本人在给电子商务专业的学生讲课时,结合他们的专业特色,将教学内容和课时(一学期64个课时)做了如下安排:

(一)教学内容安排

1、FIREWORKS图片切片处理考虑到我校大一新生第一学期就学习了《PHOTOSHOP图片处理》,掌握了图片处理的技巧,所以图片处理部分只讲述切片和精确提取属性值,而且这部分不单独拿出来讲述,可以穿插在综合案例的DIV+CSS页面布局中。2、FLASH动画设计:10课时这部分内容是学生最感兴趣的,重点讲述动画设计的基本方法,要求学生能够设计出网页中常见的动画效果,能将动画作品成swf文件或者gif文件,并将作品添加在网页中。3、DREAMWEAVER软件使用:10课时因为学生在大一第一学期学过办公软件OFFICE,所以DREAMWEAVER软件的使用他们很容易掌握。教学目标包括:了解创建站点的方法、视图的切换、常用面板的使用;熟悉常用的html标记;能用软件建立超链接、插入图片和多媒体文件、设计表格、表单。学完这部分,学生能利用软件的菜单和工具栏完成各种类型的简单网页的设计。4、DIV+CSS页面布局:32课时这一部分是本门课程的教学重点。教学目标包括:理解DIV盒子模型、熟练掌握CSS常用样式、精通页面布局技巧,最终学生能根据效果图自如地设计出网页。5、JAVASCRIPT网页特效:10课时对大部分电子商务专业的学生来说,因为从来没有接触过程序设计,所以这部分内容对他们来说是最难掌握的。教师对他们不能提出过高的要求,以免打消他们学习的积极性。教学目标是:学生掌握JAVASCRIPT基本语法,能设计简单特效,能修改网上下载的网页特效素材,灵活运用到自己的网页中。6、网站测试与:2课时让学生掌握网站测试与的方法。

(二)教学先后顺序

通常《网页设计》课程的教学顺序是:网站基本知识、HTML、DREAMWEAVER(HTML5+CSS3+JAVASCRIPT)、FLASH、FIREWORKS。本人在讲述该课程时教学的先后顺序如上所示,原因有两点:首先符合网页设计的基本流程:先确定主题,然后准备素材,PHOTOSHOP制作网页效果图,然后用DREAMWEAVER根据效果图设计网页。常言道“巧妇难为无米之炊”,只有先把网页素材准备好了,才可以开始网页设计。其次相比DREAMWEAVER网页设计,动画设计和图片处理效果更为生动直观,更能激发学生的学习兴趣。

三、结束语

任何一门课程的教学都应该根据专业的特色来调整教学内容,培养出适应社会需求的专业性人才。上述《网页设计》课程教学内容的设计使电子商务专业学生能够扎实掌握网页设计技能,同时为后续专业课程学习奠定了良好的基础。

参考文献:

[1]陈波.网页设计教学中引入MOOC教育模式的探索[J].电脑知识与技术,2017,(11):95+125.

[2]田关伟,夏龄,周德荣,舒涛.翻转课堂模式下《网页设计》教学研究[J].科技经济市场,2017,(03):137-138.

[3]田建勇.《网页设计与制作》课程实践性教学改革与创新研究[J].电子世界,2017,(11):68.

作者:彭珊珊 彭琼 马丕玲 单位:湖南涉外经济学院