當前位置: 首頁最新資訊 手機數碼 → Adobe Dreamweaver CS6的擁抱RWD

Adobe Dreamweaver CS6的擁抱RWD

更多

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

  在Dreamweaver CS6的主要變化是流體網格布局模板,使設計師??在可視化的方式建立響應網站,三個不同的視口(臺式機,平板電腦,移動電話)和預覽網站。 還有一個新的CSS轉換面板,提供了一個快速的方式來建立過渡效果,并有提升工作與PhoneGap的和jQuery移動通過移動開發(fā)工具。

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

  創(chuàng)建響應布局

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

  權力告訴我們,他肯定Dreamweaver的反對者將“懷疑面條或專有代碼的使用”,但他們就錯了:“一個普通的div和流體網格布局DIV之間唯一的區(qū)別是,Dreamweaver會自動創(chuàng)建兩個額外的樣式規(guī)則在獨立的媒體查詢布局的div。 事實上,你可以調整的div,他們捕捉到網格使得構建一個簡單的響應布局的一塊蛋糕!

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

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

熱門評論
最新評論
發(fā)表評論 查看所有評論(0)
昵稱:
表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
字數: 0/500 (您的評論需要經過審核才能顯示)