Dreamweaver中怎么对齐代码

 时间:2024-10-13 12:01:57

1、安装软件Dreamweaver是编辑代码的工具,而wampserver是web页面运行的服务器。所以要安装这2个软件,在网上下载破解版本即可。

Dreamweaver中怎么对齐代码
Dreamweaver中怎么对齐代码

2、打开软件双击打开Dreamweaver软竭惮蚕斗件以及wampserver服务器。记得要打开wampserver服务器,否则Dreamweaver页面在浏览器中是无法显示的。

Dreamweaver中怎么对齐代码

3、创建页面点击工具栏中的文件,点击新建,在新建页面中随便创建一个页面类型,例如HTML类型。

Dreamweaver中怎么对齐代码

4、然后我们在页面中复制一些代码。以创建折叠面板为例。先在头部中复制4个js代码。然后在主体中复制折叠面板的固定代码,会发现代码并不对齐。

Dreamweaver中怎么对齐代码
Dreamweaver中怎么对齐代码

5、对齐代码点击工具栏中的命令,在下拉列表中选择应用源格式。页面中的所有代码就会自动对齐了。

Dreamweaver中怎么对齐代码
Dreamweaver中怎么对齐代码

6、预览点击地球形状的图标,会弹出下拉框,选择浏览器预览,就可以在浏览器中预览了。注意要启动wampserver服务器。

Dreamweaver中怎么对齐代码

7、展示效果在浏览器的查看预览效果。即可显示折叠面板。点击折叠面板的标题可以打开对应面板,查看内容。

Dreamweaver中怎么对齐代码
  • Dreamweaver文档中如何插入Div标签?
  • DW如何让div标签内文本水平居中?
  • Dw怎样新建一个站点
  • dw如何使用标题标签#校园分享#
  • Dreamweaver如何在网页中插入空格
  • 热门搜索
    开学第一课手抄报 消防安全手抄报图片 关于劳动的手抄报 昆虫记手抄报 关于古诗的手抄报 小学生端午节手抄报 法律手抄报 消防知识手抄报 四年级英语手抄报 感恩节手抄报