网页设计规范——2017年制.pdfVIP

网页设计规范 一、展现布局 （一）展现。 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 原则上要保持不变，避免信息内容不可用。 （二）外部链接。 政府网站所使用的其他网站域名或资源地址，称为该网站的外部 链接。使用外部链接应经本网站主办单位或承办单位负责人审核。原 则上不得链接商业网站。 （三）链接管理。 政府网站应建立链接地址的监测巡检机制，确保所有链接有效可 用，及时清除不可访问的链接地址，避免产生“错链”、“断链”。