我的phpweb建站经验:[10]排版技巧2

2025-06-17 23:59:40

1、 点击背景与布局选项,我们可以看到背景与布局的设置界面,在这里我们可以调整整个网页的背景,包括网敌颉缪莽页的宽度,和各个容器的背景。成品网站将网页分为三块,顶部、中部和底部,顶部就是网页头部内容,底部则是网页底部内容,中间的,则是放具体网页内容的地方,一般情况下,顶部和底部的内容是整站公用的,所以只要设置一次顶部和底部的内容,整站都可以用,不过这里只是设置背景与布局,当我们设置好后,就可以将这次设置复制到全站,是不是很方便?记得在修改背景与布局前,同样先做好备份哦,方法与保存插件排版方案一样哦!

我的phpweb建站经验:[10]排版技巧2

2、 好了,我们先试试修改网页背景的颜色,点选中间的背景颜色,可以看到整个页面的颜色也随之改变,根据自己的喜好和网站建设规划方案选择合适的背景颜色,这里还有多个背景图片可供选择,如果觉脲摩喜清得背景图片与网站设计方案不搭调,还可以设计好自己的背景图片上传后选择使用。

我的phpweb建站经验:[10]排版技巧2

3、 现在我们先对容器布局进行设计,容器布局影响容器的宽度,为了适合大多数显示器的显示分辨率,我选择的是1002像素,除了宽度,就是上、中、下三个容器间的间距和边距,此项根据需要设置,一般可设置为0。

我的phpweb建站经验:[10]排版技巧2

4、 除了网页背景,我们还可以对顶部、中间、底部背景进行设置,根据需要可随意修改背景颜色,甚至上传做好的背景图片,已符合网站建设规划方案的规划,下面我将做一个实例为大家演示。

我的phpweb建站经验:[10]排版技巧2

5、 这是我的顶部默认的背景,下面我将制作出顶部的背景图,并上传后使用。

我的phpweb建站经验:[10]排版技巧2

6、 这个条纹图片,则是我设计好的背景图片,可以看到,网页背景是白色的,下面我们将网页背景也设置为红色。

我的phpweb建站经验:[10]排版技巧2

7、 好了,网页背景也变成了红色,可再仔细看看,还是觉得整体不协调,因为中间有一根粉色的横条,如果能延伸出去,那就更好看了,怎么办呢?

我的phpweb建站经验:[10]排版技巧2

8、 不急,办法很简单,刚才我们选择了红色的网页背景颜色,而且上传了顶部背景使用的条纹图片,那么在网页背景设置中再选择同样的条纹图片,你看,条纹图片的背景文件延伸出来了,包括擒歙常泺那粉色的横条也出来了,这样,不管用户的显示器分辨率有多大,网页头部两边则都会看到这根条纹横条,是不是更美观了。

我的phpweb建站经验:[10]排版技巧2
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢