我的phpweb建站经验:[10]排版技巧2
1、 点击背景与布局选项,我们可以看到背景与布局的设置界面,在这里我们可以调整整个网页的背景,包括网敌颉缪莽页的宽度,和各个容器的背景。成品网站将网页分为三块,顶部、中部和底部,顶部就是网页头部内容,底部则是网页底部内容,中间的,则是放具体网页内容的地方,一般情况下,顶部和底部的内容是整站公用的,所以只要设置一次顶部和底部的内容,整站都可以用,不过这里只是设置背景与布局,当我们设置好后,就可以将这次设置复制到全站,是不是很方便?记得在修改背景与布局前,同样先做好备份哦,方法与保存插件排版方案一样哦!
![我的phpweb建站经验:[10]排版技巧2](https://exp-picture.cdn.bcebos.com/430174fec314f1c5f91dcc753c27ac5307889d4b.jpg)
2、 好了,我们先试试修改网页背景的颜色,点选中间的背景颜色,可以看到整个页面的颜色也随之改变,根据自己的喜好和网站建设规划方案选择合适的背景颜色,这里还有多个背景图片可供选择,如果觉脲摩喜清得背景图片与网站设计方案不搭调,还可以设计好自己的背景图片上传后选择使用。
![我的phpweb建站经验:[10]排版技巧2](https://exp-picture.cdn.bcebos.com/a48bc2e8904800fc010415bad42043715edb934b.jpg)
3、 现在我们先对容器布局进行设计,容器布局影响容器的宽度,为了适合大多数显示器的显示分辨率,我选择的是1002像素,除了宽度,就是上、中、下三个容器间的间距和边距,此项根据需要设置,一般可设置为0。
![我的phpweb建站经验:[10]排版技巧2](https://exp-picture.cdn.bcebos.com/2184380f8835dd8adb2dc8b303013870d441874b.jpg)
4、 除了网页背景,我们还可以对顶部、中间、底部背景进行设置,根据需要可随意修改背景颜色,甚至上传做好的背景图片,已符合网站建设规划方案的规划,下面我将做一个实例为大家演示。
![我的phpweb建站经验:[10]排版技巧2](https://exp-picture.cdn.bcebos.com/3bcdb808a50f94fcdb7f167a4cf88a775cddfc4b.jpg)
5、 这是我的顶部默认的背景,下面我将制作出顶部的背景图,并上传后使用。
![我的phpweb建站经验:[10]排版技巧2](https://exp-picture.cdn.bcebos.com/2e66f9ef28066b01042ebef43df39187021cf34b.jpg)
6、 这个条纹图片,则是我设计好的背景图片,可以看到,网页背景是白色的,下面我们将网页背景也设置为红色。
![我的phpweb建站经验:[10]排版技巧2](https://exp-picture.cdn.bcebos.com/256eb672941fbee496297deac1237971ff1de74b.jpg)
7、 好了,网页背景也变成了红色,可再仔细看看,还是觉得整体不协调,因为中间有一根粉色的横条,如果能延伸出去,那就更好看了,怎么办呢?
![我的phpweb建站经验:[10]排版技巧2](https://exp-picture.cdn.bcebos.com/0d2fe5f202b375d736883640515872dadf49d84b.jpg)
8、 不急,办法很简单,刚才我们选择了红色的网页背景颜色,而且上传了顶部背景使用的条纹图片,那么在网页背景设置中再选择同样的条纹图片,你看,条纹图片的背景文件延伸出来了,包括擒歙常泺那粉色的横条也出来了,这样,不管用户的显示器分辨率有多大,网页头部两边则都会看到这根条纹横条,是不是更美观了。
![我的phpweb建站经验:[10]排版技巧2](https://exp-picture.cdn.bcebos.com/16a84fe10ef8585669ce259053e9ccd2ba66cd4b.jpg)