网站风格指南

本页面包含适用于太阳2平台网站的标准信息，这些网站运行在WordPress平台上，由通信和营销办公室管理.

它将与 编辑风格指南.

在创建和编辑内容时遵守这些标准将有助于确保一致的用户体验.

看到 WordPress教程 有关使用内容编辑器的分步说明.

快速指南

针对常见主题的具体指导.

新页面内容

在创建新的(或编辑现有的)页面时, 在发布前确保你有足够的内容.

页面是空的或几乎是空的，并且有“正在建设中”或“稍后再检查”或类似的信息是要避免的.

页面标题

网页标题是最重要的搜索引擎优化(SEO)因素. 它将被搜索引擎结果用作搜索片段链接的标题.

职称标准

标题:

  • 与他们所引用的网页高度相关，并包含重要的关键字.
  • 预先加载关键字.
  • 理想情况下，长度不超过65个字符，当然更多也可以.
  • 与众不同——与Harvey Mudd网站上的任何其他网页都不一样.
  • 遵循 标题编辑风格指南.

标题的例子

缺点: 简历
好: 布朗教授简历
最好的: 布朗教授的简历

WordPress allows users to customize the “permalink” of the web page; this is the last part of web page’s URL, 如下黑体所示:

  • http://vgwegn.568506.net/chemistry/this-is-the-permalink

WordPress会根据在标题框中输入的内容自动创建永久链接. 删除特殊字符，并用连字符替换空格.

例如，一个标题为“如何繁殖雪貂”的网页的永久链接为:

  • / how-to-breed-ferrets

永久链接的标准

在创建永久链接时，请考虑以下事项:

  • 它应该与网页的标题相似或相同.
  • 垃圾词(e).g., And, it, the, of, at)可省略.
  • 单词之间的空格应该用连字符代替，而不是下划线.

改变永久链接

您可以在编辑器的右侧设置侧栏中编辑永久链接. 选择顶部的“页面”，点击“URL”旁边的链接.”

标题

标题是网页的主要组织工具. 搜索引擎使用标题来索引结构和内容. 用户通过标题浏览页面，因此它们对于快速定位相关信息非常重要.

标题是分层的，允许将内容分为四个子级别(注意: HTML是一种用于构建网页的语言，在HTML中有六个级别的标题. 然而，我们只使用关卡1-4.)

Heading 1 is only used as the title of a web page; t在这里fore 标题 2–4 are available for use within the content editor.

标题标准

  • 标题应该只用作标题，而不是使文本变大或变粗.
  • 标题 must be followed by associated content; they must not be used on their own.
  • 标题必须有逻辑性和层次性.
  • 内容区域内的第一级标题必须是标题2. 将内容分成几个部分，每个部分都有一个合适的标题.
  • 标题3用于细分与其上方标题2相关的内容.
  • 标题4可以用来细分与上面标题3相关的内容.
  • 如果内容需要在标题4之外进行细分, 考虑重新组织它或创建新的网页.
  • 标题应该与其开头的部分相关.
  • 不要在标题末尾使用冒号(e.g.，“今日菜单”).
  • 标题必须按照标题的编辑风格指南大写:
    • 标题中长度超过三个字母的单词大写(包括介词).
    • 除非是问号，否则不要使用标点符号.
  • 以问句形式表达的标题(如.g. 在faq类型的页面上)可以使用句子式的大写.
  • 不要通过将普通段落文本加粗来创建标题.

段落

大多数内容将是段落中的副本.

段落标准

  • 段落左对齐，不对齐.
  • 段落的第一个单词没有缩进.
  • 段落不应该用斜体字.
  • 应该有一个 单独的空间 在一段时间后再下一个句子. 没有例外!
  • 新的段落以回车键开始.

项目符号(无序)列表

无序列表用于列出内容(例如.g.(如文件、日期)，不需要优先顺序或重要性.

无序(项目符号)列表标准

  • 项目符号列表由WordPress配置为正方形，并与它上面或下面的任何标题或段落的左边缘对齐.
  • 连字符、连字符或连字符(-、-、-)不应用于项目符号列表.
  • 如果列表项包含多个单词(例如.e.(它们包含句子)，无序列表不是最好的选择. 相反，将每个项目分成一个标题，后跟几个正文段落。.

编号(有序)列表

编号列表类似于项目符号列表, 但是使用浏览器应用的编号(或字母)顺序.

有序列表可用于标记某人必须执行的一系列步骤, 目录目录目录或编号的参考书目.

已排序清单标准

  • 使用的数字是十进制(1,2,3).
  • 嵌套列表使用小写字母数字字符(a, b, c).

可以自定义嵌套列表中使用的数字或类型，以满足特定需求, 如法律或伪法律文件中的条款/子条款.

块引用

块报价用于显示来自其他来源的报价. 它的样式适当，以便在视觉上与主副本不同. 它仅用于引用实际来源，而不是作为缩进文本的快捷方式.

  • 用于显示引用自某人或其他文档或来源的文本块.
  • 如果很长，段落可以嵌套在.
  • 不要使用块引号来创建文本缩进.

超链接(或“链接”)用于将用户引导到另一个网站、网页或文件. 他们还打开电子邮件、电话和传真客户端.

链接标准

  • 当脱离上下文阅读时，链接的文本应该提供足够的信息. 使用描述链接目的地的文本.
  • 永远不要解释如何使用链接.g. 不要使用“点击这里”，“这个链接”.
  • 不要使用毫无意义或通用的文本，比如“learn more”。, “阅读更多” , “在线表单”, “应用程序”.
  • 只要有可能，将链接文本尽可能地放在句子的前面.
  • 链接文本不应该是URL本身(例外:参见下面的电子邮件链接).
  • 当后, 链接到其他网页不应该打开一个新的浏览器窗口或选项卡(系统自动配置防止这种情况).
  • 链接到文档和表单将自动打开一个新的浏览器选项卡:
    • PDF
    • 微软Word、Excel
    • 谷歌驱动
  • 任何指向文件或文档的链接都应该在括号中加上文件类型的指示符. 这应该成为链接文本本身的一部分:
    • PDF
    • 文书处理软件
    • MS Excel
    • PowerPoint女士
    • 谷歌文档
  • 如果链接到学院网站上的另一个网页, 使用该页面的标题并适当大写.

链接示例

电子邮件链接

在网页上，电子邮件地址应该被拼出来并有超链接.

不要像在与内容相关的超链接中那样将电子邮件地址嵌入文本中. 拼出电子邮件地址可以使点击链接时尽可能清楚, 你要给那个人发邮件. 最好的做法是将电子邮件地址中的每个新词都大写.

电话及传真号码

让电话和传真号码可以点击，这样用户就可以激活他们的电脑或智能手机的呼叫功能.

电话和传真号码标准

电话号码必须遵循编辑风格指南:

  • 首选格式:909.621.8000.
  • 扩展为“ext”. 2345“不是”x2345.”
  • 对于网站来说, 所有的电话号码都应该写得很完整，这样不使用校园电话的用户很容易拨打. 除了完整的号码外，您还可以包括扩展.

图片

图像标准

图像放置和尺寸比例(高x宽)有一定程度的灵活性。. 但是，下列标准适用:

  • 图像可以向左对齐(换行), 左(无包装), 右(包装), 右(不换行)或居中(不换行并居中对齐).
  • 图像可以是横向(宽大于宽)或纵向(高大于宽).
  • 可选的标题可以显示在图像下.
  • 图像必须具有描述图像内容的“alt”文本属性.
  • 首选的照片格式是JPG.
  • 首选的图形格式是PNG

图像和可访问性

图像必须具有描述其所代表的信息或功能的替代文本. 这确保了映像可以被最大数量的用户访问.

要确定任何给定图像的替代文本的正确用法，请查看 Alt决策树和替代文本指南.

斜体

斜体有许多特定的用例，但必须谨慎使用.

斜体标准

  • 电视节目, 电影, 音乐专辑, 书, 杂志, 戏剧, 期刊和报纸应以斜体书写: 《太阳2注册平台》, 哈维·马德学院杂志.
  • 在线杂志、期刊和学术出版物也应使用斜体. 艺术作品(油画、素描、雕塑)通常也是斜体.
  • 当报纸或期刊的名称是建筑物名称的一部分时，不要使用斜体字, 组织, 或类似奖项:洛杉矶时报图书奖, 论坛报大厦.
  • 船名:我们上船启航 泰坦尼克号.
  • 分类名称, 来自其他语言的专业术语和习惯短语也适合使用斜体字.
  • 斜体字应该用来强调单个单词或短句.
  • 整个句子或段落不要斜体. 如果你需要让内容脱颖而出(e.g. 需要注意的一点是，要考虑使用合适的标题.

大胆的

将文本加粗可以吸引人们对关键字和内容的注意. 然而，过度使用会迅速降低其有效性.

大胆的标准

  • 不要对标题应用粗体(它们已经是粗体了).
  • 用粗体来强调是不合适的.
  • 不要在整个句子或段落中使用粗体.
  • 对于要点或注释，请使用以下格式:
    注意: 提交截止日期为2015年7月15日.

增加重点

标题是吸引用户注意重要信息的首选方法.

斜体作为强调的标准

参见上面的斜体字.

强调粗体的标准

见上面的粗体.

划线作为强调的标准

不允许在标题和正文中划下划线.

文本颜色强调标准

不允许更改文本颜色.

其他标点符号强调标准

不要使用其他字符或标点符号来吸引人们对内容的注意. 使用标题或斜体代替.

例如，不要使用如下格式:

这个链接真的很重要

这有一个很好的繁荣，不?##

大写作为强调的标准

不要用大写字母来强调单词. 在适当的情况下，首字母缩写词和专有名词可以大写.g.乐高，nasa, NSF.

表

多年来，HTML表格被用来控制网页的布局. 这被认为是不合适的，因为这不是它们最初的用途.

这不是现代网站的最佳实践，甚至会给响应式网站带来问题, 比如哈维·马德的.

表格标准

  • 表仅用于需要表格式的数据(例如菜单), 日历, 课程详细信息, 等).

如果对修改现有表有疑问，请联系Peter Hobley (phobley@hmc).edu)在传播和营销办公室.

删除页面

删除页面很容易，但必须谨慎，因为入站链接可能会被破坏. 页面链接也需要从菜单中删除.