Dreamweave表格介绍

作者:课课家教育更新于： 2016-12-28 18:42:50

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

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

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

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

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

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

　　②代码法：首先找到“代码”按钮，再在代码界面找到两个标签，在标签内打下

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

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

　　二、表格属性的介绍

　　从左到右一一介绍：

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

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

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

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

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

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

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

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

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

　　Dreamweaver表格的大致设置如此，同理也可以用代码设置，但是对于代码的设置，初学者刚接触难免会有些不适应。所以别忘记上面提到的小窍门，在设计之后再看看代码，这样可以更好的帮助我们去学习代码编写。

　　小编结语：

　　Dreamweaver表格介绍大致如此，希望对您学习Dreamweaver的过程有帮助之用。课课家会一直更新关于设计的文章，请继续关注我们的网站：课课家教育。谢谢！