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

Dreamweaver代码怎么自动排?Dreamweaver中的代码看上去很乱,不好找,想要将代码格

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

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

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

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

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

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

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

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

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

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

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

3、如图红色方框内设置

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

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

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

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

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

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

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

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

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

相关推荐:

Dreamweaver怎么添加字体? dw更换字体的教程

DreamWeaver怎么显示代码行数? dw显示行标的技巧

dreamweaver怎么快速对齐代码? dw对齐代码的设置方法

本文为网络共享文章,如有侵权请联系邮箱485837881@qq.com

作者: 那物已非

为您推荐

返回顶部