
ViewDiv
ViewDiv安裝教程

ViewDiv是款高效可視化的網(wǎng)頁布局軟件,支持自動(dòng)創(chuàng)建基本的CSS樣式,一定程度上降低了開發(fā)者的工作難度,具有布局可視化、 CSS 樣式參數(shù)化、代碼生成自動(dòng)化的等特色,所見即所得,支持電腦頁面、移動(dòng)設(shè)備頁面、柵格布局庫等多多種項(xiàng)目模式。
ViewDiv特色
所見即所得
布局可視化
CSS參數(shù)化
代碼生成自動(dòng)化
實(shí)時(shí)著色
多種元素同時(shí)著色
清晰分辨各種元素
可擴(kuò)展工具欄
輕松添加各種模板
鍵應(yīng)用輕松完成
多種項(xiàng)目模式
電腦頁面
移動(dòng)設(shè)備頁面
支持柵格布局庫

ViewDiv安裝教程
1.到本站下載安裝ViewDiv,打開安裝程序,點(diǎn)擊自定義安裝

2.點(diǎn)擊更改目錄選擇軟件安裝位置

3.稍等片刻

4.安裝完成,開始使用吧

ViewDiv使用教程
如何編輯CSS樣式?
1.在文件名稱的右側(cè) 點(diǎn)擊“編”按鈕即可使用快速編輯功能

2.選中CSS內(nèi)容使用文本編輯模式即可彈出CSS編輯窗口

3.在CSS編輯器右鍵,選擇“編輯”,可編輯當(dāng)前位置的CSS類

ViewDiv快捷鍵說明
全局快捷鍵
CTRL+C 復(fù)制選中文字
CTRL+V 粘貼文字
CTRL+F 查找
CTRL+D 下載編輯器選擇的遠(yuǎn)程文件
CTRL+Z 撤銷當(dāng)前元素位置的改變或撤銷當(dāng)前文檔輸入
CTRL+S 保存文件
CTRL+P 創(chuàng)建項(xiàng)目
CTRL+O 打開項(xiàng)目
CTRL+N 新建文件
CTRL+E或雙擊 編輯當(dāng)前元素引用的CSS
選中元素并且鼠標(biāo)在繪圖窗口
S選擇工具
D創(chuàng)建DIV工具
U創(chuàng)建UI工具
L創(chuàng)建LI工具
I創(chuàng)建IMG工具
F1 開啟 / 關(guān)閉 微調(diào)
F2 開啟 / 關(guān)閉 自動(dòng)顯示 BT 模式窗口
F3 開啟 / 關(guān)閉 預(yù)覽著色
F4 開啟 / 關(guān)閉 BT 編輯
F5 修改當(dāng)前引用的 CSS 類名稱
ESC 保存CSS內(nèi)容、參數(shù)面板的參數(shù)設(shè)置
下載地址
-
- 通用安全下載
-
- 移動(dòng)安全下載
-
- 聯(lián)通安全下載
-
- 電信安全下載
-
- 移動(dòng)網(wǎng)絡(luò)下載
-
- 聯(lián)通網(wǎng)絡(luò)下載
-
- 電信網(wǎng)絡(luò)下載
-
- 通用網(wǎng)絡(luò)下載