Adobe推出Creative Cloud軟體訂閱服務時,Dreamweaver這套網頁設計軟體也包含在內,用戶可以透過按月付費下載安裝並更新,之後該產品推出更新版13.1,新增了多項功能,像是雲端同步處理、增強CSS設計工具、檢色器、即時檢視與反白標示,以及PHP 5.4支援等。以上述的雲端功能應用強化機制來說,Dreamweaver軟體的租戶除了可在不同電腦登入該項服務(個人帳號可跨2臺電腦使用),還能夠將偏好設定、網站定義、自定工作區和鍵盤快速鍵等個人設定,同步多台電腦。
開發網頁應用時,之所以會用到一些強調所見及所得(WYSIWYG)的軟體,就是希望馬上能看到網頁設計後所呈現的效果,Dreamweaver原本就是以此為訴求的產品,但令人期待的是,Adobe在這套軟體的最新版中,終於提供了網頁即時檢視功能。具備這項特色其實對網頁設計軟體來說,頗為重要。
早期Dreamweaver及網頁設計軟體只有簡單的非即時預覽功能,我們必須按下工具鈕,才能在新視窗看見網頁預覽內容,當網頁原始碼修改後,還必須點選重新整理,才能看見修改後內容,設計時並不方便;在新版Dreamweaver的工作區中,我們可以將切換到即時檢視,來即時預覽網頁內容,當網頁原始碼進行修改後,即時檢視視窗的網頁內容也會即時變更,如此可減少我們在網頁瀏覽器和預覽視窗之間重複切換畫面的時間,提升網頁設計的效率。之所以有這項新的功能,主要是因為Dreamweaver 13.1的改版,特別整合了Chromium Embedded Framework,而且,這套開放原始碼框架是以Google Chromium專案為基礎,當Dreamweaver利用它來提供即時預覽功能時,由於該框架是架構在WebKit的網頁呈現引擎之上,因此,這樣即時檢視的網頁顯示效果,和開啟Google Chrome去檢視是相同的,而且也一樣具有HTML5標準的支援能力。
自從Dreamweaver推出CS 5.5版後,Adobe已經開始在其中整合PhoneGap的框架,到了最新版,仍保有該功能,使得我們將現有網頁應用程式,輕易地轉換為行動裝置應用程式。事實上,PhoneGap是一套知名的行動應用開發框架,它讓開發者用HTML、CSS和JavaScript,即可跨不同行動平臺來建立原生應用程式。
以往我們的HTML網頁應用若要執行在行動裝置上,只能透過這些裝置的瀏覽器來執行,無法直接轉換成原生應用程式,而透過整合PhoneGap的Dreamweaver軟體,我們可以設計好的網站,快速打包成iOS或Android等平臺的原生應用程式,同時,上述工作只需透過滑鼠點擊,就能完成所有步驟。
新聞探討