养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

轻松用Dreamweaver 制作可视化表格

时间:2024-09-21 08:49:06

磨刀霍霍向前冲【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 制作可视化表格

© 一点知识