网页设计标准规范制.docxVIP

网页设计规范 一、展现布局 （一）展现。 1.政府网站应简练明了，清新大气，保持统一风格，符合万维网联盟（W3C）相关标准规范要求。 2.政府网站应确定1种主色调，合理搭配辅色调，总色调不宜超出3种。使用符适用户习惯标准字体和字号，同一类别栏目和信息使用同一模板，统一字体、字号、行间距和布局等。 3.根据适配常见分辨率规格设计页面，首页不宜过长。在主流计算机配置和当地平均网速条件下，页面加载时长不宜超出3秒。 4.对主流类别及常见版本浏览器含有很好兼容性，页面保持整齐不变形,不出现文字错行、表格错位、功效和控件不可用等情况。 5.网站内容要清楚显示公布时间，时间格式为YYYY—MM—DD HH∶MM。文章页需标明信息起源，含有转载分享功效。 6.页面中图片和视频应匹配信息内容，确保加载速度，避免出现图片不显示、视频无法播放等情况。避免使用可能存在潜在版权纠纷或争议图片和视频。 （二）布局。 1.政府网站页面布局要科学合理、层次分明、关键突出，通常分为头部标识区、中部内容区和底部功效区。 2.头部标识区要醒目展示网站名称，可依据实际情况展示中英文域名、徽标（Logo）和多语言版、搜索等入口，有多个域名显示主域名。 3.中部内容区要遵照“从左到右、从上到下”阅读习惯，科学合理设置布局架构。 4.底部功效区最少要列明党政机关网站标识、“我为政府网站找错”监督举报平台入口、网站标识码、网站主办单位及联络方法、ICP立案编号、公安机关立案标识和站点地图等内容。 5.政府网站各页面头部标识区和底部功效区标准上要和首页保持一致。 （三）栏目。 1.栏目是相对独立内容单元，通常为一组信息或功效组合，根据信息类别、特定专题等维度进行编排并集中展现。 2.栏目设置要科学合理，充足表现政府工作职能，避免开设和履职行为、公众需求相关度不高栏目。政府门户网站和部门网站应设置机构职能、责任人信息、政策文件、解读回应、工作动态、互动交流类栏目。 3.栏目名称应正确直观、不宜过长，能够清楚表现栏目内容或功效。 4.栏目内容较多时，可设置子栏目。栏目页要优先展现最新更新信息内容。 5.做好各栏目标内容更新、访问统计和日常核查，对无法保障、访问量低栏目进行优化调整或关停并转。杜绝出现空白栏目，暂不能正常保障栏目不得在页面显示，不得以“正在建设中”、“正在改版中”、“正在升级中”等理由保留空白栏目。 （四）频道。 频道是围绕特定专题关键栏目或内容组合，通常设置在中部内容区顶部，在各页面统一展示，为公众便捷使用提供导航。关键单个栏目也能够作为频道。频道设置要清楚合理，突出关键。频道不宜过多，通常以5—8个为宜。 （五）专题。 1.专题是围绕专题工作开设特定栏目，集中展现相关工作内容。通常含有专题性、阶段性和时效性等特点。 2.专题通常以图片标题等形式在首页显著位置设置链接入口。专题较多时，要设置专门专题区。 3.专题工作结束时，相关专题要从首页显著位置撤下并标注归档标识，集中保留至专题区，便于公众查看使用。 4.专题页面风格标准上应和网站整体风格一致，具体页面展现可依据需要灵活设计。 二、地址链接 （一）内部链接。 政府网站要建立统一资源定位符（URL）设定规则，为本网站页面、图片、附件等生成唯一内部地址。内部地址应清楚有效，表现内容分类和访问路径逻辑性，便于用户识别。除网站迁移外，网站各类资源URL标准上要保持不变，避免信息内容不可用。 （二）外部链接。 政府网站所使用其它网站域名或资源地址，称为该网站外部链接。使用外部链接应经本网站主办单位或承接单位责任人审核。标准上不得链接商业网站。 （三）链接管理。 政府网站应建立链接地址监测巡检机制，确保全部链接有效可用，立即清除不可访问链接地址，避免产生“错链”、“断链”。对于外部链接要严格审查公布步骤，不得引用和所在页面专题无关内容。严格对非政府网站链接管理，确需引用非政府网站资源链接，要加强对相关页面内容实时监测和管理，杜绝因其内容不正当、不权威、不真实客观、不正确实用等造成不良影响。打开非政府网站链接时，应有提醒信息。网站全部外部链接需在页面上显示，避免出现“暗链”，造成安全隐患。 三、网页标签 网页标签是指网页模版中对相关展现内容进行标识而设置标签，通常包含网站标签、栏目标签、内容页标签等。政府网站要在页面源代码“〈head〉…〈/head〉”中以meta标签形式，对网站名称、政府网站标识码、栏目类别等关键要素进行标识，标签值不能为空。 政府网站要在全部页面中设置相关标签。栏目页要设置网站标签和栏目标签。内容页要在设置内容页标签同时，设置网站标签和栏目标签中“栏目名称”和“栏目类别”标签。 （一）网站标签。 规范名称 标署名称 是否多值 设置要求 赋值内容 网站名称 SiteName 否 必选 政府网站规范名称