Dreamweaver代码怎么自动排版? dw代码格式化的技巧_Dreamweaver教程_网页制作-计算机语言社区-技术中心-斑驳蓝

Dreamweaver代码怎么自动排版? dw代码格式化的技巧_Dreamweaver教程_网页制作

Dreamweaver代码怎么自动排?Dreamweaver中的代码看上去很乱,不好找,想要将代码格式化了,看上去更有条理性,该怎么操作呢?下面我们就来看看dw代码格式化的技巧,需要的朋友可以参考下


对于这样的代码是不是很头疼?如果自己慢慢排版的话也会浪费大量的时间、精力。可是不排版又容易出错。这时候我们就可以用Dreamweaver帮我们排版了,该怎么将dw中的代码格式化呢?下面我们就来看看详细的教程。

Adobe Dreamweaver 2020 v20.0 中文便携免费版(亲测可用) 64位

  • 类型:网页设计
  • 大小:1.04GB
  • 语言:简体中文
  • 时间:2019-11-14

查看详情

图片[1]-Dreamweaver代码怎么自动排版? dw代码格式化的技巧_Dreamweaver教程_网页制作-计算机语言社区-技术中心-斑驳蓝

1、点击工具栏中的编辑,选择首选参数

图片[2]-Dreamweaver代码怎么自动排版? dw代码格式化的技巧_Dreamweaver教程_网页制作-计算机语言社区-技术中心-斑驳蓝

2、出现如图所示窗口,然后选择代码格式

图片[3]-Dreamweaver代码怎么自动排版? dw代码格式化的技巧_Dreamweaver教程_网页制作-计算机语言社区-技术中心-斑驳蓝

3、如图红色方框内设置

图片[4]-Dreamweaver代码怎么自动排版? dw代码格式化的技巧_Dreamweaver教程_网页制作-计算机语言社区-技术中心-斑驳蓝

4、再看我们的代码,没有变化是不是?

图片[5]-Dreamweaver代码怎么自动排版? dw代码格式化的技巧_Dreamweaver教程_网页制作-计算机语言社区-技术中心-斑驳蓝

5、没关系,我们点击,选择应用源格式

图片[6]-Dreamweaver代码怎么自动排版? dw代码格式化的技巧_Dreamweaver教程_网页制作-计算机语言社区-技术中心-斑驳蓝

6、再来看我们的代码,是不是好看很多了?对比一下排版前后。

图片[7]-Dreamweaver代码怎么自动排版? dw代码格式化的技巧_Dreamweaver教程_网页制作-计算机语言社区-技术中心-斑驳蓝

图片[8]-Dreamweaver代码怎么自动排版? dw代码格式化的技巧_Dreamweaver教程_网页制作-计算机语言社区-技术中心-斑驳蓝

以上就是dw代码格式化的技巧,希望大家喜欢,请继续关注我。

请登录后发表评论

    没有回复内容