基于H5的自适应工业网站系统设计开题报告

全文总字数：6359字

1. 研究目的与意义（文献综述）

1.目的及意义

伴随着信息时代的飞速发展，人们“坐井观世界”的愿望已经得到实现，从最初笨重的台式计算机，到现在最常用的智能手机、平板电脑等移动设备乃至近几年新兴的可穿戴设备，如智能眼镜、智能手环、智能手表等，无不宣示着科技带给我们的方便与快捷。与此同时，也提出了一个崭新的课题，那就是：如何让同样的内容在大小迥异的屏幕上都呈现出令用户满意的效果？对于传统的网页布局方法来说，新的用户体验意味着我们必须适时改进我们的网页设计布局方法以适应用户各种各样的要求，因此，很早就有人提出了设想，那就是“一次设计，普遍应用”，即让使用相同代码的同一个网页能自动适应不同大小的屏幕，让其可以在不同种类的设备上被浏览。我们称之为“自适应网站”。它的设计对于使用不同设备的用户能够灵活地进行操作、应用、转化，同时还可以兼得流式布局的优点，使得页面能够普遍适应各种分辨率不同的设备。该技术使得移动客户端网页布局更加合理，页面内容具有更好的可读性。

固定尺寸的页面是利用绝对单位固定网页元素的宽度，使网页的布局排列不随分辨率和设备尺寸的变化而发生改变。因为早期的显示设备更新换代相对比较缓慢，设备的尺寸变化差异并不大，大多都集中在1024的分辨率左右，后来随着宽屏与移动设备的普及，显示设备的尺寸就开始变得多样化，尤其是手机的分辨率，更是种类繁多。为了适应技术的发展以及用户的需求，网页的尺寸不得不针对设备进行改变。在早期的解决方案中，大多采用电脑与移动设备独立设置站点的方式，也就是电脑设计一个站点，移动设备设计一个站点，通过设备判断，自行跳转显示相应的站点页面。

2. 研究的基本内容与方案

2.研究（设计）的基本内容、目标、拟采用的技术方案及措施

2.1基本内容与目标

本次设计的主要内容是设计一个基于h5的自适应工业网站，要求针对不同终端显示界面特点进行研究，采用h5和mysql数据库，完成系统界面设计以及模块导航、特效、样式、链接等设计。使用户通过各种终端设备,方便对网页进行浏览。初步拟定该网站的功能包括：（1）主界面。用户可以通过该网站来浏览公司所有产品并点击查看其详情。（2）导航条。通过导航条在主界面以及各个子界面之间进行自由跳转，以此满足用户对公司的全面了解。（3）用户注册登录。拥有完备的用户登录系统，以满足各个用户及时查看自己已购产品或者浏览记录以及收藏产品等。（4）客服。便捷的客服联系方式可以使用户及时与客服取得联系以跟进对用户的服务。（5）特效。具有公司特色的特效若干，提升网页的视觉效果以及整体的浏览体验。

3. 研究计划与安排

3.进度安排

1-3周：查阅相关文献资料，撰写开题报告，完成英文文献翻译；

4-5周：论文开题；进行不同终端显示界面特点研究

4. 参考文献（12篇以上）

4.参考文献

[1] 陈晓雷.自适应web数据抽取技术研究[d].沈阳：辽宁大学，2018.

[2] 冯兴利,洪丹丹,罗军锋,锁志海.自适应网页设计中的关键技术[j].计算机应用,2016,06:249-251.