打印

[Dreamweaver教程] Dreamweaver MX 2004高级技巧(8)制作居中的网页

Dreamweaver MX 2004高级技巧(8)制作居中的网页

  本文介绍两种居中的网页,一种是页面居中,一种是页面上下左右居中。
* i. F9 q$ u& s) r9 Q  D163K网站系统官方论坛  页面居中的网页
$ o1 \2 z) J1 a* ]  f: {  实现方法:设置body标签居中。bbs.163k.com7 M# V. E  r8 \
  1.打开一个网页或新建一个网页,在文档左下角的“标签选择器”上选择“body”标签。为互联网事业发展提供源动力!3 J' s1 G" T, w. v5 {6 d
163k团购网站系统官方服务论坛' p4 [6 \: b% ^0 i. e

6 r9 H* x7 B+ m: A' o$ o7 O0 [163k团购网站系统官方服务论坛
9 _% r8 R0 o( z  s% ?3 D8 i163K网站系统官方论坛  2.在“属性面板”上点击“居中对齐”。现在居中的页面就做好了,往里面填充内容就可以了。163k团购网站系统官方服务论坛8 B: v" H' f8 O. P4 [; _) R( U

* @, v% G+ Z+ I! S1 @! D( J3 i163K网站系统官方论坛9 O, A1 h. z4 G  n9 ]* M+ l* G0 x
  转换到代码视图,看看生成的代码,原来生成的是“<div align="center"></div>”。# I% h* P2 K5 Y1 Z/ d; t
  可以选择两种形式的居中代码。使用“div”标签是其中一种,另一种是使用“center”标签。打开“编辑”/“参数选择”菜单,在如下图的对话框中,选择居中使用的标签。为互联网事业发展提供源动力!5 I( i( y6 J: q0 H+ Q) @

6 S. A( p; X7 l& `为互联网事业发展提供源动力!163k团购网站系统官方服务论坛9 i9 w8 g/ [! ]% }
  页面上下左右居中163K网站系统官方论坛5 f! Z1 Z+ P4 H
  实现方法:在页面中,插入一个一行一列,宽高都为百分之百的表格,并且设置表格不显示,使表格所在的单元格,水平和垂直都居中,在单元格中放网页内容,可以是一个或者几个表格,例如插入一个768×430象素的表格,也可以直接放入内容,网页看起来就是上下左右都居中的。
9 q% `, U6 S4 U' N$ A( n! i  1.打开文档,插入一个一行一列的表格,宽牙为100%,单元格填充,间距,边框都为0。2 x8 D# P7 R( L& Q8 P5 Q9 L
163k团购网站系统官方服务论坛1 W$ C$ p& L+ B9 n. o/ g8 x
163K网站系统官方论坛5 p" ]! R8 G7 [+ g/ e* ?6 _
为互联网事业发展提供源动力!7 f8 Z% o/ g/ s; v
  2.在属性面板上,继续设置表格高度为100%,具体设置如下图。bbs.163k.com4 K8 v  G: f6 a0 v9 C
团购网站系统,团购网程序; p; b0 b6 T3 D- i1 u7 `
  3.在文档左下角的“标签选择器”上选择“td”标签。在属性面板上,设置“td”标签(单元格)水平“居中对齐”,垂直设置为“中间”。
6 C" u- U0 w; \+ L9 |' f! n' P* T$ D
  4.这时候,上下左右居中的页面已经设置好了。接下来,在单元格中,插入表格或者内容就可以了。
$ F7 e, ]; e. A/ t( L" Hbbs.163k.com  最后说点自己的话:建议大家实际制作网页时采用第一种方法。因为现在都提倡标准建站啊!再有如果一个大的表格都把网页内容括起来会影响浏览速度的!

TOP

返回顶部
AYBlue

Processed in 0.056399 second(s), 7 queries.

当前时区 GMT+8, 现在时间是 2009-1-9 19:42 京ICP备06054220号

清除 Cookies - 联系我们 - 163K.com - Archiver - WAP