dreamweaver压缩代码（dreamweaver格式化代码）[20240505更新]

本篇文章给大家谈谈dreamweaver压缩代码，以及dreamweaver格式化代码对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、在dreamweaver中如何控制图片的大小
• 2、Dreamweaver中折叠代码是怎么用的
• 3、怎么设置dreamweaver中js代码的缩进格式
• 4、Dreamweaver怎么格式化代码，DW代码怎么排版

在dreamweaver中如何控制图片的大小

1.新建网页，在body里插入div align="center"img src="images/ad-01.jpg" //div。

2.在img里插入width=300 height=150。

3.按F12在IE里浏览效果。

Dreamweaver中折叠代码是怎么用的

您可以折叠和扩展代码片断，网页设计中这样无须使用滚动条即可查看文档的不同部分。例如，若要查看应用于页面下方较远处的div标签的head标签中的所有CSS规则，您可以折叠head标签和div标签之间的所有内容，这样就可以同时看到两部分代码。尽管可以通过在“设计”视图或“代码”视图中来选择代码片断，但只能在“代码”视图中折叠代码。

注:依据Dreamweaver模板创建的文件将以完全展开的形式显示所有代码，即使模板文件(.dwt)包含折叠的代码片断也是如此。

折叠和展开代码片断

当您选择了代码后，将会在所选代码的旁边显示一组折叠按钮(在Windows中为减号;在Macintosh中为垂直三角形)。单击这些按钮可折叠和展开所选代码。折叠了代码后，折叠按钮将变为展开按钮(在Windows中为加号按钮;在Macintosh中为水平三角形)。

有时，不会准确折叠您所选的代码片断。Dreamweaver使用“智能折叠”来折叠最常用和视觉效果很好的选定内容。例如，如果您选择了一个缩进标签并且选择了该标签之前的缩进空格，则Dreamweaver将不会折叠缩进的空格，因为大多数用户希望保留缩进。若要禁用智能折叠，并强制Dreamweaver准确折叠选定的内容，您可在折叠代码之前按住Ctrl。

此外，如果片断中包含错误或特定浏览器不支持的代码，则会在折叠的代码片断上放置一个警告图标。

您也可以通过在按住Alt(Windows)或Option(Macintosh)的同时单击其中一个折叠按钮或单击“编码”工具栏中的“折叠选定内容”按钮折叠该代码。

选择一些代码。

选择“编辑”“代码折叠”并选择任一选项。

选择折叠的代码片断

在“代码”视图中单击折叠代码片断。

注:当您在“设计”视图中选定的内容是折叠代码片断的一部分时，该片断将会在“代码”视图中自动展开。当您在“设计”视图中选定的内容是一个完整的代码片断时，“代码”视图中的片断将保持折叠状态。

本文TAG关键词:

网页设计Dreamweaver折叠代码网页设计内容首页设计经验什么是伪静态网页设计注意事项Dreamweaver中如何打开现有网页文档Dreamweaver查找替换的技巧哪些事情HTML5无法实现Dreamweaver的操作诀窍2011年网页设计流行趋势Dreamweaver

CS3选择性粘贴的妙用网站设计的小技巧汇总

(责任编辑:郑州室内设计培训，郑州网页设计培训，郑州平面设计培训)

怎么设置dreamweaver中js代码的缩进格式

Dreamweaver设置段落缩进的五种方法

在使用了Dreamweaver一段时间后，大家都会发现一个问题，在Dreamweaver中不能像Word里那样在段落前使用空格制作缩进效果。但为了达到我们想要的效果，可以使用一些其他方法，主要有五种。

一、插入全角空格

在Dreamweaver里的段落前直接按空格键是没有效果的，因为它不支持半角空格，那么只要将它转换成全角就可以了。在输入状态下，按住Shift+空格键，输入法就会变成全角输入，然后在段前按两下空格，这样就能让段落缩进两个全角字符的宽度了，正好是两个汉的大小。这种方法的缺点是在代码编辑状态下看不到效果，只有在预览时才能看到，所以使用时要特别注意。

二、插入特殊字符

插入全角空格的方法虽然简单，但其缺点也很要命，还有一种方法可以让插入的空格在编辑状态下也可见，就是插入特殊字符“ ”。在代码编辑状态下，找到段落的开头，输入四个“ ”字符，然后在预览里看一下，和全角空格的效果完全一样，在这里“ ”就相当于一个半角的空格，四个“ ”就等于在段首插入了两个中文字符的大小。

三、插入透明图片

这种方法其实就是一种占位法，用不可见的透明图片占据段首的位置，看起来就像是有了缩进效果。

用做图工具制作一张1*1像素透明的gif文件，将它插入到页面段落的首字前，如果字体小是12像素，那么就设定图片的宽度为24像素，这样段首前就好像有了两个字符的缩进效果，如果字体是14像素，就把图片宽度定为28像素即可。以此类推。

四、插入与背景颜色相同字体

这种方法和插入透明图片原理相同，也是在段落前占位，但用到的是文字。比如我们做的网页是白底黑字的，只要将段前的两个文字颜色设置为白色就可以了。在网页显示时，和背景颜色相同的文字是看不出来的，但在将文字全选时，它就会暴露出来，不过这种方法用来止别人转帖你的文章比较见效。当他粗心的Ctrl+V转帖后，每段前面都会出现两个多余的文字。

五、利用CSS设置缩进效果

前几种方法都是在段落开头加入一些东西，利用占位法设置缩进效果，而使用CSS设置缩进效果则更容易，也便于修改。

text-indenet属性就是缩进元素中的首行文本，它可以取正值或负值。比如我们想让所有的段落首行都缩进两个字符的宽度就可以设置段落的CSS属性，举例：

p{

text-indent:2em;

}

代码通常为

这里我设置的值为2em，em是一个相对单位，2em就是页面字体的两倍大小，当页面字体为12像素时，首行缩进就是24像素，当页面字体为14像素时，首行缩进就成了28像素。

到这里，五种方法都讲清楚了，究竟用哪种还要看自己的喜好和需求。

Dreamweaver怎么格式化代码，DW代码怎么排版

DW:格式化代码：

1.先设置一下自己想要的代码格式。

依次点击 编辑 - 首选参数；

英文版则是 Edit - Preferences

2.在弹出的对话框中点击“代码格式

3.(1)、缩进：有“空格”和“Tab键”两种选项，这里我设置为2个空格；

(2)、制表符大小：4；

(3)、换行符类型：CR LF（Windows）；

(4)、默认标签大小写：小写；

(5)、默认属性大小写：小写；

余下的选项使用默认设置，点击“确定”保存。

4.依次点击工具栏 命令 - 应用源格式；

英文版为Commands - Apply Source Formatting

DW块状排版结构：

div-dl-dt-dd:常用于图文混编的场合

table-tr-td:常用于图文布局或显示数据

form-table-tr-td:常用于布局表格

div-ul(ol)-li:常用于分类导航或菜单等。

关于dreamweaver压缩代码和dreamweaver格式化代码的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。