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

Dreamweaver怎么绘制视化表格?

(编辑:jimmy 日期: 2024/11/16 浏览: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怎么切换界面样式?
一句话新闻
微软与英特尔等合作伙伴联合定义“AI PC”:键盘需配有Copilot物理按键
几个月来,英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法,朝着更多的AI功能迈进。在近日,英特尔在台北举行的开发者活动中,也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上,英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件,以及联合微软等合作伙伴联合定义“AI PC”的定义标准。