首頁
手機版
您的位置:綠點軟件站 > 電腦軟件 > 網絡工具 > 網頁制作 > ViewDiv網頁制作軟件

ViewDiv網頁制作軟件ViewDiv網頁制作軟件v1.1官方版

軟件大小:50.1 MB

軟件語言:簡體中文

用戶評分:

軟件類型:國產軟件

授權方式:免費版

軟件官網:www.wimgsr.live

更新時間:2019-09-29

軟件分類:網頁制作

運行環境:winxp/win7/win8/win10/

平臺檢測 無插件 360通過 騰訊通過 金山通過 瑞星通過
網頁制作
ViewDiv網頁制作軟件

ViewDiv網頁制作軟件是一款高效的可視化網頁布局軟件,軟件具有所見即所得、代碼生成自動化、多種元素同時著色等特色功能,用戶通過鼠標選擇各種工具在畫布上畫出元素,可自動創建基本的CSS 樣式,可非常快捷創建網頁布局,支持給元素添加超鏈接,擁有編輯器代碼放大編輯功能,程序默認每5分鐘做一次自動備份,可隨時使用自動備份恢復功能。

ViewDiv網頁制作軟件

ViewDiv基本簡介

ViewDiv 是一款可視化的網頁布局軟件,軟件具有布局可視化、 CSS 樣式參數化、代碼生成自動化的特點,通過鼠標選擇各種工具在畫布上畫出元素,可自動創建基本的 CSS 樣式,可非常快速的完成對網頁的布局創建。其組件可模塊化添加,輸出的網頁支持移動設備,兼容多種屏幕尺寸,極大的提升了開發者的工作效率,同時顯著降低了網頁布局的難度。

ViewDiv軟件特色

所見即所得

布局可視化

CSS參數化

代碼生成自動化

實時著色

多種元素同時著色

清晰分辨各種元素

可擴展工具欄

輕松添加各種模板

一鍵應用輕松完成

多種項目模式

電腦頁面

移動設備頁面

支持柵格布局庫

ViewDiv網頁制作軟件使用教程

ViewDiv 是一款可視化的網頁布局軟件,軟件具有布局可視化、 CSS 樣式參數化、代碼生成自動化的特點,通過鼠標選擇各種工具在畫布上畫出元素,可自動創建基本的 CSS 樣式,可非常快速的完成對網頁的布局創建。其組件可模塊化添加,輸出的網頁支持移動設備,兼容多種屏幕尺寸,極大的提升了開發者的工作效率,同時顯著降低了網頁布局的難度。

1、窗口介紹

1.1、工具欄

工具欄提供了創建各種元素的基本工具。并且工具欄可進行增加、修改、刪除、創建新分組等操作,可通過組件中心動態添加模塊化組件。添加方式“設置”菜單 --> “添加組件”功能。

1.2、菜單欄

菜單欄提供了具體功能的使用入口。

1.3、信息欄

信息欄用于顯示當前選中元素以及項目的基本信息

1.4、布局窗口

布局窗口為程序的核心窗口,元素布局的繪制都在此工作區域內完成,通過在工具欄選擇所要創建元素的類型,在繪圖窗口繪制元素的寬高和顯示的位置,預覽窗口時時顯示繪制的內容。

1.5、預覽窗口

預覽窗口可分為 HTML 效果預覽、HTML 代碼預覽、 CSS 代碼預覽

1.6、快捷操作欄

顯示正在編輯的CSS 類名和常用的快捷功能

“微調工具(快捷鍵 F1 )”、“自動創建 CSS (快捷鍵 F2 )”、“著色開關(快捷鍵 F3 )”

1.7、瀏覽面板

左側區域顯示當前項目的文件目錄  右側顯示當前項目的布局結構

1.8、屬性設置面板

設置元素的坐標位置、超鏈接設置、HTML元素屬性、注釋設置

1.9、CSS 樣式面板

CSS 樣式的創建、刪除、修改、查看、引用、注釋、快速編輯都通過此面板操作。

2.0、內容設置面板

設置選中元素的內容與CSS樣式模板,任何類型的自定義內容均通過此添加。  

(注意!在編輯器內添加JS腳本時,請勿使用 "//注釋內容" 格式的注釋,請使用 "/*注釋內容*/" 格式的JS注釋)

2.1、TAB 設置面板

設置TAB 元素的模板與 CSS 樣式、標簽數量、寬度、高度、等參數。

2.2、標簽設置面板

設置元素內使用的標簽,如CMS 的模板標簽語句 此處內容不參與 HTML 的渲染顯示,僅在保存輸出標簽時保存到文件。

(注意!在編輯器內添加JS腳本時,請勿使用 "//注釋內容" 格式的注釋,請使用 "/*注釋內容*/" 格式的JS注釋)

2.3、編輯面板 

編輯窗口可編輯HTML 文件的 head 區域內容與底部內容,  

如在頁面頂部引用一個新CSS 文件,在底部插入一個 JS 內容,都通過此面板操作。  

(注意!在編輯器內添加JS腳本時,請勿使用 "//注釋內容" 格式的注釋,請使用 "/*注釋內容*/" 格式的JS注釋)

2.4、搜索面板

通過查找窗口進行全局內容搜索的結果顯示在此面板中

2 、創建項目

2.1、默認模式:

創建窗口啟動時的默認創建模式 ,常用于創建電腦上顯示的網頁,CSS單位px。

2.2、彈性布局:

選中彈性布局 ,在此模式下創建的網頁可兼容多種移動設備的屏幕尺寸,CSS單位必需使用rem,在設置CSS單位時可以在輸入px值,按下回車將會轉換為rem,如在CSS設置面板,設置字號大小,輸入16,按下回車鍵,將會自動轉換為0.16,在此模式下自定義CSS樣式也需要遵循此轉換公式 100px=1rem。

    

2.3、在創建項目窗口中可選添加設計圖,也可以創建完后通過“設置”菜單 “項目管理”進行修改。

2.4、選中“創建基類”將會為新創建的 CSS 添加基本的 CSS 設置。

2.5、在有設計圖的情況下,畫布尺寸跟隨設計圖的尺寸,反之則可自定義尺寸,文件編碼支持UTF-8 和 GBK 。

3 、創建元素

3.1、項目創建完成后即可在畫布上創建所需要的元素,如選中“區塊 div 工具”在畫布上畫出需要的尺寸,整個的創建流程如同書寫 HTML 代碼相同。

布局順序:從左到右,從外到內的布局方式。

4 、工具欄

4.1、 選擇工具、可在選中元素后對元素進行移動、改變大小等操作,也可結合對齊工具對元素進行上下左右寬高的對齊操作,按鍵盤S 鍵、或菜單右鍵,可快速切換至此工具。對元素的屬性設置都要遵循先選中后操作的順序。

4.2、 對齊工具、可對操作的元素進行“頂部對齊” “底部對齊” “左邊對齊” “右邊對齊” “寬度相同” “高度相同” “寬高相同” 的對齊操作。

使用方法,按住鍵盤CTRL鍵,并使用 “選擇工具”先中第一個元素,然后在選中第二個要對齊的元素,在選擇工具欄的 對齊工具,此時第二個元素將和第一個元素對齊。選擇更多元素也是同樣操作,第一個選中的為對齊的參照物,后續選中的元素都將和第一個對齊。

4.3、 批量創建、可同時創建多個子元素,支持橫排、豎排、平均、比例等方式創建,如選中“創建樣式”選項則會為每個創建出來的子元素添加一個CSS樣式,控制其位置和尺寸。反之則不創建。

4.4、 放大/縮小工具,可實現對畫布的縮小與放大,快捷鍵 Z 可在放大與縮小之間切換。

4.5、 創建tab工具,可以在畫布上創建多頁面的TAB集合,從而很方便的創建HTML多頁面滑動門效果。結合底部的Tab工具面板,可以很方便的設置Tab標簽的數量、寬度、高度、設計圖等信息,通過設置Tab的模板可以做出更多效果。

4.6、 選中tab元素在底部tab面板點擊“設置”,在窗口中即可為每個tab頁添加設計圖。

點擊“模板”可為tab選擇模板。

ViewDiv網頁制作軟件常見問題

1.軟件登陸失敗的原因?

綁定設備的硬件發生變化,如插入U盤會導致硬件ID發生變化,從而登陸失敗!

登陸設備的時間不正確

登陸賬戶被鎖定。

賬戶授權日期到期

2.軟件使用賬號能否在多臺電腦上登陸?

不可以。

3.能否更改軟件綁定的電腦?

不可以。

4.軟件可以在XP上用嗎?

目前的版本未對XP進行優化適配,如果您確定有需要可以聯系客服。

5.軟件可以在無網絡的電腦上使用嗎?

不可以,因為軟件登陸需要服務器進行授權。

6.購買軟件后是否可以退款?

ViewDiv有免費的試用版本,購買前請試用,購買后不能退款。

7.插入U盤后軟件不能打開了怎么辦?

由于軟件的驗證機制,插入新的硬件時會導致硬件ID與服務器綁定的ID不一致,所以會出現服務器驗證失敗,軟件打不開的問題。移除U盤重新打開即可。

8.有時候軟件自動退出了,什么原因?

如果賬戶被鎖定、賬戶到期、授權驗證失敗,程序會自動退出,并不會有信息提示,重新打開即可。

ViewDiv網頁制作軟件更新日志

1.1更新說明

.修復參考線刪除時崩潰bug

.優化懸浮工具顯示邏輯

.優化程序大小減少了20%!

.修復其它崩潰bug

精品軟件

下載地址

  • PC版
下載錯誤?【投訴報錯】

ViewDiv網頁制作軟件v1.1官方版

高速下載

    大家都喜歡

    用戶評論

    (已有條評論)

    友情鏈接

    返回頂部
    返回頂部
    北京时时彩3分钟开奖