怎样利用dreamweaverCS6制作网页上的表格

如题所述

1、打开dreamweaverCS6,新建一个HTML文件,进入Dreamweaver主界面后,我们可以看到自动生成的标题、头、身体的相关的代码的出现,这个是软件自动生成的,可以直接使用的。

2、在Dreamweaver代码的主界面中,在代码、拆分、设计这三个选项卡中,选择拆分,因为这样可以更好的看到代码与相关设计的表格的调整的问题。

3、然后选择插入中的表格的选项,这个是用来选择表格的选项的。

4、选择表格的选项框出现后,然后根据个人的需要,可以选择表格的行与列,还可以选择相关的标题、摘要,那我们就选择五行五列吧;

5、当我们点击确定后,就能够看到左边的代码区域,右边的相关表格的区域;

6、表格制作好后,可以根据个人的需要对表格进行调整大小,我们可以通过鼠标的拖动来调整表格的大小;

7、我们还可以在代码中调整网页表格的大小,对表格的长与宽进行相关的调整,可以修改长与宽的值的大小;

8、最后我们的表格就制作完成了。

温馨提示:内容为网友见解,仅供参考
第1个回答  2016-09-07
利用dreamweaver制作表格方法介绍:
第一种方法:利用插入工具实现
1、进入Dreamweaver主界面后,我们可以看到自动生成的标题、头、身体的相关的代码的出现,这个是软件自动生成的,可以直接使用的。
2、在Dreamweaver代码的主界面中,在代码、拆分、设计这三个选项卡中,选择拆分,因为这样可以更好的看到代码与相关设计的表格的调整的问题。如图2所示
3、然后选择插入中的表格的选项,这个是用来选择表格的选项的。如图3所示
4、选择表格的选项框出现后,然后根据个人的需要,可以选择表格的行与列,还可以选择相关的标题、摘要,那我们就选择五行五列吧;
5、当我们点击确定后,就能够看到左边的代码区域,右边的相关表格的区域;如图6所示
6、表格制作好后,可以根据个人的需要对表格进行调整大小,我们可以通过鼠标的拖动来调整表格的大小;
7、我们还可以在代码中调整网页表格的大小,对表格的长与宽进行相关的调整,可以修改长与宽的值的大小;如图8所示
第二种方法:利用代码制作
1、打开dreamweaver在“代码”视图中输入以下源代码。如图9所示
2. 插入表格以后,在表格的单元格中再插入表单的对象或者域标签。如图10所示
第2个回答  2018-07-05
直接在菜单栏里面选择插入>表格>设置其属性>确定就行了; 还有就是用过代码写: <table> <tbody> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> </tr> </tbody> <tr> <td>内容1</td><td>内容1</td><td>内容1</td> </tr> </table>本回答被网友采纳
第3个回答  2017-04-05

首先你得了解一下html,表格的话使用table标签,给题主一个通用的样式,如果要美化表格的话可以使用css

<table>
    <th>
        <td>姓名</td>
        <td>年龄</td>
        <td>职业</td>
    </th>
    <tr>
        <td>小明</td>
        <td>19</td>
        <td>学生</td>
    </tr>
    <tr>
        <td>赵四</td>
        <td>50</td>
        <td>演员</td>
    </tr>
    <tr>
        <td>薛之谦</td>
        <td>29</td>
        <td>歌手</td>
    </tr>
</table>
// 其实认真看看也就table,th,tr,td个标签在这里重复
// 为了帮助题主理解一下,我分别作说明
// table标签用在最外层
// th,tr都表示一行,区别在于th是字体加粗的标题行,tr表示普通行
// td 表示每一行里小的单元格
// 最基础的这些记住了,你就不怕不怕了

第4个回答  2016-09-06
是不是table. <td> <th>
相似回答