|
PS前端架構(gòu)輔助v2.0.1版2007-11-14發(fā)布，歡迎各位前端架構(gòu)師下載試用，歡迎反饋使用建議。
推出目的，可以快速生成HTML代碼和CSS樣式－－選中一個選區(qū)，按下F2，代碼立即生成圖片也立即保存好了
相信Photoshop是“凡是稱得上電腦高手”的人都會的圖片處理軟件，鴿子也特別喜歡畫畫（設(shè)計），這個軟件也用得特溜，閉著眼都可以玩了。呵，于是也就想到為Photoshop增加新功能。記得去年工作的時候擴展了CorelDraw，發(fā)現(xiàn)功能還真實用。
升級日志：
升級時間2007-11-14，主要升級特性：
增加導出背景重復設(shè)置；
- 增加了（為減少請求次數(shù)）而使用一張圖來切割生成各種小圖標的CSS快捷方式；
- 增加了是否導出當前邊框設(shè)置的復選框；
- 優(yōu)化了UI界面；
注：安裝或使用過程中遇到了問題，請向我發(fā)郵件，我的伊妹兒/MSN/QQ都是：www[at]xiaogezi.cn。
運行環(huán)境：
- Windows Vista，Windows XP sp2，Mac Os,
- Photoshop cs3+ (注意一定要是這個版本的,低于這個版本的運行報錯),
- IE 6.0+;
效果如圖：
最新版下載地址：xExportv2.0.1.rar
安裝方法：
把解壓的：xExportv2.0.1.jsx 拷貝到 C:\Program Files\Adobe\Photoshop CS3\Presets\Scripts, 打開Photoshop CS3，“窗口”-> “動作”-> 打開“動作面板”，新建動作，設(shè)置快捷鍵為F2。在面板選項里選擇“選擇菜單項” -> “文件” -> “腳本” -> “xExportv2.0.1.jsx” (如果腳本列表里面沒有，請選擇“瀏覽”來選擇)。
使用方法：
使用框選工具，選擇要導出圖片的部分，設(shè)置要保存圖片的位置（默認是D：\），按下F2，輕松設(shè)置即可生成符合W3C標準的HTML代碼，圖片也保存好了。
操作案例：
http://www.esieo.com/demo/ 這個網(wǎng)頁的HTML文檔的代碼就是精彩案例。
#target photoshop
app.bringToFront();
$.localize = true;
/*
程式名：擴展Photoshop之導出選區(qū)到圖片并生成DIV+CSS(xhtml)代碼；
Code By Linr Chen,My website http://www.nihaoku.cn/ http://www.xiaogezi.cn/
JavaScript File Name:xExport.jsx
*/
if (app.documents.length == 0)
{
var docRef = app.documents.add();
}
else
{
var docRef = app.activeDocument;
var obj = docRef.selection;
}
var okBtn = "確定";
var cleBtn = "取消";
var strTitle=" 圖片到源代碼 Image to HTML - Linr Studio";
var strButtonBrowse = localize("$$$/JavaScripts/ExportLayersToFiles/Browse=&Browse...");
var dlg;
/* 創(chuàng)建Win form 窗體 */
function createDlg(css,htm)
{
dlg = new Window("dialog",strTitle,[200,250,630,560],undefined);
dlg.orientation = 'column';
dlg.alignChildren = 'left';
dlg.toHTMLIDlbl = dlg.add( 'statictext', [10,12,55,30], 'DIV ID：', '');
dlg.toHTMLID = dlg.add( 'edittext', [56,10,220,30], '', {multiline:false, readonly:false} );
dlg.toHTMLbtn = dlg.add("button",[222,8,320,32],"生成DHTML...");
....
代碼過長故省略，可以通過下載附件來查看
經(jīng)典論壇討論：
http://bbs.blueidea.com/thread-2809015-1-1.html
本文鏈接：http://www.95time.cn/tech/web/2007/5070.asp 
出處：藍色理想
責任編輯：moby
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。
|
