您现在的位置是:主页 > 如何设计网站 >
设计器结构说明
2022-10-12 15:59:45如何设计网站 120人已围观
想要快速掌握网站制作方法,参考帮助文档内容进行实践,需预先了解设计器的结构及功能。本文介绍设计器的结构,各部分的名称及如何使用。
设计器包括顶部操作栏,左侧资源区,中间设计区,右侧快速设置面板四部分,具体位置如下图所示。
说明 为避免设计器页面和管理后台顶部名称重复,将设计器内的顶部称作顶部操作栏。
顶部操作栏
为您从左至右介绍顶部操作栏功能。
- 返回功能:最左侧返回图标,单击可返回网站后台。
- 切换页面功能:单击当前页面名称,可切换页面进行设计。
- 中间可切换设计PC/手机端;旁边可切换语言进行设计。
-
单击…,可查看帮助中心、标尺、操作记录。
说明
- 标尺注重人性化,随页面风格变换颜色,使用不会影响您的设计灵感。
- 操作记录:可查看您在设计器中的操作记录,也可快捷键shift+H打开操作记录。
-
撤销恢复保存功能:除了在顶部有直接的按钮,还可使用快捷键:
- Windows快捷键:撤销:Ctrl+Z;恢复:Ctrl+Y;保存:Ctrl+S。
- Mac快捷键:撤销 :⌘+Z:恢复:Shift+⌘+Z;保存:⌘+S。
- 预览功能:可预览效果后再发布网站。
- 层次功能:通过检查层次可以发现自己的设计漏洞。
- 发布:单击发布可发布网站。
- 备份功能:单击表状图标,开启自动备份后,可备份当前网站设计。
左侧资源区
- 内容:包括文字、图片、图文组合,以及文章、产品、文件等主要内容为文字、图片的控件。
- 功能:包括阿里云视频、地图、分类、搜索、留言板、评论、分享、音乐、会员电商等功能。
-
设计:
- 栏目导航:主要包括各种导航。
- 排版布局:包括按钮、线条、各种布局控件(容器、标签)、弹窗。
- 高级:包括Html/Css/Js代码控件、配置爱番番所需代码控件、配置CNZZ所需代码控件、配置第三方视频所需代码控件。
- 表单:可设置表单。
中间设计区
选择好模板后可对中间设计区进行设计,设计区分为页头页尾和页面内容两部分。
说明
- 页面内容的页头页尾可设置为空,多个页面内容可选择相同的页头页尾统一设计。
- 可制作多个页头页尾。
网站切换到手机端,可在左侧设置网站在不同设备展示的网站
- 手机端访问开启:选择响应式按钮,手机端访问默认访问PC网站(应用响应式效果),自动适应用户所用设备。
- 手机端访问开启:选择独立设计按钮,手机端访问默认访问手机端设计网站
- 手机端访问关闭:响应式按钮+独立设计按钮+下部文案不显示
快速设置面板
-
右键快捷设置:鼠标右键单击某一控件,将弹出下图所示弹框。单击属性会弹出快速设置面板,单击对齐可设置对齐方式,选中多个组件时,单击分布,可设置分布方式,单击层级可调整层级。
说明 按住键盘的Ctrl或command键,同时鼠标逐个单击选中,即可选中多个组件。
-
快速设置面板:单击设置,可弹出快速设置面板,用于设置当前组件的样式、数据、动效、排列。
- 样式:一般是像PPT一样的调整阴影、格式等样式。
- 数据:可添加或更改数据、设置数据跳转链接及数据打开方式。
- 交互:可设计控件内部动效。
- 动效:可设置控件整体动效。
- 排列:可设置尺寸和位置。
上一篇:选择模板
下一篇:云·速成网站如何登录网站后台
相关文章
随机图文
-
设计器操作指南-留言平路控件
留言控件、评论控件作为网站浏览者反馈、建议的重要通路,本文介绍如何添加并设置留言评论控件。 添加留言/评论控件 在设计器中,单击功能 > 功能,选择留言板或评论区。 设置留言控件 选中当前留言控件,单击设置,右侧弹出快速设置面板,可设置搜索控件的样式、数据、动效、排列。 样式:可调整默认和悬停时的样 -
网站如何添加友盟统计/CNZZ/站长统计
添加站点:登录友盟+,单击网站统计 > 添加站点,完成填写您的网站基本信息后,单击确认添加站点即可。 获取友盟统计代码:添加成功后,单击统计代码,选择图片形式,并复制。 使用友盟统计:在设计器内单击组件 > 高级 > 代码控件 > CNZZ,在页面合适位置单击完成添加,并单击设置,将已获取的统计代码粘贴,保存并发布网站即 -
电商配置-支付配置-微信支付配置
使用微信商户账号登录微信支付商户平台,单击顶部的产品中心,在产品大全中分别单击H5支付和Native支付,按提示输入个人信息以完成申请。 支付配置:申请成功后,单击左侧菜单栏中的开发配置,下拉至支付配置一栏,您可选择配置H5支付、Native支付、公众号支付。 配置H5支付:需将您的网站顶级域名添加到H5支付域名; -
电商配置-销售配置
应用场景:用于在网站下单时的售卖、配送计价规则配置。 功能说明:可设置计价币种(人民币/美元)、订单有效期、默认运费、配送商(如顺丰)。