微信小程序制作
当前位置:网站首页 > 网站建设热文 > 网站系统设计与电子商务提高学子未来发展的多机遇 返回列表

网站系统设计与电子商务提高学子未来发展的多机遇

作者:admin 时间:2022-04-08 浏览量:260

“网页设计与制作”是陕西理工大学管理学院为电子商务专业学生设置的一门专业课程,该课程注重对学生动态网页设计技术和网页美化等能力的培养,有利于提高电子商务专业学生未来就业岗位竞争能力,同时又满足了用人单位对电商复合型人才的要求。然而在实际授课过程中学生学习热情不高,加上该课程本身涉及到HTML、CSS、ASP、PHP和MySQL数据库等技术的综合运用,导致学生学习的信心不足,甚至产生了畏惧心理。另外,所使用的教材内容较为陈旧,无法适应当前网页设计技术不断发展变化的步伐,导致课程完成之后,很多学生仍然无法根据课程目标所提出的要求设计出符合要求的交互式网站。有的学生或只能拼凑出一个仅能展示一些基础信息的静态网站,远远达不到课程设置和教学大纲的要求。
一、“网页设计与制作”课程分析
“网页设计与制作”是电子商务专业的一门专业选修课程,实践性较强。本课程以培养学生实际动手能力为目标,要求学生掌握网页设计、脚本代码编写、网站发布、管理和维护等知识和技能,并培养学生团队合作协作能力,最后通过对学生所完成的设计作品的评价来考核学生的课程学习情况。
由于受到新冠肺炎疫情的影响,本课程面向电子商务专业18级学生授课时采用了完全MOOC平台式(即在线开放学习平台的方式)教学,这种全新的学习模式在课程开展之初学生的学习热情比较高,线上互动气氛比较好,但随着课程内容的不断深入和各种网页设计技术对于学生能力要求逐步提高,普遍存在着动手能力不强、教学进度无法顺利开展以及所布置的课后作业和章节学习目标完成率、执行率较低等问题,这都为课程教学任务的顺利开展和教学目标的实现带来很大的阻碍。“网页设计与制作”作为一门强调学生实践能力培养的课程,采用MOOC的形式虽然提升了学生学习的独立性和积极性,但还存在很多问题,首先在实施教学过程中教师很难及时发现学生在学习过程中对于知识点的理解和技术的运用所存在的问题,许多学生反馈“家里没有电脑”“不会搭建PHP环境”
“Dreamweaver軟件无法安装”等等,导致无法顺利开展课程中的实验环节和操作内容;其次笔者通过本次的线上教学发现,大部分学生知识储备薄弱和编程能力较弱,对网页设计所运用到的网络通信技术、网络传输协议、域名解析方式和客户机服务器请求等名词理解不深入,对ASP、JAVA等交互式页面技术无法熟练使用,这都给课程的开展带来了很大的困难;最后由于教学大纲和教学安排,本课程共30个学时(学时18,实验学时12),讲授课时较短导致教学过程中很多网页设计的技术和模块无法完整展开,学生刚刚掌握了一些基础的网页设计和制作技术之后,课程就匆匆结束。上机实践环节由于学生在家的环境和条件不足,任课教师无法做到实时指导和跟踪,使得整体学习质量不高,无法及时解决学生在完成网页设计实验过程中存在的各种问题。
二、“网页设计与制作”课程教学方法的创新
为了适应当前电子商务专业人才培养的需求,进一步提升教学质量,“网页设计与制作”课程应当从课
程的定位、教学方法和教学内容等角度,积极激发学生的学习兴趣和操作能力。在课程教学过程中应加强对学生学习的兴趣、知识点理解情况、动手能力和实验完成情况的整体考核,树立以学生为中心,实现教学过程向学生的主动性、独立性、体验性与问题性等的转移,探索以项目制的形式来引导学生以团队的形式参与项目实施的整个环节之中,从而提高学生的网页设计技术运用和项目团队合作协作的能力[1]。
(一)课程定位的创新
“网页设计与制作”由于涉及到的技术较多,对于学生能力的要求较高,可以结合电子商务专业学生的不同层次和兴趣设计不同的课程目标。如依据学生对于编程技术掌握程度的不同来设置不同的课程定位,对于有一定编程能力和动手能力较强的学生可以注重其动态网页设计、脚本代码编写和ASP、PHP交互式页面设计能力的培养,通过设计更加有针对性的课程学习目标,让学生参照网上开源的前端和后端PHP脚本语言,设计一套完整的电子商务网站系统,以加深对于网页制作和网站建设整套流程的理解和操作;对于编程能力不足和动手能力不强的学生,可以结合其兴趣设计更加科学合理的课程定位。如果学生对于网页的表现和布局感兴趣,同时有一定的艺术基础和PS技术,可从网页布局搭配、网页特效设计和网页素材制作等角度来设计课程学习目标,提高学生对于网站前端设计知识(如:网页文字的设计、网页色彩搭配、图片、音频和视频等网页素材的制作和使用等)的学习能力;如果对于数据库技术、数据挖掘和数据分析感兴趣的可以从开源的内容管理系统(CMS:Content Management System)、网站管理和维护以及网站数据可视化等角度来进行课程定位,提高学生对于HTML文件、关系数据库等内容的抓取、非结构化和半结构化数字资源的采集、管理、分析能力,充分利用课程发展方向的多样性。在教学过程中引导学生从个人的兴趣和能力出发,做到因材施教,构建基于兴趣能力驱动的复合型人才培养模式。
(二)教学内容的创新
笔者通过本次在线课程的教学情况和学生反馈发现,“网页设计与制作”课程在学习过程中不应当依赖于教材和按照教材的各章节顺序来进行,而应当围绕网页设计的整个环节来进行教学内容的创新,将课程内容与社会对网页制作人员的需求相结合,以课程所需使用到的软件和技术为主线[2],设计多个学习情境来进一步优化教学内容,如:优秀网站赏析、网页制作基础知识、HTML和CSS、网页布局、动态网页设计、综合网站案例以及网站的发布和管理,循序渐进,从难到易,并且在后续情境中强化对于前面情境知识的融合和交叉,可以引入项目制的形式,将整个教学项目进行切块,让学生根据不同情境所设计的模块要求,进行自主学习,然后集中进行答疑和知识点讲解,让学生参与到课程项目的实施之中,有利于发现学生在学习过程中存在的问题。通过学生小组的形式,创设组内成员相互学习、共同进步的学习环境。在实施项目教学的过程中,教师应在课程开始之前对每个学生的知识储备和实践能力进行摸底,建立能够实现优势互补和提升协作能力的分组,依据学生能力的差异化,分及若干不同的小组,并挑选出有组织协调能力和责任心的小组长,来负责组内成员学习任务和项目实施工作的分配,教师实时监控各小组项目模块的实施情况,定期进行总结,并对各小组项目实施中存在的问题进行解答和指导,保证每个小组能够按照课程的进度完成不同阶段的项目目标,从而让所有学生得到充分的学习和锻炼,从整体上提升课程的学习质量和学生学习积极性。    同时在教学过程中还应当积极引入翻转课堂的创新教学模式[3],针对不同教学环节和章节,制作不超过10分钟的教学视频,来强化学生对于部分知识难点和关键点的理解和掌握,对教学内容和教学流程进行重组,将基本的学习内容和知识点放在课堂之外完成,课程时间主要用于对于重点难点知识点和学生学习中发现的问题进行解答和交流,并以此为基础来设计不同的学习任务和作业来进一步了解学生每一阶段知识的掌握情况,从而为下一步教学内容的开展提供有效支持。教师适时进行师生角色转换,在课程教学内容创新过程中应以提升学生学习的主动性和积极性为目标。教师需要以营造更加良好和热情的教学氛围为己任,这也对教师的课堂把控能力和沟通交流能力提出更高的要求。
(三)教学考核方式的创新
作为一门强调学生实践能力和网页设计技术培养的课程,课程学习情况的考核不能采用传统单一的期末试卷答题的形式,这种形式忽视了对于学生学习过程和动手能力的考核,不利于学生学习思维和职业素质的全面发展。因此,本课程的考核方式可以采用无纸化网站设计项目考核的方式,具体包括学生平时上课情况的过程考核(10%)、阶段性实践考核(20%)、组内成员民主考核(20%)和期末小组网站作品考核(50%)。
其中学生上课情况的过程考核主要关注学生的学习态度、出勤率和在线学习平台的学习进度等,考核学生的日常學习情况;阶段性实践考核主要通过教师根据教学任务的进度和安排,设计不同阶段的实验环节,以项目的形式发布到各个小组,各小组根据项目的要求,进行任务规划、制定项目计划书,明确组内各成员的分工和实施步骤,最后提交所完成的项目成果,主要关注学生的实验作业完成情况、阶段性知识点掌握情况、动手能力和团队合作协作能力等;组内成员民主考核主要是对各小组在项目实施过程中对于成员的表现、能力和组内成员的认同能力等;期末小组网站作品考核要求学生以分组的形式制作一个包含静态和动态页面、使用了多种网页设计技术的交互式网站,教师设计一个能够覆盖课程教学目标的网站评分标准,所有学生参与评分,最后计算出各小组的网站作品综合分。让学生参与到评价环节有利于提升学生学习的积极性、责任感和团队荣誉感,也能对学生知识运用能力和综合实践能力进行考核。
网页设计与制作”作为电子商务专业的一门重要课程,完成好该课程的教学工作,不仅可以激发学生学习互联网技术和电子商务专业的兴趣,还能让学生更好地适应未来就业环境和工作岗位的需求,为未来在工作中进行企业网站设计、网站运营管理和维护奠定坚实的基础,作为任课教师,应充分认识课程在专业实施过程中的定位和培养目标,采取更加行之有效的教学方法,不断更新教学内容和教学方法,激发学生的学习兴趣和学习热情,最终实现教学目标和人才培养的有机结合。

联系方式:18066528545   029-89298792

阅读过此文章的读者,还阅读过下面的文章

  • 小程序与原生APP那个好?下面我们就来一起了解一下小程序与原生APP那个好。以下是所整理的小程序与原生App的内容,希望对你有所帮助。

    小程序的优点:

    基于微信平台开发,享受微信自带的流量,这个优点最大
    无需安装,只要打开微信就能用,不占手机内存,体验好
    开发周期段,一般最多一个月就可以上线完成
    开发所需的资金少,所需资金是开发原生APP的一半不到
    小程序名称是唯一的,在微信的搜索里权重很高
    容易上手,只要之前有HTML+CSS+JS基础知识,写小程序基本没有大问题
    基本不需要考虑兼容性问题,只要微信可以正常运行的机器,就可以运行小程序
    发布,审核高效,基本上午发布审核,下午就审核通过,升级简单,支持灰度发布
    开发文档完善,社区活跃
    支持插件式开发,一些基本功能可以开发成插件,供多个小程序使用
    小程序的缺点:
    局限性很强(比如页面大小不能超过1M,不能打开超过5个层级的页面,样式单一,小程序的部分组件已经是成型的- 了,样式不能修改,比如幻灯片,导航)只能依赖于微信依托与微信,无法开发后台管理功能
    不利于推广,推广面窄,不能分享朋友圈,只能分享给朋友,附近小程序推广,其中附加小程序也收到微信限制
    后台调试麻烦,因为API接口必须https请求,且公网地址,也就是说后台代码必须发布到远程服务器上;当然我们可以修改host进行dns映射把远程服务器转到本地,或者开启tomcat远程调试;不管怎么说终归调试比较麻烦
    前台测试有诸多坑,最头疼莫过于模拟器与真机显示不一致
    js引用只能使用绝对路径,不能操作DOM
    原生App优点:
    原生的相应速度快
    对于有无网络操作时,譬如离线操作基本选用原生开发
    需要调用系统硬件的功能(摄像头,拨号,短信蓝牙…)
    在无网络或者弱网情况下体验好
    原生App缺点:
    开发周期长,开发成本高,需要下载
  • 小程序和Vue写法的区别?下面我们就来一起了解一下小程序和Vue写法的区别。以下是我所整理的小程序和Vue写法的区别,希望对你有所帮助。

    遍历的时候:

    • 小程序wx:for=“list”,
    • 而Vue是v-for=“item in list”

    调用data模型(赋值)的时候:

    • 小程序:this.data.item // 调用,

    • 小程序:this.setDate({item:1})//赋值

    • Vue:this.item //调用,

    • Vue:this.item=1 //赋值

  • 小程序调用后台接口遇到那些问题?下面我们就来一起了解一下小程序调用后台接口遇到那些问题。以下是所整理的小程序调用后台接口遇到的问题,希望对你有所帮助。

    数据的大小限制,超过范围会直接导致整个小程序崩溃,除非重启小程序

    小程序不可以直接渲染文章内容这类型的html文本,显示需要借助插件
    注:插件渲染会导致页面加载变慢,建议在后台对文章内容的html进行过滤,后台直接处理批量替换p标签div标签为view标签,然后其他的标签让插件来做
  • 分析微信小程序的优劣势?下面我们就来一起简单的了解一下微信小程序的优劣势。下面是所整理的微信小程序的优劣势,希望对你有所帮助。

    优势:

    容易上手,基础组件库比较全,基本不需要考虑兼容问题
    开发文档比较完善,开发社区比较活跃,支持插件式开发
    良好的用户体验,无需下载,通过搜索和扫一扫就可以打开,打开速度快,安卓上可以添加到桌面,与原生APP差不多
    开发成本比APP要低
    为用户提供良好的保障(小程序发布,严格是审查流程)

    劣势:
    限制较多,页面大小不能超过1M,不能打开超过5个层级的页面
    样式单一,部分组件已经是成型的,样式不可修改,例如:幻灯片,导航
    推广面窄,不能分享朋友圈,只能通过分享给朋友,附加小程序推广
    依托与微信,无法开发后台管理功能
    后台调试麻烦,因为api接口必须https请求且公网地址
    真机测试,个别安卓和苹果表现迥异,例如安卓的定位功能加载很慢

  • 简单描述下微信小程序的 相关文件类型。下面我们就来一起了解一下微信小程序的 相关文件类型。以下是所整理的微信小程序的 相关文件类型,希望对你有所帮助。

    wxml 模板文件,是框架设计的一套标签预言,结合基础组件,事件系统,可以构建出页面的结构

    wxss 样式文件,是一套样式语言,用于描述WXML的组件样式
    js脚本逻辑文件。逻辑处理网络请求
    json配置文件,小程序设置,如页面注册,页面标题及tabBar
    app.json 整个小程序的全局配置,包括:
    pages:\[所有页面路径]
    网络设置(网络超时事件)
    页面表现(页面注册)
    window:(背景色,导航样式,默认标题)
    底部tab等
    app.js 监听并处理小程序的生命周期函数,声明全局变量等
    app.wxss 全局配置的样式文件

  • 请谈谈原生开发小程序,wepy,mpvue的对比?下面我们就来一起了解一下原生开发小程序,wepy,mpvue的对比。个人认为,如果是新项目,且没有旧的 h5 项目迁移,则考虑用小程序原生开发,好处是相比于第三方框架,坑少。

    而如果有 老的 h5 项目是 vue 开发 或者 也有 h5 项目也需要小程序开发,则比较适合 wepy 或者 mpvue 来做迁移或者开发,近期看wepy几乎不更新了,所以推荐美团的mpvue。
    而如果如果团队前端强大,自己做一套框架也没问题。

029-86195145 180 6652 8545 西安嘉瑞德网络科技公司
工作时间:周一到周六 8:30-18:30
邮箱:2528823962@qq.com
QQ:2528823962
地址:陕西省西安市未央元朔路明丰伯马都A座10820室
  • 微信小程序制作微信二维码
    扫码咨询
Copyright © 2015 西安嘉瑞德网络科技有限公司 陕ICP备17015187号-1