Dreamweave表格介绍

作者：课课家教育来源： http://www.kokojia.com点击数：1666发布时间： 2016-12-31 13:00:36

　　随着互联网的快速发展，带动起的互联网经济的提升，经济需要互动而带动，犹如人与人之间的交流，而网站网页正如脸一般，是被观赏甚至是观察倒的第一步，也就是人们常称谓的第一印象，而Dreamweaver正是一把让脸变得好看的工具，它可不是美容刀，而是占了绝大多数网页制作的“母亲”。

　　布局，正如一把灵巧的手，把“脸部”打扮得干干净净、精致动人。俗话说的好，鼻子是鼻子，嘴巴是嘴巴，从上到下，紧紧有条的排列，这就是人脸上的布局，而网站的布局，通过Dreamweaver这个“魔术师”的魔法，将变得赏心悦目。

　　在这，我就为大家介绍Dreamweaver“魔法师口袋”中的道具之一——Dreamweaver表格。它的功能可不仅仅只在于布局，还可规整的存放以及显示数据，让整个网页更显趣味之意。

　　首先来教教大家怎么使用该“魔法道具”。打开Dreamweaver软件后进入主界面。

　　一、创建表格（两种方法）

　　①点击法：在Dreamweaver软件上方找到“插入”按钮，左键点击按钮，即可找到“表格”图标按钮。单击后进入下图对话框，自定义输入你需要的表格数值后点击“确认”按钮即可。如图所示：

Dreamweave表格介绍_网页制作_Dreamweave_表格边界_课课家

对话框

　　②代码法：首先找到“代码”按钮，再在代码界面找到<body><body/>两个标签，在标签内打下<table></table>即可，详情如图3，代码width即是指定表格的宽度，border指的是表格边界的粗细，“0”即没有边界（边界不显示），“>0的数值”表示有边界且数值越大边界越粗。一组<tr></tr>代表表格有一行，内的一组<td></td>代表表格有一列，同理，有几组的<tr></tr>标签，表格就显示几行，一组<tr></tr>内有几组的<td></td>，表格就显示有几列，每行拥有的列数可以不同。如图所示：

代码法

　　点击法比代码法更适合于新手的操作，为了帮助新手进步，偷偷告诉您一个更好特生Dreamweaver的小窍门，这小窍门可不仅仅适用于Dreamweaver表格的操作，更方便您走向Dreamweaver高手的坚实一步。

　　这个小窍门可以用本次的Dreamweaver表格举例，建立表格通常有上述两种方法，而第二种方法——代码法提到了代码的问题，代码不仅仅是Dreamweaver的一大编辑，很多类似的软件都会用到代码来设计，因此，学习代码显得非常的重要，而这个小窍门就是帮助您学习代码的一个途径，并非仅此一条，所以称之为小窍门。窍门是：用点击法建立了表格后，可以使用图三用圆角形标注的“代码”按钮来观看代码，并且学习和研究代码的意思和用法。这个小窍门扩大化后言简意赅的意思就是先设计再通过这个“代码”按钮去学习代码，这样能通过比较来学习代码，更显形象生动而容易理解。

　　二、表格属性的介绍

　　从左到右一一介绍：

　　①表格二字下面空白处是表格的id，在多表格的情况下，建议您为各表格分别起一个id名，可方便表格的设置与编辑。

　　②往右是行和列的数值输入，可在建立表格后重新定义表格的行数和列数。

　　③再往右是表格的宽度的数值，以及宽度的单位，在Dreamweavercs6版本中单位有“%”和“像素”。

　　④填充：单元边沿与其内容之间的空白

　　间距：表格内每个单元格之间的距离。

　　⑤对齐：表格在页面中的方位

　　边框：表格边界的粗细，“0”即没有边界（边界不显示），“>0的数值”表示有边界且数值越大边界越粗。

　　⑥类：样式的选择，可以新建样式。

　　部分如下图标注所示。如图所示：

表格属性的介绍