關(guān)聯(lián)自動(dòng)切片生成DivCss軟件

關(guān)聯(lián)自動(dòng)切片生成DivCss軟件是一款可以幫助設(shè)計(jì)師自動(dòng)切圖的工具，并且能生成標(biāo)準(zhǔn)的兼容性的DIV+CSS，是網(wǎng)頁(yè)制作，網(wǎng)頁(yè)切片、psd轉(zhuǎn)網(wǎng)頁(yè)、png轉(zhuǎn)網(wǎng)頁(yè)、企業(yè)網(wǎng)站、門戶網(wǎng)站網(wǎng)頁(yè)布局開(kāi)發(fā)、批量做模板的最佳工具。

功能特色：

軟件自動(dòng)對(duì)齊切片，保證切片準(zhǔn)確無(wú)誤

psd轉(zhuǎn)網(wǎng)頁(yè)、png轉(zhuǎn)網(wǎng)頁(yè)

自動(dòng)生成divcss

可手工進(jìn)行細(xì)調(diào)，靈活多變

可保存設(shè)計(jì)文檔，以便下次使用

多個(gè)批量操作菜單，快速方便

自動(dòng)升級(jí)，功能自動(dòng)增強(qiáng)

一次注冊(cè)，終身服務(wù)

支持IE6、IE7、IE8、IE9、火狐、谷歌瀏覽器、360瀏覽器、搜狗高速瀏覽器、傲游瀏覽器、騰訊TT瀏覽器、蘋果瀏覽器、世界之窗瀏覽器等等現(xiàn)在常用的瀏覽器

支持div,ul,li,span這間相互轉(zhuǎn)換

軟件界面介紹：

菜單區(qū)：打開(kāi)、新建、保存、視圖、工具、幫助等菜單。

工具欄區(qū):打開(kāi)、新建、保存、文件名、文件類型、生成、導(dǎo)出、層級(jí)顯示控制等常用功能。

左邊樹型選擇區(qū)：左邊是切片的樹型結(jié)構(gòu)選擇區(qū)，可以方便地對(duì)切片進(jìn)行選擇。生成后會(huì)刷新。

設(shè)計(jì)區(qū)：導(dǎo)入效果圖，在此進(jìn)行切片和選擇，有右鍵功能菜單

視圖控制區(qū)：有自動(dòng)對(duì)齊開(kāi)關(guān)、透明度、比例設(shè)置。

屬性設(shè)置區(qū)：可以對(duì)切片的屬性進(jìn)行設(shè)置。

使用教程：

鍵盤操作：
【Ctrl+A】：全部選中所有切片 
【Ctrl+加號(hào)】：放大設(shè)計(jì)區(qū)視圖百分比，有利于細(xì)微調(diào)整 
【Ctrl+減號(hào)】：縮小設(shè)計(jì)區(qū)視圖百分比，有利于切大框架【Ctrl+X】：在設(shè)計(jì)區(qū)內(nèi)按ctrl+X鍵表示剪切切片（注意，鼠標(biāo)要在設(shè)計(jì)區(qū)內(nèi)按）
【Ctrl+O】：打開(kāi)切片設(shè)計(jì)文件
【Ctrl+S】：保存切片設(shè)計(jì)文件
【Ctrl+C】：在設(shè)計(jì)區(qū)內(nèi)按ctrl+C鍵表示復(fù)制切片（注意，鼠標(biāo)要在設(shè)計(jì)區(qū)內(nèi)按）
【Ctrl+V】：在設(shè)計(jì)區(qū)內(nèi)按ctrl+V鍵表示粘貼切片（注意，鼠標(biāo)要在設(shè)計(jì)區(qū)內(nèi)按）
【Ctrl+Y】：撤銷操作
【Ctrl+Z】：重復(fù)操作
【Ctrl+F】：查找切片
【Shift】：按住Shift鍵同時(shí)用鼠標(biāo)可以選中或者不選中切片 
【Delete】：刪除選中切片 
【Space】：按住Space空格鍵可以移動(dòng)整個(gè)設(shè)計(jì)區(qū)便于編輯 
【向上鍵】：向上移動(dòng)選中切片（注意，鼠標(biāo)要在設(shè)計(jì)區(qū)內(nèi)按）
【向左鍵】：向左移動(dòng)選中切片（注意，鼠標(biāo)要在設(shè)計(jì)區(qū)內(nèi)按）
【向右鍵】：向右移動(dòng)選中切片（注意，鼠標(biāo)要在設(shè)計(jì)區(qū)內(nèi)按）
【向下鍵】：向下移動(dòng)選中切片（注意，鼠標(biāo)要在設(shè)計(jì)區(qū)內(nèi)按）
【F5鍵】：生成DIV+CSS

鼠標(biāo)操作：
支持框選、支持單選、支持右鍵  
支持切片拖動(dòng)(默認(rèn)在鎖定狀態(tài)下，鼠標(biāo)不能移動(dòng)，解除鎖定后，可以自由移動(dòng)選中切片)  
支持.gl切片設(shè)計(jì)文件拖入軟件相當(dāng)于打開(kāi)切片設(shè)計(jì)文件
支持.jpg,.psd,.png,.gif圖片拖入設(shè)計(jì)區(qū)相當(dāng)于導(dǎo)入效果圖

右鍵菜單：  
【鎖定】：鎖定當(dāng)前所有選擇切片，鎖定后不能拖動(dòng)選中切片。 
【解除鎖定】：解除所有選擇切片，鎖定后可以拖動(dòng)選中切片。  
【導(dǎo)出切片】：導(dǎo)出所有選擇切片到指定文件夾。  
【刪除切片】：刪除所有選擇切片以指定文件夾。  
【刷新】：刷新設(shè)計(jì)區(qū)域。

左邊樹型結(jié)構(gòu)圖右鍵操作：

【刪除】：刪除自己及以下級(jí)別的切片（如點(diǎn)110刪除時(shí)，將會(huì)把110及110下面級(jí)別的全部刪除，如圖：

【刷新】：可以刷新左邊樹型結(jié)構(gòu)，有時(shí)候左邊和右邊的層級(jí)不一定一致，此時(shí)您可以刷新或者重新生成一下就可以更新左邊的樹形結(jié)構(gòu)了。 
【選中下面所有的】：選中自己及以下級(jí)別的所有切片，便于進(jìn)行一些批量的移動(dòng)操作和屬性設(shè)置操作等。 

備注：有些菜單和功能在標(biāo)準(zhǔn)版和豪華版中沒(méi)有，以數(shù)據(jù)庫(kù)版的為準(zhǔn)。

更新日志：

1.增加了自動(dòng)導(dǎo)出橫向重復(fù)背景或縱向重復(fù)背景功能。

2.增加了同時(shí)導(dǎo)出到多個(gè)目錄的功能,適合作CMS系統(tǒng)的模板。

3.自動(dòng)生成div+css工具數(shù)據(jù)庫(kù)版增加了全面支持access\sql server\mysql\oracle\數(shù)據(jù)庫(kù)功能。

4.增加了直接生成程序功能，只需要簡(jiǎn)單設(shè)置，就可以直接生成asp\asp.net\php\jsp的程序，將大大減輕程序員的開(kāi)發(fā)工作，大大提高開(kāi)發(fā)效率。

5.可以生成FLASH圖片幻燈切換、JS圖片\背景變化、DIV層的顯示與隱藏、不間斷滾動(dòng)效果(10幾種不同滾動(dòng)效果)、下拉菜單等。

6.自動(dòng)生成div+css工具數(shù)據(jù)庫(kù)版新增圖片不變形代碼，導(dǎo)出時(shí)自動(dòng)縮放，不變形。

7.支持生成css sprite功能，可以把小圖片背景合并在一張圖片里，并自動(dòng)定位，加快網(wǎng)頁(yè)打開(kāi)速度。

8.自動(dòng)生成div+css工具豪華版、自動(dòng)生成div+css工具數(shù)據(jù)庫(kù)版、自動(dòng)生成div+css工具dedeCms版可以生成TAB滑動(dòng)門效果。

9.自動(dòng)生成div+css工具豪華版、自動(dòng)生成div+css工具數(shù)據(jù)庫(kù)版、自動(dòng)生成div+css工具dedeCms版可以生成TAB滑動(dòng)門導(dǎo)航條效果,可以設(shè)置一定寬度和不同寬度的,并可以自定義加鏈接。

寬度固定長(zhǎng)度的導(dǎo)航條:

不定寬度的導(dǎo)航條:

10.可以生成下拉菜單,自定義鏈接,背景色,文字,鏈接,還可以從數(shù)據(jù)庫(kù)里面調(diào)

11.數(shù)據(jù)庫(kù)版還可以生成滑動(dòng)門背景切換，同時(shí)帶下拉菜單的效果