网页设计规范

网页设计规范

（本文目的在于规范网页设计以及介绍一些设计技巧）
网页设计的宗旨：做出在任何浏览器和电脑上都能正常访问且美观的网页。

本网站的设计要求：

1． 所有的网页页面在设计时美工需要考虑页面尺寸，各栏目、模块的位置、尺寸、内容，页面代码设计人员的工作就是将美工的设计原封不动做成页面，尽可能原图一样。一般来讲，整体页面宽度960px（不能大于1024px），高度不限。设计者要考虑到在不同分辨率下的显示效果，比如最常见的10247*68、1280*800、1440*960分辨率模式下的显示样式。

2． 页面有必要时可以设计2级页面来辅助显示。1级页面和2级页面风格要与主题一致，尽量不要设计3级页面。

3． 代码中尽量使用DIV层结构，不建议使用表格TABLE，但是有必要的话也可以，请综合考虑。附加的CSS代码，如果只在当前HTML文件中使用，就直接将代码写于当前HTML文件中，如果多个页面都需要使用同一CSS文件，则CSS要单独写一个XXX.CSS文件，再附加到需要的页面中。JAVASCRIPT代码要保证正确性，嵌入的视频、flash文件要调试，有些浏览器（比如IE）在现实FLASH前会提示是否显示，甚至拦截显示。

4． 代码的书写要有美感，格式要标准，该空格就要空格，要保证其他人在阅读你的代码时清晰明了。需要特别注释、以后可能会反复用到、特别难以理解的地方需要加注释。

5． 页面设计和制作是结合在一起的，设计人员在设计时如果想使用比较绚丽的效果，要和制作人员沟通下，看看技术上实现有无障碍；制作人员也要给设计者提出建议，有些效果可能设计者并不知道可以实现，此时制作人员要给出设计者建议，共同完成设计。而制作时有哪些地方需要修改页面的，也要联系设计人员及时修改。

6． 所有页面都要在最后标注版权和制作者。

7． 所有图片必须经过PS处理下品质和格式，建议用JPG格式图片，并且在保证清晰的情况下，修改图片品质，降低图片的容量大小，利于显示。

8． 页面设计后需要用多浏览器预览并测试。常见浏览器IE，FIREFOX，遨游，搜狗，360浏览器。有不兼容情况就要修改代码，看看哪里的代码不规范或者有错误。

9． 另附上一个检查网页错误的网站，以及网页设计教程网址
http://www.w3school.com.cn/index.html
http://validator.w3.org/（可以检查代码是否有误）

其它问题待补充~~

网站改版流程

网站改版流程

改版流程

随着网络技术的不断进步和网络文化、学校发展的需要，网站到一定时间进行改版是必要的。为了统一规范网站改版，使网站改版能够有序进行，特制定以下改版流程：

第一步，网站评估。改版之前，各网站负责团队需要对自己网站的情况进行调查（包括流量、栏目点击率、用户意见等），综合评估原有网站的页面设计和功能设计，对当前网站的使用情况进行评估。

第二步，制订网站改版计划。经网站评估后，确需改版，首先在指导老师指导下进行研讨，向网络管理办公室提交改版计划。

第三步，网络管理办公室集体研究。网络管理办公室开会集体研究改版的可行性和必要性，形成意见后报李智部长。

第四步，工作分配。由冰岩作坊进行美工分配和程序分配；网站团队安排专人和美工进行沟通；冰岩作坊安排人员迅速做好原网站的数据备份、迁移和恢复工作，保证网站运行的连续性。

第五步，领导审查。改版后的网站提交网络管理办公室和李智部长审查。通过后进行试用。

第六步，测试检验。网站团队抓紧测试并采取适当方式征求意见并反馈给冰岩作坊。

第七步，正式使用。网站团队可以采取适当方式对新版网站进行宣传。

流程示意

网站改版流程示意图

视野网专题制作流程

视野网专题制作流程

流程示意

流程说明

1. 视野网专题实行总策划人负责制，由总策划人向总编提交策划书，并负责向各成员安排内容搜集任务，统筹资料及栏目设置等。
2. 总策划人在提出想法时，要虚心接受指导老师及各成员的有益意见。
3. 视野网充分尊重成员的想象力和创造力，但应与网站定位及受众需求相贴近。
4. 总策划人与页面设计和制作成员要进行良好的沟通，使页面与内容能相得益彰。
5. 在制作专题的过程中，遇到问题或困难请及时与总编联系。