当前位置:主页>dreamweaver>文章内容
Dreamweaver MX 2004高级技巧(8)制作居中的网页
来源: 作者: 发布时间:2007-04-04  

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

  页面居中的网页

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

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

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

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

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

  页面上下左右居中

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

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

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

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

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

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


 
上一篇:Dreamweaver MX 2004视频宝典教程(81)   下一篇:Dreamweaver MX 2004视频宝典教程(82)
 
  相关文章
·Dreamweaver MX 2004视频宝典教程(81)
·Dreamweaver MX 2004视频宝典教程(82)
·Dreamweaver MX 2004高级技巧(7)使用框
·Dreamweaver MX 2004高级技巧(9)在居
·Dreamweaver MX 2004视频宝典教程(80)
·Dreamweaver MX 2004视频宝典教程(83)
·Dreamweaver MX 2004视频宝典教程(79)
·Dreamweaver MX 2004视频宝典教程(84)
·Dreamweaver MX 2004视频宝典教程(78)
·Dreamweaver MX 2004高级技巧(10)使
·Dreamweaver MX 2004视频宝典教程(77)
·Dreamweaver MX 2004视频宝典教程(85)
 
【关闭窗口】
推荐本站资源
最新文章