多元化互动响应式网站设计

　　摘要：随着通讯信息科学技术的不断发展，以及智能手机、平板等移动设备的广泛普及，人们在日常生活学习中使用移动设备的次数越来越频繁。然而传统的网站并不能自动适应在PC端和移动设备等不同设备之间切换，严重影响了移动设备用户的使用体验，基于Bootstrap设计的响应式网站能够很好的解决这一问题。响应式网站应用于不同的屏幕大小不同的系统，还具有网站运行稳定、后期维护成本低、对未来设备具有良好的扩展性等优点。

　　关键词：响应式网站；Bootstrap

　　一、引言

　　据CNNIC第44次报告，截至2019年6月，我国网民规模达8.54亿，其中手机网民规模达8.47亿，网民使用手机上网的比例达99.1%，这一数据表明我国手机用户占了上网用户的绝大多数。与五年前相比，移动宽带平均下载速率提升约6倍，手机上网流量资费水平降幅超90%。表明我国移动互联网使用持续深化。

　　二、需求分析

　　在通讯信息技术飞速发展、移动设备日趋成熟的当今时代，人们以及不再满足于通过传统的pc端获取所需的信息，相反地通过移动设备获取所需信息的频率和需求越来越高。但是在传统的网站开发中，网站尺寸的大小在开发已经固定在实际使用中并的不能随着设备屏幕尺寸不同而去改变网页大小给用户带来良好的使用体验。传统网站在移动设备上使用时会出现因为页面过度缩小而导致用户需要放大页面，但是大多数移动设备屏幕较小导致用户无法完整的浏览网站页面的问题。但响应式网站会根据设备屏幕的不同而去展现出不同的页面来提高用户的阅读体验。

　　三、网站设计

　　（一）网站实现目标多元化互动网站要满足网页编排和布局设计合理、简洁美观。为了给用户带来更佳的视觉体验，应该整体布局合理。同时可以适应于不同设备之间的切换，也要后期维护方便，所以本网站设计要满足以下功能。

　　（1）网站将对多元化互动的信息分类整理，使页面内容整洁、用户操作简单方便，网站也具有搜索功能，用户在查询网站信息时快捷方便。页面排版保持一致性：页面使用相同的文本、页边距，图片之间保持相同的间距。

　　（2）使用Bootstrap框架设计的多元化互动响应式网站，会根据用户在使用不同设备时，展现不一样的界面。使用户可以获得有良好的阅读使用体验。

　　（二）网站机构设计多元化互动网站包括前端页面、后台管理、数据库。前端页面使用CSS+Div布局网页，页面分栏内容分为首页、信息处理、联系我们等，使用Bootstrap框架合理搭配网站内容，使网站能够对不同设备和系统自动适应。使用PHP语言，使网站具有数据管理、人机交互功能，使用MySQL数据库对数据进行存储，便于网站后期维护和更新。

　　四、网站实现

　　（一）搜索功能为了方便用户及时找到自己所需或感兴趣的内容，网站添加搜索栏，和后台数据库连接，为用户提供信息查询功能。

　　五、网站测试

　　（一）网站测试的目的网站测试即是在网站运行发布之前对网站各项功能进行检验，它的实质是找出错误，而不是说明网站没有错误需要在实际使用中不断找出错误。网站测试是保障网站质量的至关重要的一个步骤。

　　（二）站点测试整个网站中有数量庞大的超级链接。在发布网站需要对这些链接进行测试，如果由人工对每一个链接进行测试，工程量是巨大无比会浪费掉很长时间。Dreamweaver中的站点管理器窗口就提供了站点快速检测功能。检查断掉的链接，在打开的文件、本地站点中查找断链截和未被引用的文件，检查外部链接，检查出与外部网站链接的全部信息。检查孤立文件，孤立文件在网页中没有用，上传后会占据有效空间，最好的方式就是处理掉。

　　六、网站推广

　　（一）注册搜索引擎搜索引擎会给网站带来越来越多的流量，注册到搜索引擎是网站推广最简单有效的方式之一。主要是注册到几个知名的搜索引擎，如百度、搜狗等。为了使各种搜索引擎查找到网站，需要在注册引擎添加页面标题：出现在浏览器标题栏左上角的文字，是网站中最先被看到的信息，关键字：在搜索引擎中检索信息都是通过输入关键字查找的，网站说明：在关键字的定义范围内有所侧重，突出重点吸引用户访问浏览。

　　（二）网络推广网络推广是常用的网站推广策略之一，最常见的方式就是在门户站点主页投放广告。将网站的信息发布在其他潜在用户可能访问的网站上，吸引潜在用户点击访问。七、结语相对于传统网站无法自动适应不同的设备，响应式网站可以在不同的设备上给用户带来良好的阅读感受，面对的用户群体也不只是单一群体的用户，而是面对更多的用户群体。使用响应式设计网站可以使网站在智能手机、平板、电脑等不同设备上带给用户更好的服务，从而提升了用户的使用效率和使用体验，也就提升了用户的满意度，用户满意后也会对访问次数也有一定的提升。相信在不久的将来，响应式网站会被越来越多的网站应用，为用户带来更好的体验。

　　参考文献:

　　[1]中国互联网络信息中心.CNNIC发布《第34次中国互联网络发展状况统计报告》[EB/OL].(2019-08-30).[2020-02-15].

　　[2]冯春英.基于响应式Web设计的新型图书馆门户网站构建[J].图书馆学研究，2015(15):34－40.

　　[3]葛雯雯，孟令辉.中国传统文化响应式网站的设计[J].现代农村科技，2019(1):78－79.

　　作者郭一丁

　　推荐阅读：大学公开课网站的设计与实现研究

《多元化互动响应式网站设计》

上一篇：我国中小企业实施电子商务提升竞争力的对策研究

下一篇：互联网时代大学生创业团队胜任力培育研究