Adobe Dreamweaver CS6的擁抱RWD

2012/4/28 0:04:35  出處：本站原創(chuàng)   人氣：677次    字號(hào)：小  中  大

　　現(xiàn)在每一次，在網(wǎng)上進(jìn)入進(jìn)化過載，并迅速工作的一種全新的方式使現(xiàn)有的技術(shù)看起來過時(shí)的。對(duì)于應(yīng)用程序的升級(jí)周期長，這可以挑戰(zhàn)，但作為在創(chuàng)意Bloq注意到dreamweaver中CS6的審查 ，Adobe已經(jīng)在擁抱現(xiàn)代設(shè)計(jì)技術(shù)與流行的Web開發(fā)工具的最新版本的好刺。

　　在Dreamweaver CS6的主要變化是流體網(wǎng)格布局模板，使設(shè)計(jì)師??在可視化的方式建立響應(yīng)網(wǎng)站，三個(gè)不同的視口（臺(tái)式機(jī)，平板電腦，移動(dòng)電話）和預(yù)覽網(wǎng)站。 還有一個(gè)新的CSS轉(zhuǎn)換面板，提供了一個(gè)快速的方式來建立過渡效果，并有提升工作與PhoneGap的和jQuery移動(dòng)通過移動(dòng)開發(fā)工具。

　　網(wǎng)頁設(shè)計(jì)師 Stuart 龍告訴記者。網(wǎng)的更新將使創(chuàng)建網(wǎng)站的人一個(gè)更好，更快的響應(yīng)，他們正在與有關(guān)的代碼，并與預(yù)先設(shè)定的大小流體模板，將“給你一個(gè)更準(zhǔn)確的添加速度以及得到所有設(shè)備的大小，而不是設(shè)置這些手動(dòng)自己“的手段。 他補(bǔ)充說，CSS過渡面板是值得歡迎的：“它看起來像一個(gè)很好的工作在這個(gè)級(jí)別的編碼工具。 寫了一個(gè)過渡頁的情侶，這是瀏覽器和預(yù)覽之間的交換，所以經(jīng)常疼痛，所以它更容易保持在一個(gè)地方。“

　　創(chuàng)建響應(yīng)布局

　　作者大衛(wèi)·鮑爾斯 ，Dreamweaver的書籍的作家，也熱情有關(guān)的新的流體網(wǎng)格布局“它是由伊桑Marcotte的”響應(yīng)的Web設(shè)計(jì)“的啟發(fā)，但而伊森不斷拉了他的計(jì)算器制訂的百分比寬度和利潤率頁面元素時(shí)，Dreamweaver會(huì)自動(dòng)為您。 所有你需要做的是添加流體網(wǎng)格布局div到頁面，你可以拖動(dòng)調(diào)整它的大小和它捕捉到網(wǎng)格。“

　　權(quán)力告訴我們，他肯定Dreamweaver的反對(duì)者將“懷疑面條或?qū)Ｓ写�碼的使用”，但他們就錯(cuò)了：“一個(gè)普通的div和流體網(wǎng)格布局DIV之間唯一的區(qū)別是，Dreamweaver會(huì)自動(dòng)創(chuàng)建兩個(gè)額外的樣式規(guī)則在獨(dú)立的媒體查詢布局的div。 事實(shí)上，你可以調(diào)整的div，他們捕捉到網(wǎng)格使得構(gòu)建一個(gè)簡單的響應(yīng)布局的一塊蛋糕。“

　　然而，有一些新功能的缺點(diǎn)，說的權(quán)力，特別是其處理傳媒查詢，這是所有在一個(gè)單一的樣式表。 他告訴我們，這使得它很難確定整個(gè)Dreamweaver的自己的CSS樣式“面板中哪些規(guī)則編輯一個(gè)特定的布局。 他補(bǔ)充說，樣式規(guī)則還詳細(xì) - “每個(gè)人都有聲明顯示，浮法，清晰，寬度，即使保證金左物業(yè)，值繼承。” - 你不能捕捉任何HTML元素電網(wǎng)欄的div，這是艱難的嵌套元素，使桌面更復(fù)雜的布局。

　　盡管存在這些問題，權(quán)力主張;已取得1偉大的開始：“。它是簡單而直觀的使用，和它創(chuàng)建使用僅符合標(biāo)準(zhǔn)的代碼響應(yīng)布局”，并在Adobe他的接觸已經(jīng)說的新創(chuàng)意云訂閱模型應(yīng)該讓更多的頻繁的更新，可以看到在今年年底前的流體網(wǎng)格布局增強(qiáng)。