网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

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中怎么对齐代码
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com