Pbuilder的组件种类丰富,我们就和大家来讲一下一共分多少种组件,以及关于这些组件的介绍

一、导航

网站的「导航」是可以引导用户通过链接进入下级页面的入口。它通常放置在网站的首页页头,并出现在下级页面的页头。通过「导航」就能一目了然整个网站的内容。

image

二、页头

「页头」是指位于页面头部,包含导航、页头图片、文字等一系列元素的组件,「页头」是打开页面的第一印象,它的下方通常还会增加更多页面内容。

image

三、封面

「封面」是指一个网站的登录页,就像一本书的封面一样,它是网页内容的包装,不仅包含了导航、图片、文字等元素,还起到总括性的作用。

image

四、引导

「引导」即是网站的引导页,它出现在用户登录首页之前,是一个内容非常简练的页面,通常只为展示品牌形象而存在,它可以增加网站的高级品牌感。

image

五、幻灯片

「幻灯片」是可以切换图文内容的组件,它通过图文切换来轮播展示内容,由于幻灯片的尺寸占比较大,通常展示比较重要、比较浓缩的网页内容。

image

六、布局

通常用于布局当中占位符的作用,它代表着任意的网页内容。在布局页面中,增加这一组件通常用于网页内容的占位,所以是布局页面的必备组件。

image

七、特性

「特性」是专门介绍网站的服务、产品特点的组件,它通常放在网站的首页介绍中,能更全面详细的展示不同的服务、特性的内容。

image

八、页底

「页底」是专门放置于网站页底的内容,通常是文字、联系方式、版权等信息,也会出现导航等内容。页底通常会固定出现于所有页面的底部,方便用户能快速进入网站重要内容的入口。

image

九、问答

「问答」是解答用户常见问题的组件,采用一问一答的形式展示文字内容,通常它可以出现在网站的首页,也可以放置于关于或专门独立的页面。

image

十、关于

「关于」是对网站的介绍性内容,通常采用一个独立的页面来展示,展示形式为图文为主。

image

十一、联系

「联系」是对网站的联系方式的展示,可以采用独立页面进行展示,也可以加入到关于页面中,展示形式可以是图文,也可以增加在线地图来进行在线定位。

image

十二、标题

「标题」是较大的文字,一般用于需要对内容进行说明的时候,放置于内容的头部。被说明的内容可以是页面、图文、列表等。

image

十三、按钮

「按钮」组件所包含的不仅是按钮本身,还有和按钮配套的图片、文字等内容,通常用于引发下一步点击操作的部件。

image

十四、文本

「文本」是一个非常自由的组件,它的使用场景非常广泛,不仅是可以添加文字,还可以是图片、图标等。

image

十五、感言

「感言」通常表现为网站创建者或者用户的感悟留言等,用于增加品牌的立体感,帮助用户从更多侧面来了解网页的愿景、方向等,它可以放在首页,也可以置于关于页面等。

image

十六、网格

「网格」是一个能有更多发挥空间的组件,每一个网格里可以放置文字、图片,还可以是纯色背景,它的内容毫不局限,只是提供一个创作的容器布局。它可以置于任何页面当中。

image

十七、列表

「列表」是一组动态组件,它以展示作品、文章等为主要内容,附带了分页和分类等小部件。点击每一条数据就能进入作品、文章等详细的页面。所以它主要是位于文章、作品页面的二级页面。

image

十八、详细

「详细」组件是一组包含了独立展示某一条数据全部信息的动态组件,它可以是一篇文章或一个作品,内容通常会比列表展示的信息更详细丰富。

image

十九、推荐

「推荐」是一个列表组件,它可以放置于首页或者某一个独立二级页面,它把一些重要的信息放置于显眼的地方,让用户更快能获取这部分信息。

image