Dreamweaver cs6 中的 css 入门。菜鸟问题

Question

我最近刚刚下载了dreamweaver cs6。我一直在网上学习教程，但我遇到了一些障碍。我几乎不好意思问这个问题，因为我知道我一定遗漏了一些明显的东西，但它是这样的：

我现在正在学习使用纯 CSS 制作下拉菜单的教程。在实现前几行 CSS 代码后，我在下拉菜单中丢失了所有子菜单。在拉了我的头发试图弄清楚为什么在 2 小时的大部分时间里，我终于在 Firefox 中进行了预览。 （不敢相信我没有早点尝试。） 在我的浏览器中似乎一切正常，但我想知道：有没有办法可以在 Dreamweaver 中查看它？每次我想检查某些东西时，进出浏览器真的很不方便。就像我说的，我基本上（不是真的基本上，我只是）在所有网页设计方面都是一个完全的菜鸟。感谢您的时间。

Answer 1

Dreamweaver 只是一个 IDE，而不是浏览器。它不执行 :hover 事件和 JavaScript。您需要使用 F12 预览您所做的事情并检查它。 :)

Answer 2

简短的回答：不。至少，没有合理的期望你应该这样做。网页设计的问题在于，正确做事的唯一真正方法是手动编码并在另一个窗口的浏览器中预览它——这对习惯于所见即所得程序的“设计师”来说确实是一种文化冲击，比如Photoshop 和 InDesign，但网络是完全不同的媒体，其中底层标记最重要，并且可以被浏览器重新解释。

Dreamweaver 历来具有良好的 WYSIWYG 渲染（感谢他们多年前与 Opera 的合作），但最终它仍然不是最好的方法。

我注意到微软的“用于 HTML/JS 应用程序的表达式混合”（有一大口）实际上具有一流的设计时所见即所得支持，因为它直接与 IE 实例一起工作，因此您可以测试 @987654321 之类的东西@ 和设计时的客户端脚本 - 不幸的是，它不适合实际的“Web”站点 - 只是“桌面”HTML，这是一种耻辱。