您好, 访客   登录/注册

设计比赛促进WEB前端教学实践与审美提升

来源:用户上传      作者:

  摘 要:在迅猛发展的互联网领域中,Web 技术被广泛应用。通过培养出Web 前端工程师来满足社会对应岗位的就业和技术发展的实际需求。基于Web前端课程的多样化、知识结构全面性及涉及内容广泛性的基本特征合理设定出教学方案,积极融入到教学实践中。为活跃学习氛围,开展Web 相关类型的设计比赛来检验、优化实践能力,综合提升审美观。
  关键词:设计比赛 WEB前端教学 审美提升
  Web前端一直处于计算机应用开发领域中的重要地位,尤其是在应用产品开发环节中起到不可替代的作用。对于教学过程中的Web前端学习及实践的同时,还需要对HTML、HTML5&CSS3技术、JavaScript高级程序设计、Web交互技术发展趋势、浏览器渲染技术、Ajax以及网页网站开发等内容的不断探索。对计算机应用开发工具和开发框架的熟练掌握并及时了解相关的更新动态信息。熟悉数据通信协议和浏览器的工作原理,实现对互联网交互应用的设计能力,呈现给用户完整的网站界面。伴随着互联网应用的不断发展和进步,网页中需要呈现的内容也多种多样,包含了丰富的媒体链接,不再是图片和文字的单一性组合。在网页制作的过程中需要合理融入视觉审美、操作惯性、读取引导等思维来增强用户的体验感,植入交互形式的软件化网页呈现,其基础全部是来源于对Web前端技术的应用。采用web前端知识体系及教学的实践内容,来展开设定专项的设计比赛。从而促进Web前端教学,达到综合审美能力的有效提升。
  一、以HTML语法速记和常用标签的用法作为比赛内容来促进Web前端教学
  超文本标记使用语言和原始文本或其他文本网页界面标记位置语言和文本基本结构。 HTML(HTML网页标记文本的语言)是,万维网页面的标准语言。两种基本的标准语言可直接用于制作过程中的文本结构,HTML是其内容的关键和重要载体。纯文本链接的整个结构作为标记语言结构,是Internet上最重要的系统语言和主要文本。HTML的其他功能是学习他的Web浏览器如何显示文档内容的所有内容,它还可以通过多种方式将各种文档超链接到各种资源。对HTML基本的深入了解,学习和使用其他工具来编辑内容,并执行创建各种文档内容的过程来重新编辑和审查修改Web界面的呈现状态。
  引导学生正确理解HTML文档与浏览器两者之间呼应的關系,熟悉HTML常用标签在应用中的具体用法。HTML5引入了一些新的基本语法结构和多个元素,例如突出显示,音频播放和画布标签。 Canvas是与多媒体播放相关的元素,可以代替Flash来处理相关的最终数据或其他组合的图形或动画作品,并以交互的形式帮助用户一起发现。 HTML5中发布了一些新的多功能工具帮助浏览器实现Akobo客户会议的功能。表单仍然是Web的核心及可以实现的技术方式之一。 HTML5添加了许多表单样式表,这些样式表也可以轻松完成并多次验证。除了前端脚本之外还可以使用语言和文本,引入了所有文档结构标签,例如页眉,节,本文,路线导航,页脚等。过展开以HTML语法速记和常用标签的用法来展开比赛,提升学生的学习和参与的积极性,教授展开速记的具体方法来有效的促进Web前端教学。
  二、以CSS选择符合模块元素内容的应用作为比赛内容来综合提升视觉审美能力
  CSS是一种综合性表现,网页主界面的外观呈现的表达力,是网页的外部衣服。比如修改标题和内容,在内容中添加斜体及其颜色,或者在文章标题内容中添加大背景静态图片和下边框的设计方法。可以用来更改所有其他内容的外观和形状的功能都是为了实现全面展示呈现。CSS还是一个级联样式表,它的基本功能是控制详细信息页面中每个元素的具体表达,如不同样式、大背景环境、布局、其他主要区域的大小和形状以及底部的外部边框。持续的学习、掌握选择符的使用和合理的融合应用。在使用过程中,选择器可以逐渐改变和扩展对新扩展应该有全面了解。它总是记得一些比较常见的自我属性,如传统的书法笔迹、阅读其他文本、大背景的底边、边距等相关内容。CSS3它是设计网页的基本结构,实现了使网页表现与内容分离的样式和功能设计,它可以划分页面展示和其他内容。正确引导学生体会到内容和样式的分离设计原则。
  它使用标准的等值线框建模两种方法,并在选择列表中选择系统模块,例如超链接的三个主要模型,语言和文本的核心模块和其他文本基本功能以及当前时代的背景和框架基础。阅读效果良好的文本,在多列表中重新布局以及其他模块功能。CSS3的完全取消选择器也很有用,例如用于子字符串5速手动传输的主要属性的取消选择器,整体结构化为类。短期和长期目标伪类以及各种当前状态与UI相关的元素为环境伪类,并且因为其他的fordbbrothers和brother的其他元素可以用作会议选择器。可以大大减少各种标签中的类别ID,从而使与设计相关的人员更容易维护的实验样品表,并且使用科学的知识产生各种相应数据的最佳结果。在web前端的自由独立开发中,在小盒子中建模的几种方法也是最重要的。盒模型结构的结构形式的独特属性,学生需要许多常见的信息编码方法来反复练习,以增强我们的短期记忆,浮动能力的适应能力,这对于新界面的整体布局非常重要。在特定的扩展含义中,有许多新的基本功能,比如一个很好的设计有独特的圆角,部分设计有其他的图形边框,很好的压缩力有助于有呈现良好的变形效果。所以采用CSS选择符合模块元素内容的应用作为比赛内容,可以提升学生的创意构思的能力,综合提升视觉审美能力。
  三、以JavaScript的案例编写评比内容来提升编程能力从而促进Web前端教学
  JavaScript是一种高度表现力的脚本和执行的语言基本结构,具有对脚本的解释性语言。它可以与计算机引擎Firefox的强大引擎进行补充,以进行解释和执行。与大多数其他对象相比,ECMAScript间接表达语言和文本,读取形容词,词汇和语法。JavaScript是许多新的客户端脚本代码词和语言,也是网页对象的原始文本。它可以在没有web服务器部分支持的情况下继续运行。它也主要在新客户机上运行,包括计算机。通过继续学习帮助学生充分理解语法知识、返回值的定义、事件发生的原因和使用时的基本标准、关键对象比较以及产品中内置的关键焦点对象等。函数调用定义一种或两种类型的表达式。所有相关参数表和持续值的基本表,即现有用户与网站页面的交互界面得到改善时,浏览器活动中发生的各种各样的事件。主动响应相关事件的后续产品处理方法称为事件发生的直接选择和直接处理,称为相关方面事件的再处理。   通过实际的数据整理和案例研究,繼续学习计算机语言的编程思想和概念来累计计算机编程的实践经验,记住大部分JavaScript语法知识的具体规则和主要形式。JavaScript对象比较是一组基本属性,不包括最终数据的基本条件和其他属性。它是一种对不包括在后处理中的数据进行综合分析的方法,需要支持对象的部分,包括内置的键对象、Firefox特定对象以及特定对象和自标准定义以外的对象。另一方面,实现使JavaScript能够修改HTML页面所有者和与其他种类对应的各种元素上的所有内容和显示信息。
  DOM焦点对象为HTML定义了特定的标准对象。包括首次访问时的所有其他内容、所有文档和处理方法,它是一种基本的标准模块化方法。它们还可以定义自己的静态图像等。帮助学生记忆JavaScript的基本语法结构。在学生编写实际案例的过程中,学习到JavaScript语言,强化了编程思路,提升了编程的实际操作经验。深刻了解并接触到JavaScript对象的相关联知识点,熟练包含数据的属性和对属性中包含的数据进行操作的方法。在设计比赛评比中,以优秀的学生作品来全面的讲解、展示如何使用JavaScript对象的基本属性、调用函数定义和具体的使用方法以及如何自定义它们等具体内容来提升学生的编程思维和实际操作能力从而促进Web前端教学。
  四、采用启发式教学方式以人机交互设计案例分析来进行分组研讨实践
  在Web前端教学的过程中结合科学理论和理论实践,从设计人机交互界面开始入门,灵活的运用理论知识。合理分析用户需求,寻找并发现相关的设计在哪些地方存在不足,在体验过程中感受到的不合理之处进行标记。对设计缺陷提出自己的相关理解并思考可优化的解决方式。体验互联网上后端课程的内容,对各种奇特的科学知识进行了正确、合理和引导。
  在愉快、轻松的教学过程中,设立出应用场景、建立应用程序来进行进一步深入的分析出更多的用户需求。实行分组组合的形式,教师帮助组织讨论解决方案。引导学生全面的学习了解设计工具开发界面原型、人机交互设计的具体工作内容、在实践过程中掌握对应的规则来规范化进行操作。在这期间教师应积极鼓励学生完成作品的同时让要开放、大胆的设想,培养学生主动思考学习习惯,引导学生的主观能动性,整理出感兴趣的人机交互设计典型案例,在感受人机交互设计的实践中体会到自主创造的学习乐趣。
  以互动展示的教学策略可以大大提高Web前端教学课程的质量,为了激发学习的热情可以建立一个综合的作品平台网站,向学生展示优秀的前沿作品,便于借鉴和学习。作品展示和课外兴趣设计作品也可以通过平台来进行的相关评定,由教师公开点评并参与。组织教师定期来讲解设计比赛中获奖的优秀作品。此外,平台中还应该具备一些赞美和跟进功能,对所有人公共开放。同时需要保障平台的稳定性和安全性,避免遭受到恶意攻击与破坏行为。
  结语
  大多数Web前端教学在各大高校中普及,针对学生的不同学习群体来定制出相关的课程来进行web前端的教学。而采用web前端知识体系及教学的实践内容,来展开设定专项的设计比赛的辅助教学方式的高校并不多见。如持续举办设计类的相关赛事,可以有效促进Web前端教学,帮助学生提升审美。
  参考文献
  [1]刘蕾,刘冰月.Web前端课程的知识体系和教学实践[J].软件工程,2018,21(06):50-52.
  [2]徐辉,高荣.“jQueryWeb前端开发应用技术”课程教学实践探索[J].福建电脑,2017,33(11):61-62.
  [3]郭晓梅.基于web开发的课程教学实践研究[J].科技经济导刊,2017,(24):154.
转载注明来源:https://www.xzbu.com/1/view-15285962.htm