网站风格指南
本页面包含适用于太阳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://zutppg.bb-led.com/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本身(例外:参见下面的电子邮件链接).
- 当后, 链接到其他网页不应该打开一个新的浏览器窗口或选项卡(系统自动配置防止这种情况).
- 链接到文档和表单将自动打开一个新的浏览器选项卡:
- 微软Word、Excel
- 谷歌驱动
- 任何指向文件或文档的链接都应该在括号中加上文件类型的指示符. 这应该成为链接文本本身的一部分:
- 文书处理软件
- MS Excel
- PowerPoint女士
- 谷歌文档
- 如果链接到学院网站上的另一个网页, 使用该页面的标题并适当大写.
链接示例
- 缺点: 点击这里 这里是最新的太阳2平台和事件.
- 缺点: 我们的太阳2平台和事件部分有太阳2平台的最新更新,可以通过点击找到 在这里.
- 缺点: 我们的太阳2平台和事件栏目有哈维·马德的最新消息,可以在以下网址找到: http://zutppg.bb-led.com/about/news/.
- 缺点: 请填写我们的 在线表单.
- 缺点: 要了解更多的技巧,请阅读本文 伟大的文章.
- 缺点: 这真的很有用 网站 应该是你的下一站吗.
- 好: 我们的 太阳2平台及活动 部分包含哈维·马德的最新消息.
- 好: 看到 注册须知(PDF) 进一步资料的文件.
- 好: 校友的周末 报名现已开放.
- 好: 上一篇博文, 如何养宠物雪貂,引起了很多争议.
电子邮件链接
在网页上,电子邮件地址应该被拼出来并有超链接.
不要像在与内容相关的超链接中那样将电子邮件地址嵌入文本中. 拼出电子邮件地址可以使点击链接时尽可能清楚, 你要给那个人发邮件. 最好的做法是将电子邮件地址中的每个新词都大写.
- 缺点: 电子邮件我们
- 好: 联络我们: info@bb-led.com.
电话及传真号码
让电话和传真号码可以点击,这样用户就可以激活他们的电脑或智能手机的呼叫功能.
电话和传真号码标准
电话号码必须遵循编辑风格指南:
- 首选格式: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)在传播和营销办公室.
删除页面
删除页面很容易,但必须谨慎,因为入站链接可能会被破坏. 页面链接也需要从菜单中删除.