亿度网络 - Dreamweaver

///pc/img/blank.gif" width="12" height="8">当前位置：///default.htm" class="under">亿度网络 -> ///pc/index.htm" class="under">网页制作教程 -> Dreamweaver

///pc/homepage/dreamweaver/img/000.gif" width="100" height="20">

///pc/img/title_00.gif" width="13" height="20">

///pc/homepage/dreamweaver/img/002.gif" width="18" height="16" align="absmiddle">轻松掌握网页制作
///pc/homepage/dreamweaver/img/003.gif" width="18" height="16" align="absmiddle">深入学习和使用
///pc/homepage/dreamweaver/img/007.gif" width="30" height="16" align="absmiddle">用表格做网页
///pc/homepage/dreamweaver/img/007.gif" width="30" height="16" align="absmiddle">图形化的网页
///pc/homepage/dreamweaver/img/007.gif" width="30" height="16" align="absmiddle">灵活运用文字
///pc/homepage/dreamweaver/img/007.gif" width="30" height="16" align="absmiddle">精彩的图层世界
///pc/homepage/dreamweaver/img/007.gif" width="30" height="16" align="absmiddle">丰富的超链接
///pc/homepage/dreamweaver/img/007.gif" width="30" height="16" align="absmiddle">框架里的乾坤
///pc/homepage/dreamweaver/img/007.gif" width="30" height="16" align="absmiddle">创建各种窗体
///pc/homepage/dreamweaver/img/006.gif" width="30" height="16" align="absmiddle">本章常见问题解答 ///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">网页中导入已有数据
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">形式多样的表格
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">套用现成的表格格式
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">给表格数据排序
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">表格高度不起作用？
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">如何把图层转为表格
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">如何使两个表格并排
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">为何Flash不能播放
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">为啥改不了事件类型
///pc/homepage/dreamweaver/img/001.gif" width="30" height="16" align="absmiddle">更多的…
///pc/homepage/dreamweaver/img/002.gif" width="18" height="16" align="absmiddle">高级使用和理解
///pc/homepage/dreamweaver/img/002.gif" width="18" height="16" align="absmiddle">附录
///pc/homepage/dreamweaver/img/009.gif" width="30" height="16" align="absmiddle">常见问题汇总
///pc/homepage/dreamweaver/img/009.gif" width="30" height="16" align="absmiddle">快捷键分级介绍
///pc/homepage/dreamweaver/img/009.gif" width="30" height="16" align="absmiddle">一句话技巧集萃
///pc/homepage/dreamweaver/img/010.gif" width="30" height="16" align="absmiddle">功能快速索引

//www.shanghaigongsi.com.cn/pc/bin/softdown/softgsch.pl?key=dreamweaver">///pc/img/download.gif" width="90" height="45" border="0">

/pc/bin/msg.pl?file_id=k_dreamweaver target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

///pc/img/blank.gif" width="1" height="1">

///pc/homepage/dreamweaver/img/logo1.gif" width="194" height="64">

　　二、深入学习和使用

　常见问题解答

　形式多样的表格

　　在网页制作过程中，表格用得相当广，其作用也不仅仅是简单的定位，还可以利用它做出很多种风格和效果。

　　下面这些效果都是表格做出来的，没有用图形或图层，看一看，再试一试，看能否照着做出来！

◆主要栏目◆

我的爱好

集邮集币
文学拙著
…

我的收藏

名人名句
文学精品
…

我的画册

摄影作品
绘画作品
…

　　这几个是一些网站上的导航栏，主要通过表格各种不用的属性设置来完成的。比如第一个表格，在每一个单元格中填充不同的“蓝色”，总体形成过渡效果。不但好看，也减少文件的大小。第二个表格主要通过设置cellspace值，使表格单元格单的距离增大，形成特殊的效果。

　　此外，利用单元格颜色的过渡效果，还成做成一些装饰效果，比如下面的两个表格。

　　个别单元格中加入背景色，还可形成另类效果：

国内新闻		<<更多内容>>
… 　… 　…

本站栏目

……
……
……

　　其实不利用背景颜色，只利用边框的明暗边设置，也可以形成很多效果。

一		二




三		四

　　此外，我们还可以利用表格的嵌套，表格中插入特殊符号等方法，做出更复杂的东西，就象下面的样子！

基础篇	□
入门篇	□
初级篇	□
中级篇	□
高级篇	□
技巧篇	□

排名	最TOP游戏	票数
1	……
2	……
3	……
4	……
5	……
6	……
7	……

　　见识了这么多，你也自己设计一个好看的表格吧！

/pc/bin/msg.pl?file_id=k_dreamweaver target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

网页制作网页设计网站建设网站设计网站制作做网站做网页