1

中文门户网站的高端设计（含移动版）

一、技术要求

1.网站界面创意设计：
  （1）结合当前国内高校网站流行趋势，基于学校办学理念、属性、文化特性、内容规划及服务对象等角度制作出极具校园特色的网站创意设计，要从网站的基础结构、视觉设计及动效设计多个方面体现我校网站界面创意设计的特色。
  （2）整体网站识别风格创意（首页）：根据高校行业特性与气质创意设计网站风格。网站的设计风格要体现国际化视野，符合国际主流的设计趋势，使网站的整体风格典雅、大气。设计小组提供2套设计提案，择优选择，客户确定其中一套方案进行继续深化设计。
  产物：《首页高保真设计稿》、《设计策划汇报方案》、《栏目页设计稿》≤8个、《常见内容页设计稿》≤8个、《移动端首页设计》、banner大图设计≤10张、其他图片优化≤9张、《响应式代码包》、《网站模板包》、《网站资料包》、《网站测试报告》《按需提供上线微信公众号软文推广》
  （3）网站设计必须能够体现学校独特的文化符号，使网站所呈现出的视觉感受不同于其他相关类别的院校，具有原创性和代表性。
  （4）网站的设计思路必须明确清晰。要能够分析学校官网用户的访问路径和浏览习惯，有效的引导用户访问，最终实现信息找人。
  （5）团队成员包括：项目经理、策划师、网页设计师、前端工程师
  （6）网站内页设计：延续网站设计创意进行网站内页排版创意设计
  （7）界面基础图片与图标设计：首页banner制作，网站不同板块的图片、图标展示设计。
  2.网站风格
  根据调研所收集到的基本信息和需求，针对当前学校网站主流风格给出创意策划方案，将我校的实际办学特色、地理特色、人文特色多维考虑，规划出至风格发展方向，确定风格方向，奠定网站基调。
  3.色系
  采集学校主要色系支持续网站设计，以此色板为主要的色域选择区间。官方网站的设计风格（配色、排版、文字使用等）需要和学校官方的视觉识别系统相一致。
  4.相关素材应用
  调用学校提供的优质内容资源，例如照片、设计图片、视频、设计元素等，应用在本次项目中，网站所有设计元素，包括图像、视频、字体需要保证版权合法。
  5.首页设计
  要求能够通过美观、舒适、醒目的首页设计提升我校对于网站中关键信息的聚焦，增加信息的可读性，提升我校访问网站时的效率。同时，具有较强的视觉设计效果的版面能给人以简洁美观、舒适大方的体验，还能够给我校带来全新的心理感受。
  6.栏目页和内容页设计
  网站栏目合理规划设计主要是为了方便我校快速找到自己想了解的东西，增强我校体验。学校网站建立主要以宣传学校信息资源为主,要求设计依据学校要求，合理的栏目规划，确保首页清晰明了、页面整洁。项目设计团队应延续网站首页的创意设计，进行网站栏目页和内容页的排版创意设计。
  （1）网站的所有栏目都体现“简约、实用、重点突出”的特征。内容具体包含但不仅限于概况类、图文类、服务类、导航和检索类等。
  （2）概况类：关于院系或机关部处的简介和概况介绍。
  （3）图文类：图文混排，使用媒体手段展示信息，要求支持多语言。
  （4）服务类：主要提供与校友生活密切相关的各类生活与办事信息。
  （5）导航及检索类：包括导航功能、检索功能，方便访问者对网站信息的检索和浏览，便捷高效的获取网站信息。
  7.移动端适配设计
  要求网站采用当前主流响应式技术，既支持H5+CSS3自适应技术的网站移动化建设，也提供更加灵活、便捷的多屏展示技术进行网站的移动化建设，实现网站对移动设备的自适应。能够实现网站页面和文章内容、视频、图片等资源的全适配，兼容全部主流智能手机的操作系统：包括苹果IOS、安卓Android、鸿蒙等，兼容不同设备的分辨率。
  8.网站设计页面实现
  设计页面前台的HTML代码采用“DIV+CSS”的代码结构，代码尽量简短、干净，DIV嵌套层级少，代码符合Web标准。针对前端网站功能的定制化开发，项目开发团队负责代码调用和功能实现，整体开发过程要求确保兼容性和代码规范性，要求与前端UI统一。
  9.网站数据迁移
  建设完成的学校主页需要完整无损地迁移原有网站的历史数据（包括前台和后台的数据），迁移的数据主要包括各类结构化数据和非结构化数据，包括网站后台所有用户账号及对应权限、文章动态信息、学校信息、院系信息、师资队伍信息、教育教学信息、科学研究信息、招生就业信息、图片、视频、音频、附件等需确保完整安全。因本项目需要与原网站群系统后台实现数据对接。
  10.对接要求
  建设后学校主页，需要实现与学校其他二级学院与行政机构的网站数据打通及投递功能，一次维护不同站点同步显示，方便学校对外宣传的统一。
  11.新旧网站过渡运行
  为确保学校主页对外提供不间断的持续服务，同时，避免由于新主页运行过程中出现问题，导致主页无法正常访问，在新、旧主页过渡时期，确保过渡期间“新主页不稳，老主页不停”：在新主页试运行期间，老主页不停，仍提供原有服务，完成原主页到新主页的切换，保证无缝对接，保证学校业务的正确性和连续性。
  12.Html页面前端制作与网站实施
  （1）采用html5+css3+js最新技术，融入交互设计元素，构思交互动效过程，实现页面灵动展现，打造我校交互过程优质操作和视觉体验，最终将设计稿按W3C标准HTML页面进行制作，响应式布局，适配PC端及移动端，同时兼容主流浏览器。
  （2）首页响应式裁切、首页效果测试网站内页响应式裁切、网站内页效果测试（包含特殊页面响应式裁切、特殊页面效果测试）。
  （3）在学校现有网站群平台上实施前端所有页面，将所有模块组件化，以及同步搭建网站栏目。
  （4）网站功能实施：首页组件化功能实施、栏目页组件化功能实施、内容页组件化功能实施、其他页面组件化功能实施。
  （5）栏目建设：网站首页栏目建设、网站一级栏目建设、网站子栏目建设、网站其他栏目建设
  （6）文章源建设：网站首页栏目文章源建设、网站一级栏目文章源建设、网站子栏目文章源建设、网站其他栏目文章源建设
  （6）首页栏目资料源对接、网站一级栏目资料源对接、网站子栏目资料源对接、网站其他栏目资料源对接
  13.网站测试
  测试各浏览器下，网站显示是否正常、无错位、串行等，以确保网站在常用浏览器下访问正常。

二、网站群的兼容性

1.将建设完成的学校官网主页部署到学校现有网站群，配合正式上线。供应商须承诺：统一管理：建设后的学校主页需纳入学校现有网站群平台，符合其安全架构及等保测评要求。并运行在现有网站群系统平台上，开发设计页面需满足现有的站群平台安全架构及已经备案定级的网络信息安全等保测评要求。否则需另外提供不低于用户现有网站群平台系统性能、功能及管理需求的平台，并完成原有网站群站点及内容的迁移和用户数据对接，以及独立的等保测评定级备案。所有对接集成费用包含在整体报价内,采购人不再额外支付费用。供应商需提供承诺函。（用户现有网站群平台：博达高校网站群管理平台，系统釆用B/S结构设计、JAVA语言开发、J2EE技术架构）。
  2.网站需要纳入现有网站群平台防火墙之下进行统一安全防护，所有入侵情况，均会被记录到攻防日志当中。
  3.网站需要实现面向站群内各站的跨站点跨栏目的信息便捷投递，无需调用任何接口，实现站群的信息互通共享。
  4.网站纳入现有站群体系后，支持在特殊时期对网站进行一键置灰；支持在站群平台实现对网站的停止、启用、发布等方面的功能，提供网站检索、网站排序。
  5.能够实现针对当前站点的快速停止维护、停止浏览、停止维护和浏览、正常运转等多种管控模式。
  6.网站纳入现有站群体系后需严格遵循安全性原则，包含：网站备份、网站体检、应用防火墙、运维监控、网站安全补丁、网站授权监控、防篡改、危险文件扫描等推送和提醒。
  7.建设后的网站应具备“云导入”功能，在不需要下载多余插件的情况下，就能够实现Word文档的直接导入。导入过程能够自动识别word的标题、关键字、发布日期、摘要等word中的关键信息，并自动填充到编辑器对应字段位置。
  8.网站页面重构应考虑页面代码简洁安全， 便于进行横向扩展及提高系统的响应速度、并发量、稳定性和可用性。
  9.如需引用第三方资源文件，如：JS CSS TTF字体时，不允许直接引用来自外站点的文件，资源文件须上传到网站目录。且须屏蔽文件的版本信息，清除注释内容。
  10.采购人提供的页面效果图（包括主页、内容页、栏目页等设计效果图）要进行网站页面重构，形成Html文件展现网站页面所有动态效果。

三、售后服务

1.提供项目验收后的壹年免费质保服务。售后服务内容包括：（1）提供7天×24小时×365天的电话支持服务，包括节假日，非工作时间均可通过电话进行各类常见问题疑难解答，问题咨询，产品使用指导等（2）对网站bug进行修复（3）远程操作支持服务，主要包含当进行疑难问题解答，问题咨询等服务时，通过线上远程软件进行辅助，对客户进行一对一操作解答服务（4）网站故障修复，对网站在运行过程中出现的故障进行修复服务，确保网站稳定，正常运维。
  2.在质保期内，供应商应提供专门的技术支持工程师，技术支持工程师对用户问题的响应时间不能超过30分钟，如遇远程无法解决的问题，用户要求现场排查问题时，需要无条件第一时间赶赴用户现场。
  3.为我校网站运维人员提供远程的内容更新维护培训服务及必要的支撑技术培训服务一次，并提供培训手册、操作手册等资料。

1

项

合计