收藏本站
 
设为主页
     您的位置:首页资源库网页制作Dreamweaver
== 资 源 搜 索 ==
 
高级搜索
== 学 习 资 源 ==
操 作 系 统
Windows DOS
Linux Unix
Novell OS/2
办 公 软 件
Word Excel
Access Powerpoint
Outlook Wps
媒 体 处 理
网页制作 动画制作
图片处理 视频处理
媒体播放 音频处理
课件制作 其它……
网 络 工 具
网页浏览 下载工具
FTP 工具 邮件工具
网络安全 服 务 器
联络聊天 其它……
工 具 软 件
压缩工具 系统工具
文件工具 磁盘工具
病毒防治 阅读工具
测试工具 程序设计
== 素 材 资 源 ==
GIF动画 Flash动画
按钮图库 图标图库
线条图库 背景图库
创意图库 音频素材
== 教 程 下 载 ==
 
表格的使用(高级技巧)

作者:

 

如果你的网页里没有一个表格,那可以说算不上一个网页(FLASH做的除外),表格的重要性就可想而知。使用表格有很多的技巧,你可否知道呢?

    1.使用表格排版网页,可以使你的网页更美观。(将表格的宽设为100%,可以使网页的兼容性更好)

    2.不要把整个网页放在一个大的表格里,因为一个大表格里的内容要全部LOAD完才会显示,如果整个网页放在一个表格里,那么你的网页就只会两种情况:1)全部不显示。2)全部显示出来。

    3.插入一个表格,边框大小设为0(border=0),间距设为1(cellspacing="1" ),背景色设为深色(如bgcolor="#000000"),全部选定单无格,并将单无格的背景色设为浅色(如:bgcolor="#FFFFFF"),这样可以得到一个细线边框的表格,请看下面的例子:

   
   

当然你也可以另一种方法做到:将表格的边框设为0,选取表格,用CSS样式,为表格设一个大小为1的边框(这种方法做出来的兼容性会差一些)。

    4.动太改变表格的颜色,可让网页更有动感,把鼠标移到下面表格看看效果。

     

    在单元格的<td>标记里加上:onMouseOut="this.style.backgroundColor='' "onMouseOver=this.style.backgroundColor='lightgreen'就可以了。

    5.用表格代替水平线,插入一个表格,将高度设为1(按需要设定),当然也可以将宽设为1,制作竖线。
注:在DREAMWEAVER里制作时,先将高设为1后,切换到代码窗口,将表格里的空格符去掉(&nbsp;),如果不去了,将看不到效时。请看下面

 

    6.制作有立体感的表格,请先看下面的几个例子。

A  
   
B  
   
C  
   

    A表格的参数:border="1" cellspacing="0" cellpadding="0" bordercolor="#FFFFFF" bordercolorlight="#000000" bgcolor="#9999CC"

    B表格的参数:border="1" cellspacing="2" cellpadding="0" bgcolor="#9999CC"

    C表格的参数:border="1" bordercolor="#FFFFFF" bordercolorlight="#000000" bgcolor="#9999CC"

    其实有一个技巧:把bordercolor设为浅色一点,表格就会凸起来了。

    表格的嵌套在网页制作中被经常使用到,尤其是在新浪、搜狐、网易等门户网站中,为了使大量的信息整齐地展示在浏览者面前,表格的嵌套就使用得最为频繁。下图是草原孤星的首页在编辑状态下的情况,可以看到,页面密密麻麻地布满了表格线:

[上一页] [下一页]

 

Copyright © 2001-2002 东莞中学信息技术科 All Rights Reserved
IE4.0 or later / 800*600  For The Best View