实验室网站改进方案精要.pptVIP

田英姿 * 2014.9.16 OUC信息安全实验室 风格和设计改进建议 网站类型定位 设计原则 适用性： 系统切合用户需求？ 稳定性： 确保网站可靠运行 安全性： 静态网站比较安全√ 易用性： 界面友好导航便捷？ 风格理念 旗帜鲜明： LOGO、网站名称、主题 ，准确，易辨。 内容明晰： 分类清楚、重点突出、简明扼要、查询流畅。 和谐流畅： 视觉上简洁大气，有较强的视觉冲击力，色彩过渡平稳和谐，突出重点。 富有创意： 运用新技术，特色鲜活，扩大影响力，体现实验室形象，展现内涵特质。 国内高校同类网站分析 国外著名同类网站分析 国外大学同类网站分析 国家重点同类网站分析 现有网站浏览器兼容性、分辨率、网页打开慢 —解决方案 浏览器兼容性 目前，对CSS 3和HTML 5支持最好的是Safari，Chrome次之，Firefox 3.6和Opera 10.5旗鼓相当，IE家族最差。 来自百度流量研究院的数据 浏览器兼容性解决方案： 保证在IE、Chrome、Firefox下没有问题，在其他浏览器下没有太大的问题。 经测试现有的网站在IE、 Chrome、Firefox、Opera、搜狗下页面排版显示没有问题。 如果需要更换新模版需在不同浏览器下先测试，筛选符合要求的模版，然后再修改。 不同屏幕分辨率解决方案： 经测试在1440x900至1024x768分辨率下页面排版显示没有问题，在800x600下横向排版出现问题。 微调css文件里的代码，应该可以使页面接近正常。 网页打开慢解决方案： 现象：第一次打开时很慢 原因： 1、图片过大（主要） 2、同学使用的网页需要加载文件（待定） 解决办法：把图片改小，去掉没有必要的加载、可以用HTML5离线存储功能。 内容方面： 1、很多实验室成员没有个人主页 任务：a统计所有人员，是否漏掉（安排人员） b制定已毕业人员符合切身实际的资料表（安排人员） c发送回收已毕业人员资料表（安排人员） 2、科研论文新加连接摘要页面 任务：a整理论文摘要 3、刘老师建议：内容丰富，经常更新 4、安全竞赛、Bule-whale加介绍页链接 任务：a介绍页内容 b给出这两个的整改方案 1.毕业生信息表： 需要增删的内容？ 林老师意见：把团队成员放到首页后面 如无外聘专家，则去掉 曲老师更换图片 解决方法： 科研论文加链接，新开页面显示摘要 2.科研论文与科研项目相对于其他导航栏栏目纵向深度小 问题： 倒序排列、编号、固定数目条目分页 ，新增条目需重新分页，更改所有页面。 解决方法： 1、不采用编号。改用标志替代 2、JS数组或者Json文件，实现自动分页 3、林老师建议做个小程序每次写入自动生成分页。 3.刘老师建议：内容丰富，经常更新 a 加上开设课程信息及讲义、课件的下载，同学们上课的讲解课件或讨论时的课件（首页加模块，还是加在导航栏？首页加模块林老师建议不超过4个，以简洁为主） b 可以加上信息安全的经典文章，最新安全资讯和漏洞学习等内容（加在哪里？） 4.安全竞赛、BlueWhale： 与网页风格突兀 解决方法： 加入介绍页，在介绍页中加入链接。 5、浏览器缩放问题 缩至30% 放至170% 解决方法：调整css宽高的设置 *