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

 时间:2024-10-12 18:48:36

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)
  • Dreamweaver5中怎样移动css样式??
  • Dw如何开启使用速记中的边框与边框宽#校园分享#
  • Dw CC怎么设置在插入时显示辅助功能属性为媒体
  • Dw怎样新建一个站点
  • dw制作网页完整步骤
  • 热门搜索
    法制安全教育手抄报 父亲节手抄报简单漂亮 五一手抄报内容 端午节手抄报简单字少 走进信息世界手抄报 清明节的手抄报三年级 英语手抄报资料 关于读书的手抄报题目 春天的脚步手抄报 预防结核病手抄报内容