轻松用Dreamweaver 制作可视化表格

 时间:2024-11-10 23:57:32

磨刀霍霍向前冲【DW技巧】用Dreamweaver制作可视化表格

工具/原料

DreamweaverDS6

方法/步骤

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

轻松用Dreamweaver 制作可视化表格

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

轻松用Dreamweaver 制作可视化表格

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

轻松用Dreamweaver 制作可视化表格

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

轻松用Dreamweaver 制作可视化表格

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

轻松用Dreamweaver 制作可视化表格

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

轻松用Dreamweaver 制作可视化表格

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

轻松用Dreamweaver 制作可视化表格

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

轻松用Dreamweaver 制作可视化表格

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

轻松用Dreamweaver 制作可视化表格

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

轻松用Dreamweaver 制作可视化表格

11、整个表格看起来不错吧。谢谢观看学习,共勉!

轻松用Dreamweaver 制作可视化表格

Dreamweaver如何看到当前网页详细的结构 Dreamweaver中,如何设置电子邮件链接 Dw CC 2018怎么设置带结构的文本以及基本格式 Dreamweaver学习:[22]创建数据表格 DW怎么显示代码是第几行?为什么不显示行标?
热门搜索
女人用的振荡器图片 中老年发型图片女 动漫壁纸高清 小鸡头饰图片 静脉炎图片