叶子树logo
首 页 技术教程 新闻资讯 网站展示 酷站欣赏 下载中心 站长故事 信息互动 论坛交流
Web www.webshu.net
 
  最新推荐→

 
  最新热门→

 
  相关文章→
 您现在的位置: 叶子树 >> 技术教程 >> 网页制作 >> Dreamweaver教程 >> 正文

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

作者:佚名    文章来源:不详    点击数:    更新时间:2008-4-28           

 

<% if request("infoid")<>"" then set rs=conn.execute("select * from nproduct where id="&request("infoid")) if not (rs.eof and rs.bof) then proname=rs("proname") content=rs("proinfo") end if rs.close set rs=nothing end if %>

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

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

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

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

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

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

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

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

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

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

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

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


叶子树:www.webshu.net
  • 下一篇文章:

  • 文章录入:webshu    责任编辑:webshu 
    叶子树(www.webshu.net)所有资料源于作者发布或网友推荐收集整理而来,仅供学习使用,版权归原作者所有,如有侵权,请您联系我们,我们将尽快更正。

      网友评论:(评论内容只代表网友观点,与本站立场无关!) 发表评论

    友情链接 | 留言互动 | 版权声明
    Copyright©All return the ye ze shu and www.webshu.net   
    本站广告服务请加QQ:904166(超越-激情)
    京ICP备05086028号  把"叶子树" 与你的好友一起分享!