记得收藏【国际动画教程网】,赶快注册吧!
注册

合作站点账号登陆

QQ登录

只需一步,快速开始

扫一扫,访问微社区

快捷导航

Dreamweaver MX进阶教程(十)制作居中的网页[含8P]

[复制链接]
发表于 2015-8-3 13:28:40 | 显示全部楼层 |阅读模式
本文介绍两种居中的网页,一种是页面居中,一种是页面上下左右居中。
页面居中的网页
实现方法:设置body标签居中。
<p>1.打开一个网页,在文档左下角的“标签选择器”上选择“body”标签。
Dreamweaver MX进阶教程(十)制作居中的网页 Forever,栀子花,中国,何炅,网页 【DW】 132904zj3888rmmjr3or8o 1
2.在“属性面板”上点击“居中对齐”。现在居中的页面就做好了,往里面填充内容就可以了。
Dreamweaver MX进阶教程(十)制作居中的网页 Forever,栀子花,中国,何炅,网页 【DW】 132904s9fa8vaca1zrgrad 2
转换到代码视图,看看生成的代码,原来生成的是“ ”。
Dreamweaver MX进阶教程(十)制作居中的网页 Forever,栀子花,中国,何炅,网页 【DW】 132904wtzztcabcka5bakj 3
可以选择两种形式的居中代码。使用“div”标签是其中一种,另一种是使用“center”标签。打开“编辑”/“参数选择”菜单,在如下图的对话框中,选择居中使用的标签。
Dreamweaver MX进阶教程(十)制作居中的网页 Forever,栀子花,中国,何炅,网页 【DW】 132904bggzkppkumgskski 4
页面上下左右居中
实现方法:在页面中,插入一个一行一列,宽高都为百分之百的表格,并且设置表格不显示,使表格所在的单元格,水平和垂直都居中,在单元格中放网页内容,可以是一个或者几个表格,例如插入一个768×430象素的表格,也可以直接放入内容,网页看起来就是上下左右都居中的。
1.打开文档,插入一个一行一列的表格,宽牙为100%,单元格填充,间距,边框都为0。
Dreamweaver MX进阶教程(十)制作居中的网页 Forever,栀子花,中国,何炅,网页 【DW】 132904s5dzr6tun5ulf5om 5
2.在属性面板上,继续设置表格高度为100%,具体设置如下图。
Dreamweaver MX进阶教程(十)制作居中的网页 Forever,栀子花,中国,何炅,网页 【DW】 132904hnirsooxhihor8hn 6
3.在文档左下角的“标签选择器”上选择“td”标签。
Dreamweaver MX进阶教程(十)制作居中的网页 Forever,栀子花,中国,何炅,网页 【DW】 132904w227gzfjakigi502 7
4.在属性面板上,设置“td”标签(单元格)水平“居中对齐”,垂直设置为“中间”。
Dreamweaver MX进阶教程(十)制作居中的网页 Forever,栀子花,中国,何炅,网页 【DW】 132904c7cfn88pim7bozcb 8
5.这个时候,上下左右居中的页面已经设置好了。接下来,在单元格中,插入表格或者内容就可以了。
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
微信扫一扫,每天教程更新!
想学习最新知识关注“今日教程”微信公众号!站长每天更新教程,每天八条,欢迎关注支持!!!
快速回复 返回顶部 返回列表