HTML5的boostrap响应式课程网站的设计(3)
时间:2022-12-17 20:01 来源:毕业论文 作者:毕业论文 点击:次
(1)页面大小不能匹配移动智能终端屏幕大小 1024*768以上的分辨率是现在绝大部分的PC端都具有的,很多的网页元素也都是基于1000像素左右的宽度进行设计的,例如广告条幅和按钮等。80*800~960*640是现在大多数移动终端的屏幕分辨率,移动终端的屏幕分辨率与PC机比较要小。使用移动终端来展现在PC端呈现的页面内容时,一定程度上被剪裁而缩小的页面就只能显示部分的内容。在这种情况下使用者不得不通过移动、缩放页面来保证被裁切的部分内容可以被显示,但是这势必会对页面布局造成影响,从而降低用户的使用效果以及满意度。 (2)页面布局不能自适应调整 传统的以两栏式或三栏式方式进行页面布局的Web课程网站具有结构相对稳定的优点,也更加符合用户的行为方式和认知心理,同时对提高PC端使用者的阅读效率也很有帮助,但是它不能在移动智能终端上自适应调整布局。移动终端上复杂多变的屏幕分辨率、大小不同的尺寸类型、定向类型横竖兼容等特点要求其呈现的课程教学网站的布局要非常的灵活,也就说能够根据屏幕进行自适应调整。不然,混乱的页面布局将会在显示过程中出现,这将在很大程度上降低课程学习资源的质量。 (3)页面交互元素不能够使用手指触摸操作 通过手指与界面接触的方式进行web界面交互操作是移动触屏设备最大的特点。与传统的通过鼠标、键盘和web界面交互的方式相比,手指触控方式要求以更大的作用区域为目标。但是传统的Web课程网站并没有在设计过程中考虑这一点,这就导致移动终端用户不可能能够访问传统的web网站。 (4)页面多媒体呈现形式受到制约 我们都知道web是在超文本环境下的多媒体综合,即超媒体。因此传统的Web课程学习资源的内容已经不是单纯的文本形式了,它已经扩展到多种媒介形式,例如图像、图形、动画、声音和视频等。但是设计者在面对移动终端时,不仅要选择适当的媒介形式去呈现学习资源,终端设备的性能和带宽的限制也必须考虑在内。例如:稳定性差、速度慢是无线网络最大的缺点,因此它在传输较大数据的时候很容易导致学习的中断,这势必会严重影响用户学习的效率,降低用户的使用效果。所以从这方面来讨论,传统的Web课程网站不适合在移动终端呈现。 在2016年3月份W3C宣布HTML5草案正式通过后,HTML5就成为了当前响应式Web标准的发展方向,虽然现在它还处在发展的初级阶段当中,但HTML5的核心技术已经被市场上的绝大多数浏览器支持,跨平台这个强大的特性极大地受到了程序开发者的青睐。现在主流的手机操作系统已经可以运行已开发的学习网站,因为上面陈述的传统课程网站不能在移动智能终端上呈现的问题已经可以使用HTML5技术去解决了。 因此本文将采用HTML5技术开发实现一套在移动设备上运行的课程网站,这个课程网站将为管理员发布和管理教学课程资源提供很大的帮助,对于用户来说这个课程网站还具强大的在线交流和移动学习的功能,因此这对于有移动学习需求的用户来说是一个很好的课程网站。 1。2HTML5响应式网站研究现状 1。2。2 HTML5响应式网站目前存在的问题 1。3论文主要内容 本文针对目前课程网站存在的问题,基于HTML5开发实现一套能在手机、掌上电脑等移动设备上实现课程教学的网站,并且具备控制、操作、互动、答疑等功能。 论文的结构如下: 第一章阐述研究的背景和意义,课题的发展状况、目前存在的问题以及论文的章节安排。 (责任编辑:qin) |