HTML5设备运行可视化仿真在网页中的发布(5)_毕业论文

毕业论文移动版

毕业论文 > 计算机论文 >

HTML5设备运行可视化仿真在网页中的发布(5)

定义的表格以<TABLE>开始就一定要以</TABLE>收尾,要不然这段代码就不能显示效果。下图便是自由定义的表格

图2-2 自由定义的表格

HTML5 能够在网页中将视频和音频整合起来,同时为系统提供了一整套控制播放的元素。这让HTML5 在视频或是音频上能够替代传统的插件。例如:

视频的controls属性提供了播放、暂停、音量和全屏控制控件;

       Autoplay属性在指定后,视频会在准备好后自动播放;

       height、width属性用来控制视频播放窗口的大小;

       loop属性定义视频的重复播放。

此类属性元素还有很多,在此便不一一列举了。HTML5 还解决了在网页绘制图形的难题,将绘制图形与网页实现完整交互运动。

   HTML5可以实现多设备跨平台。意思是说,基于HTML5设计和开发的教学课件可以轻松的移植,并且可以跨平台地使用。设计开发的网络教学课件可以通过HTML5标准支持的不同版本的浏览器支持和实现并可以轻松地移植到其他公开的网络平台上,有利于教学资源的进一步分享和研究。用HTML5设计的网页还可以在不同的屏幕大小和分辨率的情况下能够随意地改变大小以适应不同的尺寸。HTML5超文本标记语言还具有即时更新的特点。它能够很好地展示用户体验;新的标签还能给开发设计人员提供全新的设计理念。多媒体元素给所带来的更多的感官刺激,较好地替代了Flash制作的各类动画[10]。论文网

HTML5编程语言简单易用、容易上手,这主要体现在一个初学者可以通过观看教程、查阅资料以及分析实例的方法设计一款简单的网络教学课件。当然,就HTML5编程语言整体而言,它包含了多种相关技术,涉及到很多复杂的编程代码,如果没有受到过系统的HTML5的学习与指导,设计者很难全面掌握HTML5的知识和编程代码并将这些技术应用到网络教学课件的设计制作中。但是可以用一些简单的编程代码插入图片、音频、文字、视频等各种教学素材,以所见即所得的方式进行设计。这样就可以摆脱技术不足的缺点,不需要接受专门的培训就能够设计出有自己风格特色网络教学课件[10]。

从代码的执行效率上来说,HTML5简化了以前版本的HTML的一些繁琐的代码段,将之修改为比较简单的标签。另外,HTML的代码可以直接用记事本打开进行检查和维护,本文不仅可以直观地看到写的代码所要展现的效果,而且对于设计者来说也节省了很多调试代码的时间。

2。3 HTML5编程语言的应用构思

运用HTML5编程语言设计网页课件在教育教学中是非常普遍的。下面,本文将对如何运用HTML5编程语言设计CZ380柴油机网页拆装课件提出一些想法。

首先,要主次分明即这款网页课件需要分主网页与子网页。如图2-3所示:

图2-3 主网页设计思路

图2-3初步构思了在设计主网页时需要用到的编程语言并实现了网页的一些效果。接下来要介绍柴油机的外观和实际应用。如图2-4所示体现了针对第一个子网页的设计理念:

图2-4 “产品相关”子网页设计思路

然后,需要介绍此款柴油机的一些基本参数,可用<table></table>标签进行定义。接下来,是针对柴油机与汽油机的不同作出解释说明。如图2-5所示:

图2-5 “柴油机与汽油机区别”设计思路

设计完这个子网页之后便是设计关于柴油机的工作原理说明。如图2-6所示:

图2-6 “工作原理”设计思路

设计完工作原理,需要设计一些关于柴油机的具体结构零件展示。具体构思如图2-7所示: (责任编辑:qin)