關(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í)顯示控制等常用功能。
左邊樹(shù)型選擇區(qū):左邊是切片的樹(shù)型結(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ū)域。
左邊樹(shù)型結(jié)構(gòu)圖右鍵操作:
【刪除】:刪除自己及以下級(jí)別的切片(如點(diǎn)110刪除時(shí),將會(huì)把110及110下面級(jí)別的全部刪除,如圖:
【刷新】:可以刷新左邊樹(shù)型結(jié)構(gòu),有時(shí)候左邊和右邊的層級(jí)不一定一致,此時(shí)您可以刷新或者重新生成一下就可以更新左邊的樹(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í)帶下拉菜單的效果