顯示具有 Dreamweaver 標籤的文章。 顯示所有文章
顯示具有 Dreamweaver 標籤的文章。 顯示所有文章

星期二, 3月 31, 2009

手動叫出Dreamweaver程式碼的提示選單



Dreamweaver是個很聰明的軟體,它會在你需要輸入某些程式碼時,自動出現下拉的提示選單讓你直接選用,避免打錯字或忘記程式碼的情況;只不過這「提示選單」有時會被我們不小心按掉,於是我們還是得重新手動輸入程式碼。有沒有方法可以「手動」叫出程式碼提示選單呢?

答案當然是有的。在PC只要按一下「空白鍵(Space Bar)」,在Mac則要按下「control + 空白鍵(Space Bar)」,即可叫出Dreamweaver程式碼的提示選單。

你別小看這個小功能,雖然它看起來並不怎麼樣特別,但有時候還真的是很方便!

星期五, 3月 20, 2009

Dreamweaver網頁模組(Web Widgets)



最近jQuery滿流行的,Adobe也在Dreamweaver的「Dreamweaver Web Widgets」頁面提供了各式的網頁模組(Web Widget)給Dreamweaver使用者下載(需先申請免費帳號才能執行下載動作);這些模組架構包含了jQuery、Spry、Google、Yahoo,以及MooTools等。如果能善用這些Ajax類型的模組,可大大增進網頁的互動效果!同時又不致於讓網頁的檔案過大,加快使用者瀏覽網頁的速度,功能相當強大!

另外,jQuery UI提供了一些使用者介面(User Interface)的設計,「黑暗執行緒」在「邊做邊學」系列教學(觀賞影片需安裝微軟的SliverLight)也放了jQuery教學給有興趣想學習的人。Ka-Yue.com在「優秀jQuery插件17個」也提到不少關於jQuery外掛程式與模組的連結,雖然這篇文章是2007年寫的…時間有一點久遠。

星期三, 3月 11, 2009

讓Dreamweaver編寫精簡的CSS語法!

如果你覺得Adobe Dreamweaver編寫的CSS語法太累贅,很可能是因為你沒把預設「Use shorthand for(使用速記法)」的空白核取項目改成「全部核取」!只要到Dreamweaver的Preferences(參數設定)裡,將CSS Styles類別的Use shorthand for欄位所列出的項目一一勾選與核取,按下「OK」!之後Dreamweaver便會自動使用最精簡的CSS語法,盡可能把CSS語法合併在一起,以減少網頁中不必要的程式碼!簡易操作如下:



當然,讓Dreamweaver使用精簡CSS語法的前提是:你至少要對CSS語法有基本的了解與認識!否則你會看不懂這些CSS到底在寫什麼東西!?