网页风格指南

每个网页的顶部都应该有几个更大的句子像这样的-描述将在这一页上涵盖的内容.

所以:我们在这里为买球平台网站提供指南和风格.

为什么要建网站?

我们的网页是为我们的访客提供有用的资讯. 大学网站的设计初衷并不是要成为你所在院系所有成果的档案馆或存储区. 就像一座花园, 他们需要定期除草和喂养,所以每年至少花两次时间检查你的内容,以及它对你的受众有多大帮助.

你知道吗?? 你可以为你的页面安排评论,当你更新的时候你会被提醒!

对于包含定期更新数据的页面(如成本)来说,这是一个很好的功能, 办公时间, 或时间表.

使用文本

文本区域是网页中最常见的元素. 如果你用过微软的Word,里面会包含你熟悉的工具, 谷歌文档, 或其他写作和编辑软件.

通过视觉提示来引导读者浏览你的页面是很重要的:没有人喜欢一堵巨大的文字墙! 除了使用上面的头文件,你还可以 style 你的 文本,添加列表和链接,并插入有用的分隔项,如水平线.


其他有用的工具

除了在标准文本区域中发现的功能之外, 还有其他几种方法可以引导访问者找到他们需要的信息. 我们将在下面介绍这些.

使用内容类型“Callout Panel”将为该区域添加一个灰色背景, 哪一个可以帮助你把页面区域分成几个部分.
有链接

有链接

把这些想象成非常漂亮的纽扣. 它们允许您使用图像链接到另一个页面,而不仅仅是文本. 他们有一些重要的规则:

  • 您可以选择顶部的文本是黑色还是白色, 这取决于你的图像是浅色还是深色. CMS会自动调亮或调暗图像, 让它更容易阅读, 但是您可能需要使用不太繁忙的图像. 
  • 尽量不要用文字遮住脸部! 如果你有很多很棒的照片,比如会议或旅行时的合影,考虑一下它们的另一种用途.
  • 您可以使用的字符数量是有限的,以确保这些不会被扭曲. 如果您的链接标题很长,您可能需要使用其他工具或缩短文本.
  • 如果你有一个很长的单词,那就突破了界限, 您可以在文本大小之间切换——普通和小——以帮助内容更适合.

手风琴

考虑使用手风琴对可能有冗长细节的类似项目进行分组,例如:

  • 俱乐部或学生团体的描述;
  • 奖学金要求,或
  • 政策.

永远不要把紧急或重要的信息放在手风琴里! 设身处地为你的读者着想:你不会想要用额外的点击来查找紧急电话号码或及时的天气更新.


相关链接

这个内容模块为链接创建一个特殊的列表, 而不是依赖于段落文本中的链接. 这些用于链接到bowdoin上的其他页面.edu网站我们正在帮助访问者找到他们需要的东西,即使不是在我们自己的网页上.

相关链接的选项包括在一列或两列中显示它们的能力, 您可以从以下类别标题中进行选择:

  • 相关链接
  • 有关部门
  • 相关的办公室
  • 相关的形式
相关链接

使用水平换行和列是另一种在页面上分割信息的好方法. 

您可以将两种自动内容类型添加到部门或办公室主页:故事, 和事件. 这些内容类型中的每一种都将从另一个源提取数据 校园日历 或者是 新闻网站并把相关信息放在你的页面上.

准备从网站101移动到网站201? 

我们来谈谈 照片和图片库; or 颜色和排版.