Dreamweaver MX 2004高级技巧(8)制作居中的网…

2008-02-23 07:02:34来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折

  本文介绍两种居中的网页,一种是页面居中,一种是页面上下左右居中。

  页面居中的网页

  实现方法:设置body标签居中。

  1.打开一个网页或新建一个网页,在文档左下角的“标签选择器”上选择“body”标签。

  2.在“属性面板”上点击“居中对齐”。现在居中的页面就做好了,往里面填充内容就可以了。

  转换到代码视图,看看生成的代码,原来生成的是“<div align="center"></div>”。

  可以选择两种形式的居中代码。使用“div”标签是其中一种,另一种是使用“center”标签。打开“编辑”/“参数选择”菜单,在如下图的对话框中,选择居中使用的标签。

  页面上下左右居中

  实现方法:在页面中,插入一个一行一列,宽高都为百分之百的表格,并且设置表格不显示,使表格所在的单元格,水平和垂直都居中,在单元格中放网页内容,可以是一个或者几个表格,例如插入一个768×430象素的表格,也可以直接放入内容,网页看起来就是上下左右都居中的。

  1.打开文档,插入一个一行一列的表格,宽牙为100%,单元格填充,间距,边框都为0。

  2.在属性面板上,继续设置表格高度为100%,具体设置如下图。

  3.在文档左下角的“标签选择器”上选择“td”标签。在属性面板上,设置“td”标签(单元格)水平“居中对齐”,垂直设置为“中间”。

  4.这时候,上下左右居中的页面已经设置好了。接下来,在单元格中,插入表格或者内容就可以了。

  最后说点自己的话:建议大家实际制作网页时采用第一种方法。因为现在都提倡标准建站啊!再有如果一个大的表格都把网页内容括起来会影响浏览速度的!

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:Dreamweaver MX 2004视频宝典教程(81)

下一篇:Dreamweaver MX 2004视频宝典教程(82)