您现在的位置是:主页 > 如何设计网站 >
设计器操作指南-布局
2022-10-12 20:02:30如何设计网站 128人已围观
为方便您对网站的全面规划、布置,使各模块间更清晰,您可使用布局控件,布局控件内可放置多种其他控件。本文介绍如何添加及设置布局控件。
布局类控件的作用
布局类控件的作用图示如下:
添加布局控件步骤
-
单击
容器名称 显示效果 注意事项 容器 可调整宽、高 无 自适应布局 宽度自适应屏幕最大宽度 为避免出现显示问题,自适应布局与自适应布局间请勿互相嵌套使用 标签布局 多栏,可调整宽高 无 多栏布局 多栏,可设置高度,宽度可选择通栏/页面宽度可设置每一栏的比例 无
。选择所需布局控件,可参考下表进行选择。
- 选择后,在页面内合适位置单击即可添加成功。
说明
- 使用布局类控件时,应多查看层次,方便您缕清结构。
- 将容器控件放入标签布局控件中,再在容器中放置按钮、图片等,可设计出精美的导航。如需观看标签布局的视频请单击标签控件的使用。
设置容器控件
- 选中容器控件,单击 ,可设置容器背景、容器边框、容器阴影。
- 动效:选中控件,单击 ,可设置容器动画效果。
- 排列:选中控件,单击 ,可设置容器尺寸及位置。
设置自适应布局控件
- 选中自适应布局控件,单击 ,可切换样式、设置通栏背景。
- 选中自适应布局控件,单击 ,可设置高度(自适应布局宽度自适应)及位置。
设置标签布局控件
- 选中标签布局控件,单击 ,可设置默认状态下的标签样式、区域内容样式、阴影;悬停、选中状态下的标签样式。
- 选中标签布局控件,单击 ,可增加标签、删除标签、编辑标签名称、标签链接、标签链接的打开方式。
- 交互:选中控件,单击 ,可设置标签切换方式。
- 排列:选中控件,单击 ,可设置标签尺寸及位置。
设置多栏布局控件
- 选中多栏布局控件,单击 ,可设置宽度、比例、列间距、背景。
- 选中多栏布局控件,单击 ,可增加栏目、删除栏目、编辑栏目名称及栏目背景。
- 排列:选中控件,单击 ,可设置多栏布局尺寸及位置。
锁定位置功能
选中控件时,单击像锁一样的图标按钮,可锁定当前位置。
删除控件功能
选中控件时,单击像废纸篓一样的图标按钮,可删除此控件。
上一篇:设计器操作指南-栏目导航
下一篇:设计器操作指南-排版相关控件
相关文章
随机图文
-
云·速成美站后台如何绑定域名,解析域名,验证域名综合视频指导
一、网站绑定域名 在网站后台首页,单击网站管理 > 域名管理 进入域名管理页面。 单击新增域名,输入您的域名即可。 说明 一个网站可以有多个域名,如希望多个域名可全部跳转到同一网站,将域名全部绑定并解析即 -
站点迁移
如您拥有旧版产品,可将旧版产品中的数据迁入至当前新购的产品,可迁入文章、产品、图片、文件等数据。 开始迁移:在控制台首页,单击内容管理 > 站点迁移,输入您旧版产品的二级域名,单击开始迁移,即可开始迁移。 说明 迁移规则: 只支持旧版产品(老设计器)数据迁入; -
如何选择智能模板?
智能模板主要作用将模板中的模块拆分成一个个字段,通过内容解析与智能匹配字段,从而完成网站初始化,如您已有PDF、PPT、WORD网站文件,或希望快捷编辑文案内容的用户,可使用智能模板初始化网站,帮助您提高网站制作效率。本文为您介绍如何选择并使用智能模板。 如何选择智能模板? 在网站后台首页,单击更换模板,排序方式选择最新,如下图,带AI标志的,即为智能模板,单击选用即 -
电商配置-支付配置-PayPal配置
请使用企业账号,登录PayPal,将鼠标放置在右上角的设置状图标上,单击账户设置,在账户设置页面,单击网站习惯设定右侧的更新,进入网站习惯设定页面。 开启自动返回,并在输入框中输入:http://网站顶级域名/Payment/PaypalReturnUrl,保存后即可在付款数据传输一栏获取身份标记,具体如下两图所示。 获取身份标记后,将身份标记