中国传统文化响应式网站的设计

葛雯雯 孟令辉

（衡水学院物理与电子信息系 河北 衡水 053000）

1 研究背景及意义

在互联网快速发展的时代背景下，网上关于中国传统文化的信息比较零散，关于中国传统文化的网站更是寥寥无几，并且在过去的网站制作中，大多都是手工操作，这既阻碍了文化的流通，又耗费了时间，不能很好的使用户迅速查询并浏览自己所需的信息。

本次设计的基于Bootstrap的中国传统文化响应式网站是为了帮助人们更加便捷的进行中国传统文化信息的查看，同时给用户提供更加舒适的界面和视觉体验，从而使人们能从多方面领略中国传统文化的风采。同时，数据库后台的运行速度也提高了中国传统文化信息在线发布效率，从而促进中国传统文化信息的快速更新，以达到减少人力耗费的目的。

2 需求分析

在信息爆炸的互联网时代，新知识随时出现，旧知识很容易被更新替代，中国传统文化里有着许多优秀的经典文化精粹，我们可以通过不断了解中国传统文化，快速提高自己的知识和技能，以满足专业工作的需要。基于Bootstrap的中国传统文化响应式网站，利用传播速度快的互联网传播中国传统文化信息，做到了信息传播的与时俱进。

3 网站分析与设计

3.1 网站实现目标。基于Bootstrap的中国传统文化响应式网站，既要满足目前的要求，又要能适应后期扩展，所以本网站设计要满足以下功能：

3.1.1 网站将传统文化信息分类细化，使得页面结构清晰，操作简单，同时提供了网站搜索功能，使得页面信息查询灵活方便。

3.1.2 实现网站的无bug运行，各个功能反应迅速，程序结构合理，方便后期升级及维护。

3.1.3 通过基于Bootstrap的中国传统文化响应式网站的实施，使用户可以在不同设备、不同分辨率下舒适的阅览中国传统文化信息。

3.1.4 网站后台的运行使得众多的传统文化信息可以及时有效的管理、修改、发布，同时便于网站管理者对用户群体的信息管理。

3.1.5 网站有较好的安全性和稳定性，维护方便可靠，保证网站实用性、先进性的要求。

为了有效的避免非法访问，本网站采用了身份验证机制，用户登陆时，通过输入帐号、密码以及进行必要的信息验证，防止非法登录及恶意破坏，根据用户的不同类型，访问权限级别也不同，按权限可分为：用户和网站管理员。

3.2 网站体系结构。网站的体系结构一般包括前端页面、后台管理以及数据库，本次网站设计开发的网站就由这三部分构成。前端页面主要采用div+css网页布局，将网站的内容主要分为首页、诸子百家、书画艺术、中国戏剧、中华武术、传统工艺等六大类，并运用Bootstrap框架对网站内容进行合理调配，以便网站能够对不同设备、分辨率屏幕自适应，同时合理的插入PHP动态网页语言，使网站具有数据管理、交互能力，并运用MySQL数据库对数据进行存储，便于对网站进行管理，增强了网站的灵活性。

4 网站实现

4.1 管理员登录界面。管理员后台登录界面使用了Bootstrap框架里的form-group表单布局样式布局，在这之中运用了框架自带的css样式对表单样式进行修改，使其更加美观，同时也节省了代码编写时间，提高了开发效率。

4.2 后台页面。在本网站后台页面，点击右侧上方导航项，可以打开该导航栏的列表项查看该导航下的内容，在这里可以对其进行数据的管理，方便简单。

4.3 首页搜索功能。中国传统文化博大精深，其包含的内容也是极其丰富多样的，因此为了增强用户体验，有必要为网站添加搜索栏，提供信息查询功能，使用户能准确地找到自己所需内容或是想要阅览的内容。

4.4 网站首页介绍。本次设计制作的中国传统文化网站是以内容介绍为主，在交互上体现的少，内容的展示大都采用标题正文式，所以本次网站布局采用的是“国”字型布局，使得页面整洁清晰的展示了传统文化内容。首页上的导航栏运用了Bootstrap框架中的collapse插件，这个插件简单实用，只需按它所示要求更改内容即可完成响应式导航栏的制作，使得页面可以在一定范围的容器宽度内自动折叠，从而达到美观页面，响应式布局的效果。页面的布局采用了Bootstrap中的栅格系统布局，使得页面内容在一定范围内自适应不同页面大小，从而为用户带来更好的体验。

5 网站调试与测试

5.1 网站测试的意义及目的

5.1.1 测试的意义。网站测试的意义在于能够通过检测找到网站中存在的错误，检验网站是否达到了技术要求，也相当于对网站的质量验收。

5.1.2 测试的目的。网站测试即是在运行之前对网站进行检验，它的实质是为了找出错误，而不是为了说明没有错误，网站测试是保障网站质量的至关重要的一个步骤。测试的目的是为了解决设计模型与实际成果不一致的问题，可能开发者没能真正了解客户的需求，网站功能与需求有所差异，通过测试能够找出这些矛盾，然后开发者再结合这些需求修改和完善网站来满足客户的需求。

5.2 网站测试的结论。通过对网站各个功能的测试分析总结得出：网站的功能基本满足用户的需求，功能达到要求水平。但是，由于现实的局限性，网站的内容还不够充实，需要广大用户群体的提供，然后加以完善，同时也不可能将所有的功能一一进行测试，而且测试所用环境与实际运行环境也存在着一定的差别，因此并不能完全无误地测试出网站存在的缺陷，对于网站可能出现的问题，还需要进一步修改和完善。

6 结语

6.1 网站通用性的问题。目前，通过基于Bootstrap的中国传统文化响应式网站，人们可以在线进行中国传统文化信息的查看，但是由于Bootstrap框架只是按容器大小自适应的，所以对于一些不规则的设备或者未来出现的新一代设备可能并不适用，这是在未来亟需完善和解决的问题。

6.2 网站的完善性问题。中国传统文化是中华文明演化而汇集成的精华，且内容众多，故而网站的内容可能存在不完整或者收录有误的情况，这是需要大家共同努力来完善的，网站内容才能更加充实。

6.3 与其他部门网站相对接的问题。网站的发展传播现如今是不能仅仅依靠域名单页面访问的，这需要网站管理将基于Bootstrap的中国传统文化响应式网站与其他网站进行有效的对接，实现信息的共享，这是网站建成发布不可或缺的一部分。