Visual Composure(简称VC)是可视化编辑器,通过拖拽的模块的形式搭建网页,所见即所得,新手经过简单的培训,就能搭建出一个页面。

通过阅读学习本系列教程,你可以在“不写任何一行代码的情况下‘,30分钟内搭建出一个精美的页面。

这次教程用企业官网中最常见的【关于我们】这个页面作为例子。

其中涵盖的VC模块有图片模块,标题和段落模块及团队成员模块,以下是效果图:

 

专业网站开发网页设计公司

深度阅读:

【WP可视化编辑器】交互式横幅-Interactive-Banners 预览地址:https://ultimate.brainstormforce.com/interactive-banners/ 作用: 图片文字在同框内展示,鼠标进过时,对图片覆盖一个蒙版,或对图片进行一个缩放 预览效果:后台:...
【WP可视化编辑器】高级轮播-advanced-carousel 预览地址: https://ultimate.brainstormforce.com/advanced-carousel/ 作用: 对事物进行轮播,在规定时间内将设定好的元素,以...
Visual Composure建站教程3 – 如何创建一个行 概念:行(row)是VC编辑器最重要的一个模块,它是所有模块的载体。其作用是为所有的模块提供布局,同时兼顾响应式设计,手机端布局。该布局遵循12栅格布局。即为将整个页面划分成相同大小的12列。可在行内内嵌一层行。使用方法:点击添加元素,选择行(row)。会出现一个空白的行模块。 ...
【WP可视化编辑器】动画区块-Animation Block 预览地址: https://ultimate.brainstormforce.com/animation-block/ 作用: 动画的样式多样,可以自行调整动画效果,给一些模块添加动画会给人视觉体验更佳 预览效果:后台: ...
【WP可视化编辑器】谷歌趋势-Google Trends 作用:显示谷歌趋势,图表类型有6种,如地图区域利益,表格区域利益等可以设置表格大小和位置等,整个模块是由表格数据和文字组成,一共有3种风格样式链接网址:https://ultimate.brainstormforce.com/...
【WP可视化编辑器】信息表-Info-Table 预览地址: https://ultimate.brainstormforce.com/info-table/ 作用: 将信息以表格式的形式输出,为上下布局可以插入图片,设计风格多样化,可以用来展示个人信息 预览效果:后台: ...
【WP可视化编辑器】Icon-Icon-M 预览地址: http://massive.mpcthemes.net/icon/ 作用: 有8种效果,对图标的处理,添加蒙版,偏移,文字提醒等 预览效果:后台: ...
【WP可视化编辑器】标题-Heading 预览地址: https://ultimate.brainstormforce.com/heading-2/ 作用: 给内容添加标题,可以对标题和字标题进行分割,一般用在文章内容较多 预览效果:后台: ...

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

wechat logo