原创力文档- 1、本文档共5页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
??
?
??
响应式网页设计在高校网站建设中的应用
?
??
?
?
?
?
?
?
?
???
?
?
?
?
?
摘要：在科学技术以及计算机互联网技术不断发展的时代背景下，为了能够满足人们的生活需求以及生活便利，比如平板手机、平板电脑等新兴的电子产品逐渐普及，而且广泛应用于我们的日常生活中。对于广大的师生群体来说，他们更你能能够接受使用便携的移动终端设备来从网络中得到自己所需的学校信息。因传统的网页设计都是立足于大屏幕PC端口完成的，这种设计不能随着设备窗口尺寸的大小而发生改变，然而，响应式的网页设计能够对屏幕的大小进行识别，并且自动对页面进行调整，能够实现一个网站兼容多种设备的效果，在运用响应式的网页设计的过程中，越来越多的高校门户也给师生带来了更好的用户体验。鉴于此，本文就响应式网页设计在高校网站建设中的应用展开探讨，以期为相关工作起到参考作用。
关键词：响应式网页；高校门户网站；设计要素
1、响应式网页设计概念
在提出响应式的网页设计概念之前，网站设计端的开发工作人员为了能够确保网站适应不同种类终端设备，经常会专门针对不同的终端设备完成相适配的版本的开发工作，也就是一个网站可以针对不同的终端设备开发出不同的前端版本，以此来满足对应的用户体验，但是，如果出现几十种甚至是上百中的型号不同的终端设备，独立开发的做法显然不太科学，会大大增加网站的开发成本以及后期的维修成本。因此，于2010年5月，网页设计师伊桑·马科特首次提出了响应式网页设计的概念，也就是给网站开发一个版本样式，以便能够自动适配并且兼容各种类型的终端设备，而且还能够满足相同的用户体验。也就是说，出现了响应式的网页设计之后，不仅使网站的开发成本下降，同时还解决了终端设备中的兼容性问题。各大搜索引擎也喜欢使用响应式的网页设计网站，这种网页目前已经成为了网站前端首要的设计选择。
2、设计院校响应式页面设计优化原则
2.1、页面设计兼具艺术性和体验感，避免页面冗杂
很多国内设计院校的网站版面风格基本上是一样的，网页中包含的内容相对较多，整个网站具有复杂性的特点，并且文字链接占到了首页的很大空间，从形式上而言，设计院校网站落后于网络内容自身以及网络技术的发展，缺乏对网站整体视觉形象的关注，特别是在设计方面缺乏艺术性。国外的设计院校网站则对网站主题的体现比较到位，在设计过程中能够明确网站的主题设计，优秀的网页设计需要服务于网站主题。不同的设计院校其性质以及目的也不同，网站所体现出的办学特色也有一定的差别，在进行网站设计工作的时候，首先需要明确院校的表达重点以及性质，通过不同方法体现网站设计的表达艺术性。
2.2、页面设计遵循内容优先于布局，重点展示信息突出
对于信息的接收，人们首先是借助首页的“形”来予以掌控的，在此过程中，页面布局发挥了非常关键的作用，页面需要遵循信息概括强、简洁而且容易导航的原则。使用响应式的页面布局能够改变以往的定式思维模式，从而实现对页面的创新设计。页面作为重要的信息内容展示区域，不是大篇幅的文字链接，国内大部分设计院校的网站普遍存在着同样的问题，信息内容的占比相对较大，而且还不注重设计效果。在实施网站设计工作之前，需要重点关注内容，不能先从布局着手，响应式网站设计工作的实施需要去除这种布局方法，并且还应该除去不必要的元素。
2.3、页面设计栏目适量归类避免层级过深
在设计院校的响应式网页设计工作中，需要避免出现层级链接太深的问题。因响应式的网站只是建立在一个站点之上，以此来完成多终端适配的，栏目的层级太深，就会导致页面无法加载或者加载时间太长。网页中的栏目也会出现很多一级栏目、二级栏目以及三级栏目等，对于栏目应该适当进行归纳，并且要重视用户的体验。栏目对于网站内容的整理与归纳，对首页内容的分类具有非常重要的意义，能够引导用户快速获取信息。因此，清晰的、合理的栏目结构设计对于网站而言非常关键。
3、设计学院响应式网页设计探究
3.1、网站用户定位
学院网站中包含了学院的各种信息以及对外宣传的重任，并且体现了学院的对外影响力以及形象。门户网站的关键职能是给浏览者提供所需的服务、知识以及信息，不同的浏览者有着不同的需求，只有合理细分浏览者的身份，才能够确立网站中的信息模块。学院网站所面对的用户主要包含以下几个种类：（1）未来学生浏览网站。在很多的很多之间进行选择，在获取信息内容方面针对性比较强，更加注重学校简介、专业设置以及校园生活等方面的内容，这对决策工作都会产生一定程度的影响。（2）学院学生浏览网站。掌握相关的公告与通知，并且还能够了解学院的最新动态，同时完成资料下载。（3）教职工浏览网站。获取工作方面的信息，同时掌握教学科研方面的信息。（4）考生家长浏览网站。找到与考生升学有关的信息，更加重视就业率以及专业设置，这是家长比较关心的
文档评论（0）