dw表格如何调整高度.docx

dw表格如何调整高度.docx

《dw表格如何调整高度.docx》由会员分享，可在线阅读，更多相关《dw表格如何调整高度.docx（10页珍藏版）》请在冰点文库上搜索。

dw表格如何调整高度

竭诚为您提供优质文档/双击可除

dw表格如何调整高度

　　篇一：

用dreamweaver8表格进行页面布局教程

　　用dreamweaver8表格进行页面布局教程本文介绍如何在macromediadreamweaver8中创建基于表格的页面布局。

页面布局将确定您的页面在浏览器中会如何显示，例如，显示菜单、图像和macromediaFlash内容将如何放置。

表格是用于在html页上显示表格式数据以及对文本和图形进行布局的强有力的工具。

您可以使用表格快速轻松地创建布局。

在本教程中，您将在一个新的dreamweaver文档中创建若干表格。

这些表格的行和单元格实际上用作您将在以后添加的内容的"容器框"。

通常，创建web站点并不是以打开dreamweaver并立即对页面进行布局开始的。

创建web站点的初始工作从纸张或图形编辑应用程序（如

　　macromediaFireworks）开始。

图形设计人员通常会画出web站点综合图形的草图（也称为"草样"），以便向客户展示并确保站点的初始构思能让客户满意。

设计草样由客户要求其web站点具有的任意数目的页面元素组成。

例如，客户可能会提出：

"页面顶端要有徽标，要有能链接到其它页面的导航功能，有用于联机存储的部分和可以插入视频剪辑的位置。

"根据这些讨论，设计人员开始对站点布局进行规划，并制作满足客户要求的示例页面草图。

　　本教程向您提供为cafetownsend（一个需要制作web站点的虚构餐馆）设计的、完整的和符合要求的设计草样。

作为web设计人员，您需要对草样进行转换，使之最终形成可以使用的web页面（通常需要其他图形设计人员与Flash开发人员的帮助）。

　　您可以看到，图形设计人员已经向您提供了web页面设计草样，其中包括一些内容区域和图形方案。

在下面的部分，您将使用dreamweaver展示此设计。

您也可以打开原始草样文件以便在计算机屏幕上查看该设计草样。

可以在cafe_townsend文件夹（在教程：

设置站点和项目文件中已将该文件夹复制到了硬盘上）的fireworks_assets文件夹中找到设计草样homepage-mockup.jpg。

在创建页（dw表格如何调整高度）面时，还可以打印草样以便随时查看，创建并保存新页面。

　　建立站点并检查设计草样后，您就可以开始创建web页面了。

首先您将创建一个新页面，并将它保存到您的web站点的本地根文件夹cafe_townsend中。

该页面最终将成为虚构餐馆cafetownsend的主页。

　　如果您尚未创建本地根文件夹cafe_townsend，则必须先完成创建，然后再继续。

　　在dreamweaver中，选择"文件">"新建"。

　　在"新建文档"对话框的"常规"选项卡上，从"类别"列表中选择"基本页"，从"基本页"列表中选择"html"，然后单击"创建"。

　　选择"文件">"另存为"。

在"另存为"对话框中，浏览至定义为站点的本地根文件夹的cafe_townsend文件夹并打开该文件夹。

　　在教程：

设置站点和项目文件中，您在名为local_sites的文件夹中创建了此文件夹。

　　在"文件名"文本框中输入index.html，然后单击"保存"。

　　文件名即出现在应用程序窗口顶部的标题栏中。

　　在新文档顶部的"文档标题"文本框中，键入cafetownsend。

　　这就是页面的标题（与文件名不同）。

站点访问者在web浏览器中查看页面时将在浏览器窗口的标题栏中看到此标题。

选择"文件">"保存"来保存该页面。

插入表格

　　接下来，您将添加一个表格，用于放置文本、图形和macromediaFlash资源。

在页面上单击一次，在页面左上角放置插入点。

　　选择"插入">"表格"。

在"插入表格"对话框中，执行下面的操作：

　　在"行数"文本框中，输入3。

在"列数"文本框中，输入1。

在"表格宽度

　　"文本框中，输入700。

在"表格宽度"弹出式菜单中，选择"像素"。

　　在"边框粗细"文本框中，输入0。

在"单元格边距"文本框中，输入0。

在"单元格间距"文本框中，输入0。

单击"确定"。

　　一个三行一列的表格即出现在文档中。

该表格的宽度为700像素，边框、单元格边距和单元格间距均为0。

　　关于表格的更多信息表格是用来在html页上显示表格式数据以及对文本和图形进行布局的强有力工具。

表格由一行或多行组成;每行又由一个或多个单元格组成。

当您创建包含多个单元格的多行表格时，这些单元格形成列。

从技术上来说，一个单元格是水平行中的一个区域，而一列是由这些单元格区域垂直堆积而成的。

　　当选定了表格或表格中有插入点时，dreamweaver会显示表格宽度和表格选择器（由绿色线条指示）中的每个表格列的列宽。

　　宽度旁边是表格标题菜单与列标题菜单的箭头。

使用菜单可以快速访问一些与表格相关的常用命令。

还可以通过选择"查看">"可视化助理">"表格宽度"来启用或禁用宽度和菜单的显示。

　　表格可以具有边框，表格的单元格可以具有边距、间距或同时具有边距和间距。

单元格边距是指单元格内容和单元格边界之间的像素数。

单元格间距是指相邻的表格单元格之间的像素数。

如果您没有明确指定单元格边距和单元格间距的值，则大多数浏览器按单元格边距设置为1、单元格间距设置为2来显示表格。

若要确保浏览器显示的表格没有边距和间距，请将单元格边距和单元格间距设置为0。

　　单击一次该表格右侧取消对它的选择。

选择"插入">"表格"以插入另一个表格。

在"插入表格"对话框中，对第二个表格执行下面的操作：

　　在"行数"文本框中，输入1。

在"列数"文本框中，输入3。

　　在"表格宽度"文本框中，输入700。

在"表格宽度"弹出式菜单中，选择"像素"。

在"边框粗细"文本框中，输入0。

在"单元格边距"文本框中，输入0。

在"单元格间距"文本框中，输入0。

单击"确定"。

　　第二个表格（该表格具有一行三列）即出现在第一个表格下方。

　　单击该表格右侧取消对它的选择。

　　通过选择"插入">"表格"，然后在"插入表格"对话框中输入以下值来插入第三个表格：

在"行数"文本框中，输入1。

在"列数"文本框中，输入1。

在"表格宽度"文本框中，输入700。

在"表格宽度"弹出式菜单中，选择"像素"。

在"边框粗细"文本框中，输入0。

在"单元格边距"文本框中，输入0。

在"单元格间距"文本框中，输入0。

单击"确定"。

第三个表格（该表格具有一行一列）即出现在第二个表格下方。

　　单击该表格右侧取消对它的选择。

您的页面现在应如下所示：

　　注意插入表格后可能会看到表格选择器（由绿色线条指示）。

通过在表格外单击，通常可以隐藏表格选择器。

也可以通过选择"查看">"可视化助理">"表格宽度"禁用表格选择器。

　　设置表格属性。

现在将使用"扩展表格"模式设置具体的表格属性，"扩展表格"模式是用于临时添加表格的单元格边距和间距并增加表格边框以简化编辑的一种功能。

特别需要指出的是，它使您能够精确地放置插入点，而不会意外选择错误的表格或其它表格内容。

　　注意在"扩展表格"模式下完成对表格属性的设置后，应总是返回到"标准"

　　模式。

"扩展表格"模式不属于所见即所得环境，因此某些操作（如调整大小）不会得到预期的结果。

选择"查看">"表格模式">"扩展表格模式"。

　　注意如果出现"开始使用扩展表格模式"对话框，请单击"确定"。

在第一个表格的第一行内单击一次。

　　在"属性"检查器（"窗口">"属性"）的"单元格高度"文本框中输入90，然后按enter键（windows）或Return键（macintosh）。

　　注意如果未出现"单元格高度"文本框，请单击"属性"检查器右下角的展开箭头。

在第一个表格的第二行内单击一次。

　　篇二：

dw代码大全

　　dw代码大全

　　一、、、：

　　定义和用法：

构成html文档的重要组成部分，缺一不可。

　　1、标签:

此元素可告知浏览器其自身是一个html文档。

与标签限定了文档的开始点和结束点。

　　2、标签:

定义文档的主体。

它包含文档的所有内容（比如文本、图像、颜色和图形等等。

）

　　3、标签:

用于定义文档的头部。

下面这些标签可用在head部分：

,,,以及。

　　二、,,,,：

　　1、标签：

此元素定义了当前文档与web集合中其他文档的关系。

　　如：

　　2、标签：

元素可提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词。

　　如：

　　3、标签：

定义一段诸如javascript的脚本。

　　如：

　　alert（"感谢您光临我的个人小站!

"）

　　4、标签：

常用在页面内定义css样式，但强烈建议使用link标签定义css样式。

　　如：

　　*{font-size:

13px;}

　　5、标签：

定义文档的标题。

通常把它放置在浏览器窗口的标题栏或状态栏上。

　　三、超链接标签：

　　·定义和用法：

标签可定义锚。

一个锚有两种用法。

　　1、通过使用href属性，创建一个到另外一个文档的链接。

如：

　　href=""target="_blank"title="XX">XX

　　2、通过使用name或id属性，创建一个文档内部的书签。

如：

定义锚点；指向锚点返回顶端

　　·标签常用属性：

　　1、href:

描述另一个文档的地址。

　　2、target:

指定文档在哪个窗口打开。

　　3、title:

指定链接的标题。

　　4、name:

定义锚点的名称。

　　四、--标签：

　　-标签可定义标题。

定义最大的标题。

定义最小的标题。

　　如：

　　这是标题一

　　这是标题二

　　这是标题三

　　这是标题四

　　这是标题五

　　这是标题六

　　五、　　标签：

可定义一个段落。

　　如：

　　　　这是第一段的内容。

　　　　这是第二段的内容。

　　六、

　　标签：

可插入一个简单的换行符。

　　如：

这是第一行。

　　这是第二行。

　　七、标签：

可定义一副图像。

即在网页指定位置插入图片。

　　如：

　　八、标签：

可插入一个水平线。

水平分隔线（horizontalrule）可以在视觉上将文档分隔成各个部分。

　　如：

　　九、、、、、标签：

　　1、标签可定义表格。

在标签内部，可以放置表格的标题、表格行、表格列、表格单元以及其他的表格。

　　2、标签在表格中定义一行。

　　3、标签定义表格中的一个单元格。

标签属性：

colspan=合并列单元格；rowspan=合并行。

　　5、标签定义表格内的表头单元格。

此th元素内部的文本通常会呈现为粗体。

　　6、标签可定义一个表格标题。

caption标签必须紧随table标签之后。

您只能对每个表格定义一个标题。

通常这个标题会被居中于表格之上。

　　十、标签:

　　form元素可为用户输入创建表单。

表单可包含文本域，复选框，单选按钮等等。

表单用于向指定的uRl传递用户数据。

　　·使用方法：

　　·标签属性：

　　1、id、name：

用来标识表单的名称。

　　2、method：

提供和程序进行数据交换的方法。

取值为post和get。

　　3、action：

提供和程序进行交换的程序路径，即接口程序。

　　十一、标签：

　　标签可定义输入域，在其中用户可输入数据。

其中包括文本字段、多选列表、可单击的图像和提交按钮等。

此标签的type属性和name属性是必需的。

　　1、type的取值。

type属性用来区分不同的输入域。

它的取值分别为：

text（文本域）、password（密码域）、hidden（隐藏域）、checkbox（复选框）、radio（单选框）、image（图像按钮）、file（文件域）、submit（提交按钮）、reset（重置按钮）、button（普通按钮）。

　　十二、标签:

　　1、用法：

元素可创建单选或多选菜单。

　　2、格式：

　　张三

　　李四

　　王五

　　3、元素可定义下拉列表中的一个选项（一个条目）。

　　格式：

张三，其中selected属性表示默认选项。

　　十三、标签：

　　1、用法：

定义一个文本区域（一个多行的文本输入区域）。

　　2、格式：

请在此处输入留言内容

　　3、属性：

　　i、cols：

设置输入框的列数。

　　ii、rows：

设置输入框的行数。

　　十四、、、、标签：

　　以下的元素均是字体样式元素。

建议使用css来取代这些效果。

　　标签可定义下划线文本。

　　标签可定义加删除线文本定义。

　　标签可定义斜体。

　　标签可定义粗体。

　　十五、、标签：

　　1、标签可定义上标文本。

　　2、标签可定义下标文本。

　　3、说明：

和标签，常用在数学等式、科学符号和化学公式中。

　　十六、、、标签:

　　1、标签定义列表。

　　2、定义列表中的项目（即术语部分）。

　　3、可在定义列表中定义条目的定义部分。

　　十七、、、标签：

　　1、标签定义有序列表。

标签属性：

type="1/a/a/i/i"。

　　2、标签定义无序列表。

标签属性：

type="circle/disc/square"

　　3、标签定义列表项目。

标签可用在有序列表（）和无序列表（）中。

　　十八、标签：

　　1、可定义文档中的分区或节（division/section）。

标签可以把文档分割为独立的、不同的部分。

　　2、常用id或class来标记，这样可以方便控制其样式。

　　十九、标签：

　　1、标签被用来组合文档中的行内元素。

　　2、说明：

span没有固定的格式表现。

当对它应用样式时，它才会产生视觉上的变化。

　　二十、注释标签：

　　1、说明：

注释标签用来在源文档中插入注释。

注释会被浏览器忽略。

　　篇三：

dreamweaver表格经验谈

　　做过主页的朋友，几乎没有一个人没用到它，它使我们排版更加轻松。

有人说dw的表格没有Fp的好用，我认为不然，Fp就是多一个平均分配行高，列高功能，但dw参数的更改设置非常方便，可清除表格行高，列高定义的html语句，这个功能挺好。

好！

好！

我不再罗嗦了，直奔主题，我将以提问的方式介绍我的那几个经验，Follwme：

　　经验

（一）：

为什么说表格比图层排版要好？

　　一开始学dw的朋友，都比较喜欢用图层排版，其主要原因是图层可以把对象放到你想放的任意位置，并且只需拖动鼠标，看起来非常轻松，但用F12预览就面目全非，后悔了吧？

还是用表格排版吧。

层的定位方式与表格的不同，层采取的定位方式是动态定位方式，它的定位靠的是两个参数left和top，这两个参数设置层框架与浏览器的边框的的距离，无论你是在最大化，还是在不同的分辨率下他都始终在一个位置，而表格在不同的情况下它将有所变化。

尤其当你用表格的同时又用图层排版，这样的效果会让你痛苦一辈子。

图层没用吗？

当然有用，一般用它来做一些特效，用的好可以让你的主页锦上添花。

本站有一个dw图层应用的教程，有兴趣可以看看。

　　经验

（二）：

如何消除分辨率的差异？

　　这是一个比较老套的话题，但总有人问。

我们现在的网页最佳浏览分辨率大多是800*600，但有不少的兄弟用的是640*480或1024*768，怎样让你的网页兼容性更好，你只需把表格的宽度设为100%即可该决这个问题。

　　经验（三）：

为什么我的表格在预览时发生变化？

　　我们经常会在做完表格排版后预览，发现表格的样子变了，不是有的高度变长了，就是宽度变宽了。

出现这个情况的原因是，你在排版的时候，把表格高度或长度用鼠标拖长或拖短过，这样dw就会在你网页代码中自动加入一些宽的长度代码或高度代码。

由于在排版的过程中，经常会这样做，所以你的网页代码加了许多的这些高和宽的代码，当你预览的时候浏览器就会按这些代码来显示，于是就会出现表格样子发生变化。

好在dw为你提供了决办法，按ctrl+F3后用鼠标点击表格边框出来表格属性面板，点属性面板的clearrowheiht（除掉表格中定义高度的html语句），而clearcolumnwedths（除掉表格中定义宽度的html语句）你最好少用，用不好会弄巧成拙，如果你的网页中用到割过的图片，此时用它来消除图片间的空隙非常有效。

　　经验（四）：

关于表格背景图片的一个技巧。

　　大家都知道在一个较大的表格中放入背景图片，背景图片就会重复填充直到整个页面。

我们可以利用表格的这个特性来减小我们网页中图片的大小。

你若要插入一根水平线，用这方法也很有效。

　　经验（五）：

如何使鼠标指到表格，表格背景变色？

　　这个特效用的是表格样式表，要达到此效果你只需在代码中加入：

　　onmouseout="this.style.backgroundcolor="onmouseover="this.style.backgroundcolor=#FFcccc"

　　例：

，“#ffccc”是你鼠标指到表格上要变的颜色，你根据需要改变个颜色。

　　经验（六）：

如何利用表格实现画中画，也就是页中页效果？

　　网页的排版大多使用表格，利用一个表单元可以嵌入一个网页，你知道吗？

这样做有很多好处，比如你把经常更新的区域划分一个表格单元，然后在这个表格单元中嵌入你想要更新的内容，今后更新主页只需上传这个被嵌套的页面就可以了，没有必要对首页进行更新，是不是很方便。

我写个最简单的例子代码：

　　范例

　　插入被嵌入页的关键代码是：

。

example.htm是被嵌入的页面，标签还有一些可用的参数设置如下：

　　marginwidth:

网页中内容在表格右侧的预留宽度；例如：

marginwidth="20"，单位是pix，下同。

　　marginheight:

网页中内容在表格顶部预留的高度；

　　hspace:

网页右上角的的横坐标；

　　vspace:

网页右上角的纵坐标；

　　frameborder:

是否显示边缘；填"1"表示"是"，填"0"表示"否"

　　scrolling:

是否出现滚动条；填"1"表示"是"，填"0"表示"否"

　　经验（七）：

在使用表格中应注意那些问题？

　　1.整个表格不要都套在一个表格里，尽量拆分成多个表格。

　　2.表格的嵌套层次尽量要少，最好嵌套表格不超过3层。

　　3.单一表格的结构尽量整齐。