Adobe Dreamwe艾薇er CC 2015 所见即所得的网页代码编辑器

资源导航管理员

5年前 · 2439人浏览 · 0评论

软件说明：

如今最受宠的网页制作软件便是Adobe Dreamwe艾薇er，他是针对专业网页设计师特别开发的视觉化网页开发工具，目前最新版本是Dreamwe艾薇er CC 2015。软件提供直觉式的视觉效果界面，可用于建立及编辑网站，并提供与最新的网络标准相容性，同时对HTML5/CSS3和jQuery提供顶级的支持，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

新功能

1、设备预览

Dreamwe艾薇er 现在可让您在多个设备上同时测试即将发布的正式版网页。您可以查看网页如何在各种外形规格下进行回流，还可以在您的页面上测试交互功能。无需安装任何移动应用程序或将设备物理连接到您的桌面，即可实现所有这些功能！只需使用您的设备扫描自动生成的 QR 代码，并在设备上预览网页

2、可视媒体查询

“可视媒体查询”栏可直观显示页面中的媒体查询。这些栏可帮助您可视化不同断点处的网页以及网页组件在不同视口中的回流的差异程度。在不同视口查看页面时，无需影响其他视口的页面设计即可进行特定于某个视口的设计更改。

可视媒体查询的水平行上有 3 栏，每栏表示媒体查询的一个类别：

绿色：包含 max-width 条件的媒体查询

蓝色：同时包含 min-width 和 max-width 条件的媒体查询

紫色：包含 min-width 条件的媒体查询

3、支持 linting 代码

在这一新版本的 Dreamwe艾薇er 中，现在您可以使用 linting 调试常见错误的代码。Linting 是分析代码以标记代码的潜在错误或可疑用法的过程。Dreamwe艾薇er 可以在加载、保存或编辑 HTML、CSS 和 J艾薇aScript 文件时对它们执行 linting。错误和警告将在新的输出面板中列出、

4、支持在实时视图中编辑表格

您可以使用下面的一个或一组选项轻松、快速地在实时视图中编辑表格：

“元素显示”中的格式设置选项

“修改”>“表格”菜单

注意：实时视图中现已启用“修改”菜单

5、DOM 面板

元素快速视图现已替换为 DOM 面板（“窗口”> DOM）。DOM 面板可提供元素快速视图所提供的所有功能以及更多功能。所有工作区均提供此面板，而且可永久使用，也就是说，您可以同时打开两个文档并打开和访问其 DOM 面板。

借助 DOM 面板，您可以：

从插入面板拖动元素，以将其准确地插入文档结构中。

在文档中拷贝、粘贴、复制、移动或删除结构元素。

借助文档结构，在上下文中查看页面上的任何元素，处于“焦点”状态的元素在 DOM 面板中会突出显示