云南網站建設創(chuàng)新企業(yè) 昆明多彩網絡公司

Adobe Drw CS5試用紀實

來源:天極網軟件頻道 日期:2010-05-10 閱讀: 發(fā)表評論

Adobe Dreamweaver CS5目前已經有試用版了,加入了一些web前端技術支持,比如html5,提供多種瀏覽器預覽效果。

安裝Dreamweaver CS5之后啟動軟件,界面似曾相識。

Adobe Drw CS5試用紀實

新建文檔,發(fā)現DocType中新增的HTML5。

Adobe Drw CS5試用紀實

DW CS5是基于什么瀏覽器內核呢?原來是webKit530。

Adobe Drw CS5試用紀實

Alt+單擊元素,定位樣式非常方便。

Adobe Drw CS5試用紀實

宣傳視頻中,最在意的Adobe BroswerLab。不過2010年才出來,貌似太遲,已經習慣IEtester了,但既然來了還是試試吧。但該功能必須聯網方可使用,局限性太大,有點遺憾,畢竟在中國的網頁設計師要鏈接到國外站點去測試網頁不太現實,網速是一個很大的障礙。

首先要定義一個站點,不同以往DW,這里可以直接選擇一個文件夾。

Adobe Drw CS5試用紀實

只要一步,偽站點就出來了。.

Adobe Drw CS5試用紀實

打開“站點”里某個HTML文檔,然后點擊標題欄右上方的CS Live,并選擇Preview in BrowserLab。

Adobe Drw CS5試用紀實

需要注意的是,可能會提示你輸入帳號,沒有可以去注冊一個,這又是一個不人性化,頭疼的地方,為啥要注冊呢,多余的麻煩,看來ADOBE也想要搞“云”。

Adobe Drw CS5試用紀實

也有可能彈出這個對話框,直接登錄即可。

Adobe Drw CS5試用紀實

之后DW會自動啟動瀏覽器,并加載測試結果頁,界面是Flash做的。

Adobe Drw CS5試用紀實

測試一下經典的雙倍浮動Bug。

Adobe Drw CS5試用紀實

服務器傳回來的是圖片,可以點右鍵 Save Locally保存。

如果是個完美主義者,則可以點擊Onion Skin,測試結果會重疊在一起,通過調節(jié)透明度,即可清晰的看見每1px的問題。

Adobe Drw CS5試用紀實

點擊頂部的Browser Sets,即可添加或者刪除測試目標瀏覽器:我選擇了IE6、7、8、FF3。

Adobe Drw CS5試用紀實

BrowserLab和DW是心有靈犀的,各自做的更改,對方都能察覺。比如測試瀏覽器列表是IE6、7,我新增加FF3.0 for MaxOS,那么下一次測試的時候,DW的提示信息就會多一個出來。(0 of 2)變成(0 of 3)。

另外,DW少了一些很讓人期盼的功能,比如加強對php腳本語言的語法提示功能,在DW5還是沒有發(fā)現,不知道國外或者收費的dw插件有沒有實現此功能?

發(fā)表評論評論列表(有 條評論)

相關文章:
暫無相關文章
最熱文章:
新手怎么制作網頁? 閱讀:7660
jcarousellite中文文檔 閱讀:6507
表單元素input、按鈕、文字完美垂 閱讀:6247
怎么使chrome(谷歌google 閱讀:6145
phpMailer中文文檔手冊 閱讀:4639