首页 > 软件开发 > HTML >

如何利用DW CS6实现合并单元格

来源:互联网 2023-03-16 19:10:46 265

有时,在项目中出现将表格合并单元格,直接用eclipse或MyEclipse编写表格,太麻烦了。于是,可以利用Adobe Dreamweaver CS6设计,直接利用设计模式将表格设计好,然后将代码拷贝到Java IDE工具。合并单元格,如果是行合并使用rowspan,列合并使用colspan。那如何实现表格单元格合并,具体操作如下:FiX办公区 - 实用经验教程分享!

如何利用DW CS6实现合并单元格FiX办公区 - 实用经验教程分享!

工具/原料

  • Adobe Dreamweaver CS6
  • 浏览器
  • HTML
  • CSS
  • 截图工具

方法/步骤

  • 1

    第一步,打开Adobe Dreamweaver CS6,新建一个HTML文件,然后切换到图形设计模式窗口,如下图所示:FiX办公区 - 实用经验教程分享!

    如何利用DW CS6实现合并单元格FiX办公区 - 实用经验教程分享!

  • 2

    第二步,接着,在工具栏中找到“插入”,依次操作“插入-表格”,这时会弹出一个表格属性设置窗口。设置好了表格的行数、列数、宽度以及边距等,单击“确定”,如下图所示:FiX办公区 - 实用经验教程分享!

    如何利用DW CS6实现合并单元格FiX办公区 - 实用经验教程分享!

  • 3

    第三步,确定完成后,注意填写表格的名称,类似表格的标题,可以看到表格,如下图所示:FiX办公区 - 实用经验教程分享!

    如何利用DW CS6实现合并单元格FiX办公区 - 实用经验教程分享!

  • 4

    第四步,输入表格中的信息和数据,并设置表格的样式,根据需要设置数据源,如下图所示:FiX办公区 - 实用经验教程分享!

    如何利用DW CS6实现合并单元格FiX办公区 - 实用经验教程分享!

  • 5

    第五步,为了计算学生成绩合计,需要在表格下方添加一行。这里,可以直接利用代码添加,也可以用快捷方式添加,FiX办公区 - 实用经验教程分享!

    如下图所示:FiX办公区 - 实用经验教程分享!

    如何利用DW CS6实现合并单元格FiX办公区 - 实用经验教程分享!

  • 6

    第六步,合计完成后,需要添加平均值,同理也按照这个方法添加。顺便将表格的样式表头设置下,设置为文字居中,加粗,微软雅黑,FiX办公区 - 实用经验教程分享!

    如下图所示:FiX办公区 - 实用经验教程分享!

    如何利用DW CS6实现合并单元格FiX办公区 - 实用经验教程分享!

  • 6本页面未经授权抓取自百度经验
  • 注意事项

    • 注意Adobe Dreamweaver CS6的用法
    • 注意table的用法和设置属性

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!FiX办公区 - 实用经验教程分享!


    标签: 表格软件CSSHTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码