网页制作 
首页 > 网页制作 > 浏览文章

Dreamweaver怎么绘制视化表格?

(编辑:jimmy 日期: 2025/1/9 浏览:3 次 )

磨刀霍霍向前冲【DW技巧】用Dreamweaver 制作可视化表格,很简单,如下文所示。

软件名称:
Adobe Dreamweaver CC 2017 v17.0 中文版(附安装教程) 64位
软件大小:
758MB
更新时间:
2016-11-05立即下载

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怎么给页面添加时间?

dreamweaver怎么设置段落首行自动缩进两个字符?

上一篇:Dreamweaver CC怎么制作纯文本的网页?
下一篇:Dreamweaver CC 2017怎么切换界面样式?
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 SiteMap