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

制作网页表格使用DW(Adobe Dreamweaver)

时间:2024-09-21 03:29:13

在各种编辑器当中AdobeDreamweaver(简称DW)是一款功能强大的编辑骰蓍溶芽器,其中表格制作更是独树一帜,修改代码十分方便,下面一起来看看吧

制作网页表格使用DW(Adobe Dreamweaver)

工具/原料

电脑

DW编辑器

方法/步骤

1、word的文档制作的表格示意图如图所示

制作网页表格使用DW(Adobe Dreamweaver)

2、制作好的网页版表格示意图

制作网页表格使用DW(Adobe Dreamweaver)

3、打开DW,新建一个html页面进行布局

制作网页表格使用DW(Adobe Dreamweaver)

4、新建好的页面可以在如图所示中布局,代码布局和样式控制,dw可以直接指定插入表格

制作网页表格使用DW(Adobe Dreamweaver)

5、点击工具栏中的插入->表格点击

制作网页表格使用DW(Adobe Dreamweaver)

6、弹出对话框进行简单表格的行数和列数的设置,默认4x4看自己的需求去设置,还可以填写标题等,

制作网页表格使用DW(Adobe Dreamweaver)

7、确定之后如图所示,对应的代码对应的模块

制作网页表格使用DW(Adobe Dreamweaver)

8、拆分代码之后完成图,因为内容过长,详细制作过程在下次的经验将会提及,欢迎关注,遄咿湫幼制作完成在网页中打开便如第二步所示

制作网页表格使用DW(Adobe Dreamweaver)

© 一点知识