如何实现更灵活的页面布局

分享到:

2013-11-08 12:11:30

网站建设找凡科

一、使用场景 

一个网站内包含有许多模块与内容,在建站的时候灵活的调整页面版式,网站的布局会出现不同的视觉与体验效果,在凡科建站建站时,你可以使用以下几种方法,实现灵活的页面布局。

网站建设找凡科




二、功能说明

【版本】建站任意版本均支持添加模块与设置板式,不同版本功能不同。

具体可查看:凡科建站版本与功能介绍




三、设置教程


(一)自由版式

在建站时,使用“自由版式”,实现网站不同板块的自由增删。

1、在电脑网站设计页面点击左侧导航【样式】管理中心选择-网站建设-电脑版-样式-样式设置-版式,点击数字板块可直接增删该区域,绿色区域表示为已选区域,网站的模块可放置于这些已选区域,如图:

网站建设找凡科



 

(二)浮动模块

除了使用“自由版式”改变页面布局外,也能通过“浮动模块”功能,让模块动起来,通过随意摆放来调整页面布局。

1、把鼠标移动到想要浮动的模块处,点击鼠标右键,设置模块状态选择“浮动状态”,这时模块就处于浮动状态,您可以自由拖动模块到任意位置,或者拉动模块边框来调整模块的大小尺寸,如图:

网站建设找凡科



(三)模块列

使用“模块列”模块,实现

当出现多个模块需要并列排版的时候,可以使用“模块列”模块,实现模块多列自由排版效果。

1、进入网站,点击网站页面上的“模块”按钮。

2、网页侧边出现侧拉栏目,点击“排版”,选择“多列排版模块,例如选择三列排版效果,如图:

网站建设找凡科


2、选择后,页面出现一个三列的排版,把想要添加的模块,拖动放置到想要模块列上,如图:

网站建设找凡科


3、放置好模块之后,即可看到模块的并列效果,如图:

网站建设找凡科




网站建设找凡科


声明:此篇为凡科建站原创文章,转载请标明出处链接:

以上内容仍未解决您的问题?

合作伙伴