目录
a - z指数
 

网页样式,预设和最佳实践

查看全国网赌正规平台网站范围内可用的一些样式,以及如何实施的建议和指导. 

有一个建议? 如果你有问题,你可以在哪里找到任何风格或如何得到一个定制的风格, 联络网页小组(webteam@wp101ways.com).

字体

当你试图匹配其他设计的网页字体时,这里有一些建议. 你可以试着从 谷歌字体. 或者你可以用 Adobe的字体 (使用有效的Adobe CC订阅). 

  • Roboto (用于标头、重音等)
    • 这里正在使用机器人
  • Roboto-Condensed (标题、导航元素和标题的次要选项)
    • 这里用的是Roboto-Condensed
  • 板B 粗体(引号的重音字体)
    • 这里使用的是B板
  • 游廊(通用网页字体)

标志 & 大学品牌

视图西北的 品牌指导方针,包括徽标,以便在网络上使用.

格式(字体样式处理)

所见即所得编辑器有许多可以快速应用的默认格式 大胆的, 下划线删去. 这些都可以在工具栏或格式菜单中找到. 

您还可以使用Cascade编辑器快速一致地调整文本的格式,并使用全国网赌正规平台预定义的样式.

  1. 而在所见即所得编辑器中,选择要样式化的文本
  2. 导航到“格式”选项卡,
  3. 并从预设字体样式中选择或使用自定义样式
    1. 'Format' > 'Formats' 和 select from,
    2. 标题选项,系统默认的“块”选项,或西北“自定义”选项. 请注意,所见即所得工具栏中也提供了这些预设的快捷方式. 
截图:所见即所得编辑器

第14段(铅字)

大胆的

斜体

下划线

透油

p-large -段落大(介绍部分)

段落(标题类)

整段引用+段落-这是填充副本,以说明使用整段引用格式. 这是填充副本,用于说明块引号格式的使用.

标题1

标题2

标题2(附 .H1类)

标题2(附 .h2类)

标题3

标题4

标题5
标题6

列表

要添加或编辑列表,请打开面板并导航到下面两个圆圈中的任意一个按钮. 从这里,你可以选择哪种列表样式最适合你的网站格式. 列表示例也显示在照片中.

截图:列表

 

 

按钮

例如按钮

截图:链接按钮

 

 

创建按钮样式化的链接, 这将应用一个预设的CSS类的链接,以达到这个效果:

  1. 而在页面编辑器中,在所见即所得中单击“插入/编辑链接”和 
  2. 然后应用适当的链接(内部或外部)
  3. 在样式选项中选择“btn”或“btn light”,点击“确定”.  
截图:插入链接

 

重要的! 不定义表的宽度(在属性中不输入任何内容),或者在宽度中设置100%,以允许表响应.

定义一个表头(THEAD)来创建列头. 当以响应式格式查看表时,这些标头用作标签. 您可以通过在特定单元格上使用“nolabel”类来隐藏该标签.

名字。 Title 电话 电子邮件
鲍比熊猫 吉祥物 660.562.1212 bearcat@wp101ways.com

表格样式(可以在单元格»表格单元格属性下设置)

默认情况下,所有表格和所有单元格周围都有浅灰色边框. 这可以通过添加类“noborder”来禁用。.

行用 .应用标题类
行,没有应用类
与人争吵 .应用子类
行,没有应用类
与人争吵 .应用Alt类

条纹表

可以使用类“striped”创建行颜色交替的整个表.

第1行
第二行
第三行
行4
行5
行6

或者,您可以转到行»表行属性. 在左下角的菜单中选择Alt作为类, 选择将更改应用于偶数行或奇数行.

表空间

如果表格中的间距不均匀,则一些单元格可能采用段落格式,而其他单元格可能不采用段落格式. 段落格式在文本前后增加了一些额外的空白. 您可以在“格式”下拉框中(在工具栏中)添加和删除此格式。. 如果段落已经被选中,再次选择段落将删除该格式.

没有段落
没有段落

图片

查看全国网赌正规平台的上传图片指南,了解如何上传.

以下是一些图片推荐:

  • 考虑文件类型.
    • 为了获得最佳效果和减少加载时间, 首选WEBP或jpg文件,
    • 不建议使用png格式 对于大多数应用程序,因为它们会导致大文件大小,降低SEO结果和用户体验.
  • 一定要 适当调整文件大小.
    • 文件不应该超过1mb (1024kb),也不应该超过400kb.
    • 大型设计中的小图像会像素化,看起来很糟糕
    • 小空间中的大文件会占用不必要的空间并减慢web加载时间. 
  • 网页上的照片 总是在RGB模式, CMYK或灰度会大大增加文件大小.

查看全国网赌正规平台的 工具和资源推荐 有关查找大小和编辑照片选项的帮助. 

浮动图像(又名“文本换行”左或右)

“左”和“右”文本自动换行选项如下所示. 

爪标志这是填充副本,用于显示文本换行图像的左浮动和右浮动选项. 这是填充复制,用于显示文本自动换行的左浮动和右浮动选项. 这是填充副本,用于显示文本换行图像的左浮动和右浮动选项.这是填充复制,用于显示文本自动换行的左浮动和右浮动选项. 这是填充副本,用于显示文本换行图像的左浮动和右浮动选项. 这是填充复制,用于显示文本自动换行的左浮动和右浮动选项. 这是填充副本,用于显示文本换行图像的左浮动和右浮动选项.这是填充复制,用于显示文本自动换行的左浮动和右浮动选项.

西北的标志这是填充副本,用于显示文本换行图像的左浮动和右浮动选项. 这是填充复制,用于显示文本自动换行的左浮动和右浮动选项. 这是填充副本,用于显示文本换行图像的左浮动和右浮动选项.这是填充复制,用于显示文本自动换行的左浮动和右浮动选项. 这是填充副本,用于显示文本换行图像的左浮动和右浮动选项. 这是填充复制,用于显示文本自动换行的左浮动和右浮动选项. 这是填充副本,用于显示文本换行图像的左浮动和右浮动选项.这是填充复制,用于显示文本自动换行的左浮动和右浮动选项.