频道直达 - 学院 - 下载 - 交易 - 特效 - 字库 - 手册 -排名-工具- 繁體
网页教学网站开发 设为首页
加入收藏
联系我们
建站搜索: 常用广告代码   用户注册 | 用户登陆
您当前的位置:中国建站之家 -> 网站开发设计技术教程 -> JavaScript教程 -> JS扩展Photoshop新功能

JS扩展Photoshop新功能

作者:vickeychen  来源:蓝色理想  发布时间:2007-11-20 7:42:18  发布人:圈圈

减小字体 增大字体

PS前端架构辅助v2.0.1版2007-11-14发布,欢迎各位前端架构师下载试用,欢迎反馈使用建议。


推出目的,可以快速生成HTML代码和CSS样式--选中一个选区,按下F2,代码立即生成图片也立即保存好了


相信Photoshop是“凡是称得上电脑高手”的人都会的图片处理软件,鸽子也特别喜欢画画(设计),这个软件也用得特溜,闭着眼都可以玩了。呵,于是也就想到为Photoshop增加新功能。记得去年工作的时候扩展了CorelDraw,发现功能还真实用。

升级日志:

升级时间2007-11-14,主要升级特性:

增加导出背景重复设置;


增加了(为减少请求次数)而使用一张图来切割生成各种小图标的CSS快捷方式;
增加了是否导出当前边框设置的复选框;
优化了UI界面;
 注:安装或使用过程中遇到了问题,请向我发邮件,我的伊妹儿/MSN/QQ都是:www[at]xiaogezi.cn。

运行环境:

Windows Vista,Windows XP sp2,Mac Os,
Photoshop cs3+ (注意一定要是这个版本的,低于这个版本的运行报错),
IE 6.0+;
效果如图:

安装方法:

http://www.blueidea.com/articleimg/2007/11/5070/xExportv2.0.1.rar

把解压的:xExportv2.0.1.jsx 拷贝到 C:\Program Files\Adobe\Photoshop CS3\Presets\Scripts, 打开Photoshop CS3,“窗口”-> “动作”-> 打开“动作面板”,新建动作,设置快捷键为F2。在面板选项里选择“选择菜单项” -> “文件” -> “脚本” -> “xExportv2.0.1.jsx” (如果脚本列表里面没有,请选择“浏览”来选择)。

使用方法:

 

使用框选工具,选择要导出图片的部分,设置要保存图片的位置(默认是D:\),按下F2,轻松设置即可生成符合W3C标准的HTML代码,图片也保存好了。

操作案例:
http://www.esieo.com/demo/ 这个网页的HTML文档的代码就是精彩案例。


#target photoshop
app.bringToFront();
$.localize = true;
/*
      程式名:扩展Photoshop之导出选区到图片并生成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;
/* 创建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...");
....
 


将本文收藏到QQ书签与更多好友分享
[打 印]
[] [返回上一页] [收 藏]
上一篇文章:通过实例学习AS3.0
下一篇文章:Unobtrusive的Web开发
∷相关文章评论∷    (评论内容只代表网友观点,与本站立场无关!) [更多评论...]
精彩推荐
热门文章
· 注册码大全二
· 注册码大全四
· 注册码大全一
· 要10G免费网络硬盘的请进..
· 通过google 赶快来赚美金..
· 注册码大全十
· 头像-qq头像(qq新头像)4..
· 让你轻松架设FTP服务器1..
· 注册码大全三
· 梦幻背景图片7
· 卡通动物图片6
· 网页制作素材-按钮素材2..
· 让你轻松架设FTP服务器5..
· 风景图片8
· 注册码大全九
· 让你轻松架设FTP服务器2..
关注此文读者还看过
· Xhtml第11天:如何制作不..
· Jdbc连Sybase数据库的几..
· 用WebEasyMail架构Web邮..
· JSP页面自动生成html页面..
· js的颜色间隔
· ASP.NET中数据库的操作初..
· ps鼠绘写实牛仔裤1
· 提高IIS网站服务器效率八..
· XML轻松学习手册(2)XM..
· 存储过程编写经验和优化..
· HTML中小meta的大作用
· 网页制作常用特殊符号收..
· Flash MX常用快捷键一览..
· ASP快速开发方法之数据操..
· 汉字转拼音
· 搜索引擎优化取得成功的..
相关文章
关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 人才招聘
网站合作、内容监督、商务咨询:QQ: 9576619
Copyright ? 2005--2008 中国建站之家版权所有
粤ICP备05092265号