在Dreamweaver cs6中使用css入門。 Noob問題

Question

我剛剛下載了Dreamweaver CS6。我一直在線上跟隨教程，並且遇到了一些障礙。我幾乎很尷尬地問這個問題，因爲我知道我必須錯過一些明顯的東西，但這裏是：

我正在關注一個教程，現在讓我們從純CSS中創建一個下拉菜單。在實現前幾行CSS代碼後，我在下拉菜單中丟失了所有的子菜單。在拉我的頭髮後，試圖找出爲什麼在2小時的更好的一部分，我終於預覽在Firefox。 （不敢相信我沒有嘗試過。） 這一切似乎都在我的瀏覽器中正常工作，但我想知道：有沒有辦法可以在Dreamweaver中查看它？每次我想檢查一些東西時，它真的不方便地彈出和移出瀏覽器。就像我說的，我基本上（並不是真的基本上，我只是）在網頁設計的所有事情上都是一個完整的noob。感謝您的時間。

Answer 1

Dreamweaver只是一個IDE，它不是一個瀏覽器。它不會執行:hover事件和JavaScript。你需要預覽你使用F12所做的事情，並檢查出來。 :)

Answer 2

簡答：沒有。至少，你沒有合理的期望。網頁設計的問題在於，唯一真正做事的方法是手動編寫代碼並在另一個窗口的瀏覽器中進行預覽 - 這對於習慣於WYSIWYG程序的「設計師」來說是一種文化衝擊Photoshop和InDesign，但是網絡是一個完全不同的媒體，其底層標記最爲重要，可以通過瀏覽器進行重新解釋。

Dreamweaver歷來有很好的所見即所得渲染（這要感謝他們與Opera幾年前的合作），但最終它還不是最好的方法。我注意到微軟的「HTML/JS應用程序的表達式混合」（有一口）實際上有一流的設計時所見即所得的支持，因爲它直接與IE的一個實例，所以你可以測試的東西，如:hover和客戶端腳本 - 不幸的是它不適合實際的「網絡」站點 - 只是「桌面」HTML，這是一個恥辱。