html5在艺术专业创业平台中应用

《html5在艺术专业创业平台中应用》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、HTML5在艺术专业创业平台中应用　　摘要：随着教育改革的深入发展，如何设计与实施创业教育已成为教改实践亟待解决的新课题。技术改变了教学与校园体验的每个环节，高校迫切需要将IT和网络计划与教育界的发展趋势结合到一起。该文对html5在艺术专业创业平台中的应用进行了分析研究，并提出了应用中存在的问题。关键词：HTML5；CANVAS；SVG；所见即所得；离线应用中图分类号：TP311文献标识码：A文章编号：1009-3044（2014）01-0156-04人类进入信息时代后，资本、知本、智本三足支撑的网络经济异军突起，产生了巨大的社会影响力。[1]

2、美国创业教育与研究的先驱狄蒙斯（JefferyA.Timmon）曾指出：“我们正面临一场无声的革命——人类的创新和创业精神在全世界取得伟大胜利的一场深刻革命。”设计是一个创新的过程，艺术专业创业平台设计有别于一般的电商平台，它紧密与课堂教学和企业需求结合，“卖出”的更多是创意，促进学生创业意识，树立品牌价值。该文结合所做工作，分析html5技术在建立智能化艺术专业创业平台的应用。1HTML5的发展与特色8HTML5是HTML的最新版本，现在仍处于发展阶段，虽然现在HTML4.01仍然是行业的标准，但不同的厂商的浏览器对HTML4的解释都存在一定的

3、差异。以微软IE、Firefox、GoogleChrome、Opera为代表的各大浏览器已经渐渐的支持HTML5，并成立了一个叫做WebHypertextApplicationTechnologyWorkingGroup（Web超文本应用技术工作组-WHATWG）的组织，致力于HTML标准的统一。可见，HTML5在未来必将成为网页设计的标准。HTML5，实质上是指HTML5、CSS3和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-basedrichinternetapplicatio

4、n，RIA），如AdobeFlash、MicrosoftSilverlight等的需求，并且提供更多能有效增强网络应用的标准集。HTML5有两大特点：强化了Web网页的表现性能，让WEB网页与桌面应用靠拢；追加了本地数据库等Web应用的功能。2HTML5在艺术专业创业平台中的应用创业平台的应用主要体现在三方面：学生的学、教师的教与企业的审。不管是服务器端的php、JSP等语言，还是客户端HTML4、javascript，都不能很好的实现以用户为中心的客户端体验，而HTML5的出现，很好的解决了这方面的瓶颈。无论是有创业需求的学生、作为引导者的教师

5、还是有发掘人才需求的企业，用户均可以按自己需求搭建个性化平台。82.1CANVAS实现在线创作在HTML5中，Canvas与SVG均可实现在浏览器中描绘图形的功能。两者均允许脚本语言动态渲染图像，通过Javascript动态改变笔触原理即可开发出类似所见即所得编辑器的在线作图控件。但两者在绘图方式上还是有所不同的，Canvas由一个可绘制地区HTML代码中的属性定义决定高度和宽度。JavaScript代码可以访问该地区，通过一套完整的绘图功能类似于其他通用二维的API，从而生成动态的图形。[2]如下代码（图2）：这段代码第一行定义了一个ID为“c

6、anvassample”的canvas容器，即定义了一块画布，draw（）方法为获取这块画面，通过JavaScript脚本绘制一个100*100像素的矩形到这块画布上。CANVAS可以对画布中每一个像素点进行精确的控制，色彩也比SVG更为丰富一点，而且SVG图形越复杂，DOM节点越多，严重影响加载速度，因此，在线创作模块适宜采用CANVAS。本系统在线创作模块使用了DeviantArt艺术作品展示网站所推出的muro绘图API。该API完全使用CANVAS标签与Javascript生成图像，而且支持android，ipad等移动应用，让用户在智能

7、手机、平板电脑上随时随地进行创作。主界面如图2所示，包含了图层，画笔，滤镜等的常用画图工具：82.2SVG实现个人主页艺术专业的学生一般都期望有一个个性化的主页，但无论是Dreamweaver等网页编辑软件还是CMS建站系统（ContentManagementSystem），都有比较专业的编程技术要求；传统的所见即所得网页编辑器（WYSIWYG）虽然可突破技术瓶颈，但缺乏绘图功能，所设计页面大多比较简单，主要用于网页文章的排版。如果有一个GUI界面，不需要专业的编程技术，既可实现类似PHOTOSHOP的平面设计功能，又可融合CMS建站系统的交互功

8、能，那对艺术专业学生来说，无疑是意义重大的。HTML5的SVG矢量绘图，把这种可能变成现实。SVG是ScalableVectorGrap