在软件网页编辑中，我们第一步需要做的事情就是添加布局层与组件。

1、 直接添加布局层或组件，在上方的“组件”，我们看到很多组件，其中“新布局”、“外嵌布局层”是属于添加布局层，一般在组件编辑前使用，点击其他的组件即添加组件。直接点击这些，新添加的布局层或组件，都自动加在页面最下方，如图：

注：如果添加布局层，软件会自动在布局层内部填充一个“文字组件”，等待您调整好整个网页的布局后，再进行其他操作，比如替换操作。

2、 指定位置添加布局层或组件，选择组件后，进行组件的添加，新加的组件即在选择组件的“后面”，同理，添加布局层即在选择组件的容器布局层的“后面”。

选择组件：

添加一个组件（这里添加文字组件）：

添加完成的组件位置：

3、 如果您追求效率，可以点击上方的“模式”-“属性窗口”，然后在左侧出现的属性窗口中，点击“组件”展开组件面板进行操作，这样更直观、方便，效率更高，如图：