AdobeDreamweaver如何使用实时预览功能

 时间:2024-10-12 10:20:53

1、首先AdobeDreamweaver的版本一定是CC2014以上的版本才有实时预览功能,如果版本号过低时无法使用该功能的。版本不够的可以百度一下,有很多资源下载。

AdobeDreamweaver如何使用实时预览功能

2、下载安装好之后,开始运行程序。

AdobeDreamweaver如何使用实时预览功能

3、这里我们随便写了一个简单的html文件,准备开始实时预览功能。

AdobeDreamweaver如何使用实时预览功能

4、依次点击【编辑】——【首选项】。

AdobeDreamweaver如何使用实时预览功能

5、在弹出的窗口中选择【实时预览】,右侧的浏览器中选择我们常用的浏览器即可,并在默认选项那里勾选主浏览器,设置好了之后点击应用并关闭。

AdobeDreamweaver如何使用实时预览功能

6、然后点击右下角的实时预览图标,如图所示。选择自己想预览的浏览器,系统就会自动使用你选定的浏览器进行预览。也可以使用快捷键F12来进行实时预览。

AdobeDreamweaver如何使用实时预览功能

7、在代码区调整一下内容试试,会发现浏览器中的预览内容会同步实时更新。

AdobeDreamweaver如何使用实时预览功能
  • Animate如何制作元件旋转飞过的动画
  • Dreamweaver如何开启临时文件预览
  • 干货分享,巧用DW做详情页,提升淘宝转化不再难
  • Flash如何使用骨骼工具
  • Dreamweaver文字或图片怎么添加连接?
  • 热门搜索
    关于热爱生命的手抄报 手抄报排版 反对邪教的手抄报 我爱读书手抄报大全 中国梦我的梦手抄报内容 庆五一手抄报 环境手抄报 我爱阅读手抄报内容 文明交通手抄报图片 运动会手抄报资料