1 组件概述

组件是设计网页最基本也是最重要的元素,任何网页都是通过组合嵌套各种组件,合理设置组件参数而来的。因此,熟悉每个组件的使用场景,以及可设置项,是能否制作出精美网页的关键。
组件在设计器左侧功能面板上的【+】菜单中。点击【+】菜单打开组件面板。

2 组件

目前9466提供了共22个组件,大致可以分为3大类:容器类组件、内容类组件、插件。

容器类组件:容器、标题容器、分栏、标签页。
内容类组件:分割线、文字、图片、按钮、视频、音频、Flash、导航、幻灯片、图文、图组、列表。
插件:地图、框架(iframe)、HTML编辑器、评论、关注、分享、QQ客服。

容器类组件的主要作用是用来布局的,本身并不在网页上显示内容(标题容器和标签页会显示一小部分信息)。比如:
●     通过设置它们的宽度和高度,来占位某一块区域。
●     通过设置内边距或外边距,来让两个区域分开一定的距离。
●     通过使用分栏,来解决在一行内并排放置多个元素。

除了布局作用,容器类组件还可以承担设置边框和背景的相关需求。比如:
●     要给某段文字加个框,可以把该文字放入一个容器内,设置该容器的边框样式即可。
●     要给文字添加背景,可采用同样方式。

内容类组件是真实构成网页内容的组件。内容类组件又可以分为:基础组件和复合组件。
基础组件:分割线、文字、图片、按钮、视频、音频、Flash。
复合组件:导航、幻灯片、图文、图组、列表。
基础组件比较简单,如果您懂HTML相关知识,就能发现,一个基础组件基本对应一个HTML标签。
复合组件比较复杂,同时功能也比较强大。它们或者是多个基础组件的组合,形成一般网页制作中使用频率非常高的布局块,比如图文组件、图组组件。或者是带有动态交互的复杂页面效果,比如幻灯片、导航菜单。

3 应用中的组件

打开【+】菜单后,其中有个应用标签页。如果您安装了应用,会发现该标签里也有一些组件可供拖拽。下图是安装了文章和表单应用后的标签面板。

这些组件是应用里自带的,它们也可以被拖拽到页面上。不过,使用它们有些额外的规则,详细介绍,请参考文章表单应用。