移动互联网时代高职网页前端课程内容重构.docVIP

移动互联网时代高职网页前端课程内容重构 　　摘要：在互联网已经进入Web3.0时代的今天，HTML5和CSS3作为新一代的网页前端技术已走上前台，成为主流网页前端技术。HTML5和CSS3为网页带来了更加丰富的表现能力，更加赏心悦目的互动效果，并且简化了网页前端的设计过程，使网页结构更加清晰明确、简单易读，使搜索引擎更容易抓取网页中的有用信息。HTML5和CSS3已经成为高职网页前端课程的核心内容 关键词：网页前端技术；HTML5；CSS3 中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2016）36-0198-03 随着互联网技术的发展，尤其是进入了移动互联网时代，网页技术在变革，如今的互联网已经进入了web3.0的时代，网站的前端发生了翻天覆地的变化，网页不再只是承载单一的文字和图片，页面上内容生动的动画、声音、视频以及软件化的交互形式都是基于前端技术实现的。如今社会对网页人才的需求，已经从最初的制作网页，发展到面向网页的开发工作。[1]网页前端技术在变，社会对网页前端人才的需求在变，传授网页前端技术的网页前端课程的内容也必须随之变化、更新 1 移动互联网时代网页的特点 随着移动互联网技术的不断发展和移动终端设备的智能化，移动终端设备（手机、平板电脑）上网的便捷性优势逐渐显现，越来越多的人更倾向于通过移动终端访问互联网，移动终端已经成为人们接触网络的重要渠道之一。据统计当前移动终端设备的用户数量已超越PC端，移动终端的网页浏览需求量上升，因此怎么让网页能够兼容更多类型的终端设备已经成为当前网页设计中的重要问题。为了解决这个问题，响应式网页应运而生 所谓响应式网页就是根据浏览网页的设备不同，自动对网页进行响应和调整，包括分辨率、图片的尺寸、页面宽度、页面布局和相关脚本功能的调整。即响应式网页就是一个网站能够兼容多种终端，而不是为每种终端做一个特定的版本 响应式网页的设计应该成为当前网页前端技术课程中不可缺少的内容 2 网页前端技术的核心内容分析 目前，网站设计标准化的理念已经形成，基于Web标准的网页设计已经成为主流的网页前端设计技术。基于Web标准制作网页，便于程序设计者设计出具有规范的文件，便于浏览器厂家研发出适应Web标准的浏览器，进而使得网页文件可以在不同的浏览器或终端设备展示信息 Web标准即网站标准，其用来创建、规范网页的基本内容，其是一系列标准的集合。通常网页由内容结构、表现和行为三方面构成，那么Web标准主要由结构化标准语言、表现标准语言和行为标准三方面的标准构成 结构化标准语言包括：超文本标记语言（HTML）、可扩展的超文本标记语言（XHTML）和可扩展的标记语言（XML）；表现标准语言包括：层叠样式表（CSS）；行为标准包括：DOM（文?n对象模型）和JavaScript。网页前端开发中，HTML、CSS和JavaScript是三种支柱型的语言，即在整个开发过程中扮演着十分重要的角色。[2]因此HTML、CSS和JavaScript三种语言是网页前端课程的主要内容 从前端开发技术角度来看，互联网的发展经历了以HTML和CSS为主的Web1.0时代，以Ajax应用为主的Web2.0时代，正在迈进以HTML5为主的崭新时代。[3] HTML5是HTML（超文本标记语言）的第五个版本，其作为新时代的web设计技术，为网页带来了更加丰富的表现能力，更加赏心悦目的互动效果。目前的网页前端设计中，HTML5已经逐渐的取代了HTML4.01和XHTML1.0成为主流的结构化标准语言。CSS3也逐渐走到了前台，成为主流的表现标准语言。在此发展趋势下，HTML5和CSS3技术已经成为Web前端技术的重要组成部分 3 网页前端设计相关的HTML5和CSS3的新特性 HTML是目前在网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML5以HTML为基础，对HTML进行了大量的修改，增加了许多新元素，扩展了许多新功能，使网页结构更加清晰明确、更加简单易读。HTML5的应用给网页的前端设计理念和技术带来了冲击 3.1 HTML5增加了结构类元素 在HTML5中，为了使文档的结构更加清晰明确，定义了一组新的语义化结构元素：header元素、nav元素、section元素、article元素、footer元素和aside元素等。这些新的结构类元素可以简化页面的设计，使HTML文档更容易加载，使搜索引擎更容易抓取网页中的有用信息 3.2 HTML5扩展了表单元素的功能 表单的功能是进行数据采集实现人机交互，其是网页不可缺少的组成部分 HTML5中增加了表单方面的许多功能，包括增加了input元素的输入类型以及