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

来源:不详 责任编辑:栏目编辑 发表时间:2013-07-01 04:23 点击:

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

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

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



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



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



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

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

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



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



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



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



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

欢迎和我交流 网易泡泡:redjava@163.com


    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    用户名: 验证码:点击我更换图片
    最新评论 更多>>

    推荐热点

    • WordPress添加百度喜欢按钮小技巧
    • Wordpress 博客如何实现自定义Gravatar头像
    • 网站设计分析:建立良好的视觉层级
    • 创建不平衡的平衡:在网页设计中使用不对称设计
    • 7大主流B2C首页导航栏设计对比分析
    • Wordpress页面模板制作方法及使用
    • 网站设计与开发:11个在新终端上的网页设计趋势
    • 修改去掉Zblog列表插件文章排行调用标题前面的时间
    • css控制文字前的小图标
    网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
    Copyright © 2008-2015 计算机技术学习交流网. 版权所有

    豫ICP备11007008号-1