网页设计规范
网页设计规范
（本文目的在于规范网页设计以及介绍一些设计技巧）
网页设计的宗旨：做出在任何浏览器和电脑上都能正常访问且美观的网页。
本网站的设计要求：
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所示。
在例会3天之前，队长告知各位队员将要制作专题或广角镜，每位队员准备好几个主题，特别是文字编辑，在给出主题的同时，要提出选择此类主题的原因以及大致内容，在例会上进行讨论，选出合适主题。以项目制方式将主题策划交予一位文字编辑主要负责，在下次会议上讨论策划，补充内容，并最终确定策划。
之后完善策划，查找资料，丰富内容，可由几人协助完成，但需要有一位队员做主要负责人。若是制作广角镜，则需多找些图片，若是制作专题，则需由专题内容以及网页样式来决定需要哪些资源。在找好资源，设计好风格之后，于第三周例会进行讨论与展示，第四周开始制作并上传。
选题范围
广角镜的选题相对比较活泼一些，贴近校园文化生活，也可以涵盖当下流行词汇，例如草根、校园民谣。
专题的内容注重与时下的主流接近，选题相对于广角镜要大气一些，例如两会专题、学雷锋专题。
策划内容
对于广角镜策划，不用详细给出每个栏目，每页的内容，只需要列出稍微详细点的提纲就好，对关键部分做简要介绍，美工根据文字编辑的策划，对于页面版式简单列出一个大致的提纲。
对于专题策划，需要讨论每个栏目主题、形式与内容。
（1）选题目的、意义（所选主题应尽量贴近学校生活，但不局限于本校；同时要考虑到受众，这是关键）；
（2）所选主题大概的内容提纲，大致格式为：围绕主题可以分成哪几个部分展开，每个部分里大概分布些什么内容；
（3）大致的制作进度；
（4）可以适当的加入自己对于版式、风格的想法；
（5）如遇特殊情况，如何与队员共同分配任务，完成制作。
详细内容
将查找的资料进行整合，规范格式，做成一个文档。文档采用《视野网文档模板》。点击下载模板
注意事项
（1）初步策划出来后，发到团队群邮箱，团队成员要积极给予建议。
（2）广角镜与专题策划建议分配给2~3个文字编辑，1个美工，1个网页制作人员。
（3）在将广角镜制作成网页形式时，先将图片用序号排列好，发到群邮箱，给队长以及团队成员查看。
（4）队长要与策划负责人及时联系，查看其工作进度，并合理分配任务，修改实际工作方案。
视野网专题制作流程
视野网专题制作流程
流程示意
流程说明
- 视野网专题实行总策划人负责制，由总策划人向总编提交策划书，并负责向各成员安排内容搜集任务，统筹资料及栏目设置等。
- 总策划人在提出想法时，要虚心接受指导老师及各成员的有益意见。
- 视野网充分尊重成员的想象力和创造力，但应与网站定位及受众需求相贴近。
- 总策划人与页面设计和制作成员要进行良好的沟通，使页面与内容能相得益彰。
- 在制作专题的过程中，遇到问题或困难请及时与总编联系。
