關聯(lián)自動切片生成DivCss軟件是一款可以幫助設計師自動切圖的工具,并且能生成標準的兼容性的DIV+CSS,是網(wǎng)頁制作,網(wǎng)頁切片、psd轉網(wǎng)頁、png轉網(wǎng)頁、企業(yè)網(wǎng)站、門戶網(wǎng)站網(wǎng)頁布局開發(fā)、批量做模板的最佳工具。
功能特色:
軟件自動對齊切片,保證切片準確無誤
psd轉網(wǎng)頁、png轉網(wǎng)頁
自動生成divcss
可手工進行細調,靈活多變
可保存設計文檔,以便下次使用
多個批量操作菜單,快速方便
自動升級,功能自動增強
一次注冊,終身服務
支持IE6、IE7、IE8、IE9、火狐、谷歌瀏覽器、360瀏覽器、搜狗高速瀏覽器、傲游瀏覽器、騰訊TT瀏覽器、蘋果瀏覽器、世界之窗瀏覽器等等現(xiàn)在常用的瀏覽器
支持div,ul,li,span這間相互轉換
軟件界面介紹:
菜單區(qū):打開、新建、保存、視圖、工具、幫助等菜單。
工具欄區(qū):打開、新建、保存、文件名、文件類型、生成、導出、層級顯示控制等常用功能。
左邊樹型選擇區(qū):左邊是切片的樹型結構選擇區(qū),可以方便地對切片進行選擇。生成后會刷新。
設計區(qū):導入效果圖,在此進行切片和選擇,有右鍵功能菜單
視圖控制區(qū):有自動對齊開關、透明度、比例設置。
屬性設置區(qū):可以對切片的屬性進行設置。
使用教程:
鍵盤操作:
【Ctrl+A】:全部選中所有切片
【Ctrl+加號】:放大設計區(qū)視圖百分比,有利于細微調整
【Ctrl+減號】:縮小設計區(qū)視圖百分比,有利于切大框架【Ctrl+X】:在設計區(qū)內(nèi)按ctrl+X鍵表示剪切切片(注意,鼠標要在設計區(qū)內(nèi)按)
【Ctrl+O】:打開切片設計文件
【Ctrl+S】:保存切片設計文件
【Ctrl+C】:在設計區(qū)內(nèi)按ctrl+C鍵表示復制切片(注意,鼠標要在設計區(qū)內(nèi)按)
【Ctrl+V】:在設計區(qū)內(nèi)按ctrl+V鍵表示粘貼切片(注意,鼠標要在設計區(qū)內(nèi)按)
【Ctrl+Y】:撤銷操作
【Ctrl+Z】:重復操作
【Ctrl+F】:查找切片
【Shift】:按住Shift鍵同時用鼠標可以選中或者不選中切片
【Delete】:刪除選中切片
【Space】:按住Space空格鍵可以移動整個設計區(qū)便于編輯
【向上鍵】:向上移動選中切片(注意,鼠標要在設計區(qū)內(nèi)按)
【向左鍵】:向左移動選中切片(注意,鼠標要在設計區(qū)內(nèi)按)
【向右鍵】:向右移動選中切片(注意,鼠標要在設計區(qū)內(nèi)按)
【向下鍵】:向下移動選中切片(注意,鼠標要在設計區(qū)內(nèi)按)
【F5鍵】:生成DIV+CSS
鼠標操作:
支持框選、支持單選、支持右鍵
支持切片拖動(默認在鎖定狀態(tài)下,鼠標不能移動,解除鎖定后,可以自由移動選中切片)
支持.gl切片設計文件拖入軟件相當于打開切片設計文件
支持.jpg,.psd,.png,.gif圖片拖入設計區(qū)相當于導入效果圖
右鍵菜單:
【鎖定】:鎖定當前所有選擇切片,鎖定后不能拖動選中切片。
【解除鎖定】:解除所有選擇切片,鎖定后可以拖動選中切片。
【導出切片】:導出所有選擇切片到指定文件夾。
【刪除切片】:刪除所有選擇切片以指定文件夾。
【刷新】:刷新設計區(qū)域。
左邊樹型結構圖右鍵操作:
【刪除】:刪除自己及以下級別的切片(如點110刪除時,將會把110及110下面級別的全部刪除,如圖:
【刷新】:可以刷新左邊樹型結構,有時候左邊和右邊的層級不一定一致,此時您可以刷新或者重新生成一下就可以更新左邊的樹形結構了。
【選中下面所有的】:選中自己及以下級別的所有切片,便于進行一些批量的移動操作和屬性設置操作等。
備注:有些菜單和功能在標準版和豪華版中沒有,以數(shù)據(jù)庫版的為準。
更新日志:
1.增加了自動導出橫向重復背景或縱向重復背景功能。
2.增加了同時導出到多個目錄的功能,適合作CMS系統(tǒng)的模板。
3.自動生成div+css工具數(shù)據(jù)庫版增加了全面支持access\sql server\mysql\oracle\數(shù)據(jù)庫功能。
4.增加了直接生成程序功能,只需要簡單設置,就可以直接生成asp\asp.net\php\jsp的程序,將大大減輕程序員的開發(fā)工作,大大提高開發(fā)效率。
5.可以生成FLASH圖片幻燈切換、JS圖片\背景變化、DIV層的顯示與隱藏、不間斷滾動效果(10幾種不同滾動效果)、下拉菜單等。
6.自動生成div+css工具數(shù)據(jù)庫版新增圖片不變形代碼,導出時自動縮放,不變形。
7.支持生成css sprite功能,可以把小圖片背景合并在一張圖片里,并自動定位,加快網(wǎng)頁打開速度。
8.自動生成div+css工具豪華版、自動生成div+css工具數(shù)據(jù)庫版、自動生成div+css工具dedeCms版可以生成TAB滑動門效果。
9.自動生成div+css工具豪華版、自動生成div+css工具數(shù)據(jù)庫版、自動生成div+css工具dedeCms版可以生成TAB滑動門導航條效果,可以設置一定寬度和不同寬度的,并可以自定義加鏈接。
寬度固定長度的導航條:
不定寬度的導航條:
10.可以生成下拉菜單,自定義鏈接,背景色,文字,鏈接,還可以從數(shù)據(jù)庫里面調
11.數(shù)據(jù)庫版還可以生成滑動門背景切換,同時帶下拉菜單的效果