对云系统网页布局说明可以让你更快掌握设计方法,话不多说,以图文形式说明一下:
整个网页结构布局图如下:
body为整个网页,可以在上节讲的对整个页面设置背景色或图片,BODY为最底层,其它顶部,中部,底部中层,最上面为内容头区,中内容区,底内容区,当然内容头区,中内容区,底内容区在这些区中增加的模块又是最上层了,越在上面的元素如果设置了背景会挡住下一层的背景哦,这就是为什么要将软件设计成这么多的布局就是能对不同的区域名设置不同样式或背景。
然而在实际制作中我们一般将内容头区,中内容区,底内容区设置一定的宽度,这样才可以让他们在浏览器中剧中。
顶部,中部,底部中的模块一般设置100%宽度,可制作一些大背景,当然在选择这些区中 模块时要到这些区去点选,因为上边的元素挡住了他们。
说这么多只是想告诉你网页的层次关系,顶部,中部,底部中加入的模块要操作需要到下图标示的顶部,中部,底部区去拖拉或右键设置操作!还有就是顶部,中部,底部及 内容头区,中内容区,底内容区都可分别设置背景。
后台实际截图:系统以实际红虚线隔开头,中,底三个区。
图一、头中说明
图二、底部说明。