您现在的位置: 无忧电子商务网 >> 信息学院 >> 网站设计 >> Dreamweaver >> 正文

Dreamweaver MX进阶教程(十)制作居中的网页

作者:佚名    信息学院来源:网站整理    点击数:    更新时间:2006-4-3 我要参与讨论

 

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

页面居中的网页
实现方法:设置body标签居中。

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

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

转换到代码视图,看看生成的代码,原来生成的是“

”。

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

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

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

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

3.在文档左下角的“标签选择器”上选择“td”标签。

4.在属性面板上,设置“td”标签(单元格)水平“居中对齐”,垂直设置为“中间”。

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

在google里搜索更多Dreamweaver MX进阶教程(十)制作居中的网页

Google
Web www.51ec.org
【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
我来说两句 对此文章发表了评论
  昵 称: *必填    ·注册用户·
  评 分: 1分 2分 3分 4分 5分     严禁发表危害国家安全、政治、黄色淫秽等内容的评论,用户需对自己在使用本网站服务过程中的行为承担法律责任。本站管理员有权保留或删除评论内容,评论内容只代表机友个人观点,与本网站立场无关。  
评 论
内 容

 
评论列表 (最新 评论仅限网友观点!)

推荐文章
  • 此栏目下没有推荐信息学院
  • 热门文章
  • 此栏目下没有热点信息学院
  • 供求信息




    | 设为首页 | 加入收藏 | 关于我们 | 广告服务 | 联系方式 | 友情链接 | 版权申明