Dooring零代码新体验,技术小白也能轻松上手!

Dooring 作为最终面向直接使用者的新一代页面搭建零代码方案,几乎0使用门槛,可以用拖拽的方式,就能轻松搭建各种精美的页面和应用,并且灵活性很高,应用场景也很丰富,可以用于搭建移动端轻应用、H5站点、企业微官网、轻量小程序,营销宣传页面,以及其他业务承载的页面等,改变原有的网页开发方式。

过去想要制作一个简单的页面,也需要花费很多时间学习前端知识,或者让专业技术人员开发。而市面上的低代码或零代码产品,通常需要使用者掌握一定的编写代码能力,使用门槛较高。现在使用Dooring,即便是不懂技术的小白也能借助Dooring丰富的模板或者组件,快速搭建出各种H5页面,甚至轻量的H5应用和小程序等也能搭建出来。Dooring的强大,在于你各种常见页面需求,只要充分利用Dooring强大的原子化组件,通过组件的组合叠加,总能找到对应的解决方案,满足个性化需求。

如果你也有搭建网页的想法,又想以尽可能低的成本将想法付诸实现,不妨跟着我一起,使用dooring强大的页面制作功能,为你的公司或产品打造一个令人印象深刻的网页。

01 使用dooring搭建的页面效果

在使用dooring创建页面之前,我们先来看一下通过dooring创建的页面效果,以下产品介绍页、活动宣传页、个人简历页等均为创作完成并发布的页面。

注:想要get同款页面的朋友,可以直接进入官网首页找到“精选模板”一键使用~

02 dooring有哪些优势

零门槛拖拽式页面搭建

像搭积木一样,拖拽式的组件极大的降低了你上手难度,可以从画布左侧直接将组件素材拖拽到编辑区并拖动调整它们的大小和位置,无需编写代码,摆脱技术限制,即刻实现精美页面的搭建。

多种实用组件

组件区域包括基础的图片、文本、表格、表单、视频、地图,活动等,以及导航,小程序等高级组件,覆盖了常见的页面元素。每个组件都可以根据需求进行设置,自由调整组件的样式细节、大小、颜色,以及交互和动画等,灵活实现个性化页面设计。

丰富的页面交互效果

选择组件后,可以在编辑器右侧为其增加动画、交互效果,让元素以淡入淡出、滑动、弹跳等方式呈现,提升页面视觉吸引力。同时,通过添加跳转链接,用户可以轻松实现页面间的无缝连接,引导用户流量,增强页面的互动性和转化率。

支持页面一键导出代码,离线部署

在平台搭建完页面后,可以将页面一键导出为标准的HTML、CSS和JavaScript代码。这给了用户一个完整的代码结构和资源文件,可以将页面用于离线部署,不需要依赖在线平台,从而保障了页面的稳定性和访问性能,同时大大降低了工具部署成本,Dooring也支持一键导出小程序代码,代码可立即运行在抖音和微信等开发平台。

支持搭建小程序页面

完成页面制作后,在导航区点击保存,然后一键转为微信小程序代码并下载,接下来只需要按照小程序的标准流程将导出的代码部署到微信小程序平台或抖音,发布页面和应用。

03 使用dooring搭建页面

下面以创建荣耀商城618拼团活动页面为例,介绍dooring的功能模块以及基于dooring完成页面搭建的过程,内容如下:

● 认识dooring操作页面

在电脑浏览器打开dooring官网创建个人账户,登陆后进入首页,点击[空白创建H5页面],可以进入编辑器界面。

编辑界面主要有四个部分:左侧组件素材区、中间编辑区、顶部导航区、右侧属性设置区。

左侧组件素材区

组件分为:基础、媒体、图标、商品、功能五大类别,富含多种实用组件。素材板块的大量图片及插画均可免费商用,只需要按需求挑选。

中间编辑区

编辑区分为画布编辑区和右侧功能按钮。 在画布编辑区,可以选择添加各类组件进行页面制作;也可以直接选择导入本地设计好的页面图片。画布长度会根据内容编排自动延展。 右侧固定的功能按钮包括:设置画布尺寸、图层管理、配色方案。

顶部导航区

顶部导航区指的是界面上方:常用操作、保存、下载、生成小程序、导入文件、清空画布、预览、私有化部署、更多、页面设置、个人账户。

右侧属性设置区

画布上选择的组件不同,右侧设置区显示的可调节属性也有所区别,可以对每个组件的样式、信息等细节进行修改调整。

● dooring基本编辑方式与发布流程

页面布局选择

Dooring提供了两种基本的搭建模式:自由布局和网格布局。

自由布局允许用户自主的摆放组件和元素,可以随意堆叠组件,放置在页面的任意位置,自由调整大小和样式。自由布局在展示创意和特殊设计效果时尤为有用,能够满足用户对页面灵活性和创作空间的要求。

网格布局采用固定的栅格系统,将页面划分为均匀的网格单元,用户可以选择不同大小的网格单元,根据页面需求和内容调整组件的位置。网格布局在制作相对统一、规模较大的页面时,如产品展示、活动推广页面等,能够提高页面的一致性和可读性。

我们可以根据搭建的场景需求,在顶部导航区【布局模式】中选择网格布局或自由布局,并填写好页面标题。

如何添加组件

首先直接点击需要的组件,添加到固定页编辑区域,用鼠标拖动组件调整摆放位置。然后选中组件后在右侧属性设置区修改相关信息,例如选中文字可以在属性设置区替换文本内容、样式、字体等,选中图片可以通过图片库上传图片并进行一系列设置,或者继续添加页面内容。

如何设置组件动效并预览

基础组件可以为其设置动效交互,直接点击选中后,点击右侧属性区中的【动画】可以选择该组件的动画效果并在编辑区查看;再点击底部【设置交互】在按钮交互板块,选择交互类型,填写链接地址并确定完成设置。最后点击顶部导航区的【预览】按钮,即可预览当前整体页面效果。

如何发布小程序

整体页面搭建完成,预览查看后,点击导航区【页面设置】,设置页面标题与描述信息,点击保存页面并发布即可。

刚刚接触dooring的你,一定要打开dooring,尝试使用dooring来帮助你更轻松更高效地完成页面搭建。如果需要更加深入的学习,可以点击dooring网站顶部的“视频教程”入口,进入教程开始学习。

最后,希望大家在dooring都有个愉快的使用体验,如有其他疑问,欢迎在评论区留言~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容