全站文章 iT邦幫忙
iThome Online提供免費電子報,現在就訂,最新IT訊息每日寄達。

iThome 每日新聞報
iThome 產品技術報
加入iThome Online會員,立即使用討論區、Blog等服務。

免費加入會員
登入 / 登出
管理會員帳號
忘記帳號密碼
聯絡客服
訂閱周刊
讀者服務
13' E政府專刊no.7(48)
13' iTcloud No.3(47)
12' E政府專刊no.6(46)
12' 個資法專刊No2(45)
12' iTcloud No.2(44)
12' e政府專刊No.5(43)
12' 個資法專刊(42)
11' CIO專刊(41)
11' e教育專刊No.3 (40)
11' e政府專刊No.4 (39)
11'iTcloud專刊(38)
10' e教育專刊No.2 (37)
10'e政府專刊No.3 (36)
09'e政府專刊No.2 (35)
09'e教育專刊(34)
09'e政府專刊(33)
08'企業資安專刊-端點安全防護(32)
08'企業採購情報誌(31)
07'資訊安全技術應用專刊(30)
07' 新世代資料中心專刊(29)
07'企業資安技術應用專刊(28)
企業採購情報誌'06冬季號(27)
改良CSS編輯方式,簡化網頁樣式調整:網頁設計軟體Adobe Dreamweaver 13.1
文/王紹帆 2014-01-07
分享到facebook
提供圖形化CSS設計工具、即時檢視與反白標示功能,輕鬆建構網頁

產品資訊●建議售價:每月640元/須簽約一年 【註:規格與價格由廠商提供,因時有異動,正確資訊請洽廠商。】●原廠:Adobe 0800-666-536 ●網址:www.adobe.com.tw ●硬體需求:Intel Core 2 Duo處理器、4GB記憶體、10.5GB硬碟空間 ●系統需求:Windows XP/7/8/8.1、Mac OS X 10.7~10.9 ●其他需求:JRE 1.6 ●支援語言:HTML、CSS、JavaScript、PHP

內建即時檢視功能,網頁設計更加直覺化
Dreamweaver CC內建基於WebKit引擎的即時檢視功能,提供與Google Chrome瀏覽器相同的網頁瀏覽效果,可省去在本身工作區與網頁瀏覽器之間反覆切換時間,提升網頁設計效率。


今年初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標準的支援能力。


1 / 2 下一頁

分享到facebook

2014資安趨勢研討會
更多研討會
▼ ADVERTISEMENT ▼
▲ ADVERTISEMENT ▲

電週文化事業版權所有、轉載必究 •Copyright © iThome | 刊登廣告授權服務服務信箱隱私權聲明與會員使用條款關於iThome