MacBlocs 3:你不应该错过的高级功能

blocs 3最为人熟知的是在相对复杂的网页设计中插手了一张友爱的面目面貌。它的拖放简单性和预先编写的代码块的快速组合使得HTML和CSS对于非专业人士来说远没有那么恐怖。可是稍加挖掘，即使是中级和高级web设计师也会找到喜好块的来由。

这里有一个精心筹谋的(但毫不是完整的)列表，列出了它供给的一些更标致的功能。此中一些是您可能忽略的旧的最爱，而另一些则是Blocs 3中全新的。

东西/原料

MacBlocs 3

方式/步调

1
一、自界说web字体
Blocs 3供给了一些小但不错的web友爱字体选择。可是若是你发现它们太有限，可以很轻易地添加你本身的。在Blocs >首选项中，找到一个按钮来打开Blocs的字体办理器。
2
可以利用+按钮来添加新字体，可以从谷歌的Web字体库中添加，也可以从当地字体文件中添加，这取决于您鄙人拉菜单中选择的内容。
对于当地文件，块至少需要一个.ttf或.woff字体文件，建议选择一个文件夹，此中包含这两种格局的字体，再加上.eot和.svg表单，以获得最年夜的浏览器兼容性。
对于谷歌web字体，从谷歌普遍的在线库中选择您想要的字体，然后在“Embed font”下复制HTML代码。
3
在Blocs的字体办理器中，添加一个新的谷歌Web字体，然后将HTML代码粘贴到呈现的框中，然后单击“Create”。
无论以何种体例添加新字体，在利用任何新归并的字体之前，都需要退出并从头打开块。当您导出利用这些字体的站点时，块将确保包含准确的链接或文件。(只要确保任何非google字体都有许可Web利用的许可证即可。)
4
二、资产办理公司
项目布满了辅助图像、文本文件、pdf文件等时，Blocs的资产办理器会撑持您。只需单击几下，就可以将这些文件分类到组中，以便更快地拜候。
在Asset Manager中，单击窗口顶部的“Select”，然后选摘要分类的项目，并单击窗口顶部呈现的蓝色“Add to”。可以将选中的项目移动到任何块的预置组中，或者建立全新的组来存储它们。
5
三、视频布景
在Blocs中的任何元素中添加视频布景比想象的要轻易。只要确保视频是MP4格局，而且巨细小于10MB（任何较年夜的，Blocs城市责骂您；任何跨越20MB的都不克不及工作），然后将其添加到您的资产办理器。拖曳它直接到任何块，使它的布景。
选择所需的Bloc，在Inspector窗格中查找布景调色板，然后单击“Video”复选框。当Blocs的占位符视频呈现时，单击缩略图中的刷新图标（见下文），从Asset Manager中选择一个新的。
6
四、全球色板
web上有良多HTML调色板选择器，它们可觉得您的站点供给一套互补的颜色。一旦你找到适合你的色调，把它们添加到Blocs的SatchManager中使它们连结一致，可以经由过程点击cmd-8、菜单栏中的.>Global Swatch Manager或者点击窗口右下角的小网格图标来拜候。
可以经由过程RGB、CMYK、HSB或十六进制代码值添加颜色，并经由过程简单的单击将它们应用于元素。若是改变本家儿意，想用赭色来互换闪灼，在“全球样本”窗口中如许做将确保站点中的每个赭色元素当即当作为你首选的闪灼。
7
五、菜单办理器
块主动将您建立的任何新页面添加到其导航栏元素。可是，若是您想从导航栏中解除页面，或者已经嵌套了子菜单，Blocs会很甘愿答应帮手。
8
经由过程点击cmd-9、进入菜单栏中的.>Menu Manager、或者点击右下角的菜单图标（上面用红色圈出）来打开菜单办理器。可以从站点的本家儿导航菜单中添加或删除项目，或者建立新的菜单，可以嵌套在本家儿菜单中，或者利用Inspector窗格中的Data选项板附加到所选的下拉菜单或列表Bric。
还可以编纂菜单中的每个项目——单击本家儿列表中其名称旁边的滑块条图标——以打开另一个菜单、导航到站点内的页面或外部URL，或仅充任菜单中其他项目之间的分隔符。
9
六、数据源
若是喜好本身设计的页面，而且但愿在站点的其他处所重用它，那么可以经由过程Page>Add to Template Library将其作为模板。可是如许做之前，经由过程设置页面的一些元素以主动更改，可以节流本身一些时候和从头输入。
Blocs中的任何文本对象都可以从页面名称、SEO题目或SEO描述中提取其内容。若是页面名为“我的照片”，可以将题目文本设置为在顶部主动显示“我的照片”，而不必手动键入。只需选择题目、段落或其他文本对象，然后转到右侧Inspector窗格中的Data选项板。利用下拉菜单选择想要的选项。
一个有效的提醒：避免“页面名称”而赞当作“SEO页面题目”。Blocs在页面名称中的每个单词之间添加奇异的连字符，当您利用“页面名称”作为数据源时，这些连字符就会呈现。SEO页面题目”给你同样的工具，没有时髦的连字符。
10
七、自界说属性
HTML5包罗标的目的页面上的对象添加近似于数据库的信息而不需要数据库的绝妙能力。然后可以利用JavaScript读取和操作这些属性。
块使添加自界说属性变得轻易。只需单击一个对象，转到Inspector窗格中的Custom Attributes调色板，并利用+按钮为肆意数目的自界说属性添加名称和值。
11
八、项目和页面设置
若是不克不及添加本身的JavaScript，若何将这些自界说属性传递给JavaScript。连同想包罗的任何其他文件。这合用于单个页面或整个站点。
要查看页面设置，切换到屏幕左侧的页面视图，单击页面缩略图右下角的滑块图标，并从呈现的上下文菜单中选择设置。
12
成果窗口许可您添加SEO信息，打开或封闭每个页面的顶部和底部的全局区域，将自界说代码添加到页眉、页脚或<!除了轻松启用头文件附件之外，页面上的DOCTYPE>标识表记标帜。
13
项目设置窗口可以经由过程屏幕左上角的项目名称旁边的滑块图标拜候，许可对整个站点进行近似的附件。窗口集中的其他选项卡选择自界说预加载器图形、添加阐发跟踪代码或选择用于站点的CMS。
14
九、CMS撑持
Blocs利用四种风行的内容办理系统：免费、开源十月、付费选项Pulse、Cushy或Surreal。
15
Pulse和10月获得它们本身的自界说金砖，您可觉得它们分派响应的CMS将识此外ID。Blocs的帮忙页面供给有关若何将Pulse或10月份与您的站点集当作的视频教程。
16
还可以右键单击页面上的任何元素，使其对四个CMSe中的任何一个都可拜候，位于上下文菜单的CMS部门下，该上下文菜单呈现：
17
十、心猿意马制砖块
若是可巧建立了一个出格酷的想要重用的Bloc，精晓HTML和CSS，足以编写本身的Bric，可以转到法式的新Bloc编纂器或Bric Builder，两者都在菜单栏中的Developer菜单下找到。
选择但愿保留今后的任何Bloc，然后右键单击它，并从上下文菜单中选择Add Bloc to Library，或者转到菜单栏中的Bloc>Add To Bloc Library。输入其名称、关头字和类别，它将插手Blocs栏中的新伴侣。若是您愿意，可以返回并调整Bloc Editor中的设置，或者经由过程右键单击Bloc并选择Export Custom Bloc与其他人共享Bloc。
18
建立本身的金砖四国比力棘手，而且需要上述的编码常识。若是有技术，扭捏金砖四国扶植者工艺本身的居平易近金砖四国。
即使您不是HTML标的目的导，也可以从各类第三方网站或Blocs的用户论坛下载其他用户的自界说Brics，并在这里办理它们。这些好工具有它们本身的.bex格局，将它们添加到Blocs很是简单，只需在Finder中打开那些文件即可。若是但愿导出本身的创作供其他人利用，请单击“共享”按钮，该按钮鄙人面的图像中圈出。
撰写本文时，Blocs正在开辟一个完整的API，它使第三方可以或许更好地建造、赠予或标的目的应用法式发卖本身的心猿意马制Brics、Blocs和其他附加组件。
19
十一、项目出口
完当作了HTML手艺，让Blocs在分开的时辰给你一份临别礼品。转到File>Export>Export Project...以打开选项菜单，这些选项可以使站点的代码更流利、更苗条，从而确保在拜候者的浏览器中加载更快。
20
不只是初学者
这些只是一些埋没在Blocs引擎盖下的加强功能。有关若何让您的网站扶植更轻易的具体信息，请参阅应用法式的周全常识库。