年初写的一篇网站排版规范，删掉一些单位关键字，转到这里来保存下。
本规范适用于网站的信息发布工作，网站编辑在网站中发布信息，应自觉遵守本规范，各单位自建网站或资源库，亦可参照执行。
一、文字排版要求
1、文章标题格式
- 1.1. 文章标题为必填项，必须填写到对应的输入框内；
- 1.2. 文章标题不应在正文中重复出现；
- 1.3. 文章标题颜色、字号和字体均不可改动，应使用默认值。
- 1.4. 文章标题应准确表达文章内容含义；
- 1.5. 文章标题长短要适当，字数不超过栏目显示宽度。
2、正文文字格式
- 2.1. 正文文字使用默认字号和默认字体，无需手动修改（默认字号14px，默认字体为宋体）。
- 2.2. 段落标题等内容可以使用粗体，需重点强调的内容可使用斜体（部分浏览器显示中文斜体效果不佳，应尽量少使用斜体）。
- 2.3. 图片和表格标题使用默认字号和默认字体，无需手动修改。
- 2.4. 文字颜色使用默认颜色，无需手动调整，需重点强调的内容可使用红色（色值：#cc00000）。
- 2.5. 从 Word 文档复制正文，需使用“清除格式”工具，过滤掉冗余控制代码后，再对正文进行重新排版。
3、标点符号格式
- 3.1. 不重复使用标点符号，如在句末使用多个感叹号或问号等。
- 3.2. 行首尾不使用标点符号，除了引号和双引号外。
- 3.3. 标点符号不分离。占2个汉字空间的标点符号，如破折号“——”省略号“……”，在行间应为一体，视作一个字符存在，不能为了适配分行而拆成两行。
4、全角与半角格式
全角和半角是中英文的编码规范不同遗留下的问题，简单来说，中文汉字是全角占两个字节，英文字母是半角占一个字节。全角半角主要是针对标点符号，中文标点占两个字节，英文标点占一个字节。
- 4.1. 正文中所有的标点都使用中文全角标点符号。
- 4.2. 正文中数字使用半角字符。如：正确1000元，错误１０００元。
5、中英文混排
正文排版时，汉字与拉丁字母、希腊字母或阿拉伯数字等外文混排的状况经常出现。
- 5.1. 拉丁字母、希腊字母或阿拉伯数字应使用半角字符。
- 5.2. 英文专有名词首字母尽量大写。
- 5.3. 不要使用不地道的英文缩写。
- 5.4. 遇到完整的英文整句、特殊名词，其內容使用英文半角标点符号。
6、正文段落格式
- 6.1. 正文及表格使用默认行距。
- 6.2. 图片及表格上下方应增加一行空白。
- 6.3. 正文段首缩排以两个汉字的空间为标准，使用编辑器缩进工具缩进2个全角字符，不可手动敲空格。
- 6.4. 标题级别标准从大到小依次为：
- 6.4.1. 一级标题(h1)：一、
- 6.4.2. 二级标题(h2)：（一）（建议在标题级别繁多时使用）
- 6.4.3. 三级标题(h3)：1.
- 6.4.4. 四级标题(h4)： 1）
7、附件使用规则
- 7.1. 正文不允许使用附件方式上传，仅在需要用户下载后填表或打印的情况下，才可以在正文下方添加附件。
- 7.2. 在正文中需要对附件进行简单说明，说明附件的内容和使用方法。
- 7.3. 禁止在无正文内容的情况下使用附件。
- 7.4. 附件大小不可超过50M。
- 7.5. 禁止上传可执行的文件(.exe)附件，如需上传需压缩（.rar或.zip）后再上传。
- 7.6. 禁止上传任何带有病毒的附件，请使用杀毒软件扫描确认无病毒后再上传。
二、图片排版要求
1、图片格式
1.1. 允许使用3种格式的图片
- JPEG 文件交换格式（.jpg）
- 图形交换格式GIF（.gif）
- 可移植网络图形（.png）
部分浏览器及手机浏览器可支持SVG矢量图片（.svg）格式，使用前请咨询网站管理员。如果图片格式不符合上述规定，请使用图形图像编辑软件转换图片格式后再行上传。
1.2. 禁止使用图片格式
- 位图文件（.bmp）文件
- Photoshop 源文件（.psd）
- 其他未列出的图片格式
2、图片要求
- 2.1. 图片的长和宽不得超过720像素，文件大小不允许超过 300K 。
- 2.2. 禁止变更图片大小。即图片在网页中显示的宽度和高度必须严格等于图片的实际宽度和高度。
- 2.3. JPG图片分辨率统一为72dpi，禁止上传其他分辨率的图片如300dpi（打印格式）图片。
- 2.4. 禁止上传因缩小大小或降低质量而显示不清晰的图片。
- 2.5. 对图片进行剪裁时，需保证不影响图片的主体内容。
- 2.6. 重要内容的图片除了缩放尺寸外，禁止任何形式的修改（包括但不限于剪裁、调色、涂抹等）。
- 2.7. 禁止直接使用网络上中的图片，如需使用请先将图片存储在本地再行上传。
3、图片排版
- 3.1. 单张大图，图片须居中对齐，图片标题居中置于图片下面。
- 3.2. 多张小图横排，一行最多不超过3张图片，且横排的图片大小必须相同。
- 3.3. 单张小图，嵌入式图文混排时，使用文字环绕排版，图片靠左或右对齐。
- 3.4. 图文混排文字环绕时，禁止图片居中对齐。
三、表格排版要求
- 1.表格中文字使用使用默认字号和默认字体，无需手动修改（默认字号14px，默认字体为宋体）。
- 2.表格中表头可以设为粗体，需要重点强调的内容可以修改文字颜色为红色（色值：#cc0000）。
- 3.表格框线及表格中文字颜色使用默认颜色。
- 4.表格宽度不可超出正文宽度。
- 5.不允许使用超宽或超长表格，如果表格超宽或超长，请根据内容分割编辑成多个表格。
- 6.复杂表格，可在编辑完成后，导出图片，以图片格式发布。
四、音、视频文件要求
1、音频
- 1.1. 仅支持mp3音频文件。
- 1.2. mp3音频编码比特率不得超过128kbps。
- 1.3. 音频的长度不宜过长，单个文件播放时间控制在1个小时以内。
- 1.4. 音频文件的声音质量应清楚无明显噪音。
2、视频
- 2.1. 仅支持flv和mp4视频文件。（建议将音视频文件预先转成mp4格式，或者在上传视频的时候，由网站自动转成flv格式。）
- 2.2. 单比特率流媒体视频的比特率不得超过768kbps。
- 2.3. 视频画面长度不超过720像素。（建议长和宽的尺寸为 640x480 或者720x576 像素。）
- 2.4. 视频画面长宽比例应为4：3或16：9的横屏视频，禁止上传竖屏视频。
- 2.5. 视频的长度不宜过长，单个文件播放时间控制在1个小时以内。
- 2.6. 视频文件的声音质量应清楚无明显噪音，图像质量清晰，无明显马赛克。
- 2.7. 单个视频文件大小不应超过500m，如超过，请缩小比特率或分段上传。
五、动画文件要求
1.GIF动画
GIF动画（.gif）文件，长和宽不得超过 640像素，文件大小不得超过 200K。
2.Flash动画
- 2.1. Flash 动画原则上须是矢量动画文件，不宜包含大量的位图文件,不可以包含视频文件。单个 Flash 文件大小不得超过500k。
- 2.2. Flash 文件不允许对本地硬盘进行写操作，例如生成文本文件、 xml 文件等。
- 2.3. Flash 文件须完整封装，不允许外部链接网络地址，也不允许外部链接本地文件。
- 2.4. Flash 文件在内容结构上从属于网站，因此在画面大小、页面布局、背景颜色等方面应统一规划、相互协调，导航链接不能重复。
- 2.5. Flash 文件包括的教学内容范围不宜过大，可以是一个知识点、一个教学环节，或一个情境。
3. HTML5动画
- 3.1. HTML5动画为新增的一种网页动画格式，包含html5、css3和js文件。
- 3.2. 原则上不允许使用HTML5动画。如需使用html5动画需页面引用（iframe）或独立页面的方式实现，具体请联系网站管理员。
LEAVE A COMMENTS