网页设计 百分网手机站

Dreamweaver如何绘制视化表格 Dreamweaver绘制视化表

时间:2020-08-11 18:29:00 网页设计 我要投稿

Dreamweaver如何绘制视化表格 Dreamweaver绘制视化表格教程

  Dreamweaver制作网页的时候,想要绘制一个可视化的.表格,该怎么制作呢?下面百分网小编带大家一起来看看Dreamweaver绘制视化表格教程,希望对大家有所帮助!想了解更多相关信息请持续关注我们应届毕业生考试网!

  1、如图这样的表格在DW怎么做出来?

Dreamweaver如何绘制视化表格 Dreamweaver绘制视化表格教程

  2、打开DW新建HTML,点击代码把自动生成的代码按DELETE删除

Dreamweaver如何绘制视化表格 Dreamweaver绘制视化表格教程

  3、右边点插入——选表格点击

Dreamweaver如何绘制视化表格 Dreamweaver绘制视化表格教程

  4、填写表格大小5行4列宽度750像素如图:

Dreamweaver如何绘制视化表格 Dreamweaver绘制视化表格教程

  5、选首行表格点击背景颜色添加背景

Dreamweaver如何绘制视化表格 Dreamweaver绘制视化表格教程

  6、选中5行右边三个表格点击合并所选表格如图3.4行同样操作

Dreamweaver如何绘制视化表格 Dreamweaver绘制视化表格教程

  7、选中2很第二个单元格点击拆分单元格如图,第三、四个单元格同样操作

Dreamweaver如何绘制视化表格 Dreamweaver绘制视化表格教程

  8、如图大体表格框架出来啦

Dreamweaver如何绘制视化表格 Dreamweaver绘制视化表格教程

  9、接着输入文字+背景,选中整个表格边框设置1

Dreamweaver如何绘制视化表格 Dreamweaver绘制视化表格教程

  10、点击代码填加如图代码。

Dreamweaver如何绘制视化表格 Dreamweaver绘制视化表格教程

  11、整个表格看起来不错吧。

Dreamweaver如何绘制视化表格 Dreamweaver绘制视化表格教程

【Dreamweaver如何绘制视化表格 Dreamweaver绘制视化表格教程】相关文章:

Dreamweaver怎么绘制视化表格09-10

Dreamweaver如何插入表格07-28

dreamweaver表格制作步骤07-30

Dreamweaver表格相关知识07-29

关于Dreamweaver表格制作07-29

如何在Dreamweaver改变表格的高度07-29

Dreamweaver对于表格操作技巧07-30

利用Dreamweaver处理网页表格方法07-30

Dreamweaver表格边框制作方法07-30

Dreamweaver怎么制作可拖动表格09-17