psd导出切片html 分隔符,PHOTO SHOP里如何能把PSD的自动切成切片?存为HTML格式?

满意答案

erniu831

2013.09.12

采纳率：59% 等级：12

已帮助：10315人

是最终以HTML代码形式存在。

1、创建切片:

切片的类型:图像切片:输出时导出图像及HTML代码。

HTML切片:输出时只导出HTML代码，不导出图像。

切片的命名:手动命名:

自动命名:文件菜单--HTML设置

FW切片预览可直接用F12键。

FW切片的输出方式:直接导出和导出更新方式.

注:要会在当前网页插入FW网页进来排版.(可引用任何FW排版表格,而不同路径自动修正.)

2、HTML设定:

输出表格的三种方式:

1、单一表格:不推荐此方法，比较直观，但不易改动,复杂切片无法正常输出表格.

表现形式:直接输出单一的表格,每个切片就是一个单元格(可能是合并的单元格或拆分的单元格)

2、嵌套表格:推荐此方法，直观且易改动维护。

表现形式:对不整齐的切片尽量以表格嵌套在一个单元格内独立出来,然后再由最大的表格固定起来.

3、1像素透明间隔符:不直观，多生一行一列，过于复杂，但比较稳定。(这是默认选项)

表现形式:在大表格最上面生成一行,最右边生成一列,由间隔图像撑表格来固定版面.

注:在流水线中图像切片里的图像和HTML代码都将被更新,而HTML切片不被更新,所以可以用来自由排版.

注:在DW中编辑FW表格时,不要破坏原表格的结构,只能在HTML切片里面添加元素.否则与FW切片无法匹配,不能形成流水线,会破坏DW的新排版.

3、做切片的原则:

1、尽量简单切片，大块组织，不要太碎。

2、每个切片也不能太大，尽量不超过5K字节大小。

3、做切片要整齐，方便输出表格维护。

00分享举报

psd导出切片html 分隔符,PHOTO SHOP里如何能把PSD的自动切成切片?存为HTML格式?相关推荐

如何去掉photoshop导出网页html时候的分隔符,ps切片分隔符怎么去掉？ps切片有分隔符的解决办法...
网页中使用的图片一般比较小,方便加载,当图片尺寸大,质量高时就需要用到切片工具对图片进行分割.优化等,使得图片在网页中更好应用.但是实际应用中,往往因为分隔符的问题,使得图片出现排版错乱.空隙等问题. ...
Adobe photo shop 裁剪某个图层中图片的大小
Adobe photo shop 裁剪某个图层中图片的大小 1.PS中裁剪,裁的是所有图层上的内容: 2.如果只想才将某一层中的数据,则需要通过选区进行操作, 如下图 3.选区创建完毕后,通过反选 ...
『Photo Shop实用技巧』之去除红眼
『Photo Shop实用技巧』之去除红眼往往夜间拍摄或者使用闪光灯的时候会造成"红眼"的现象,现在给大家一个简单的办法去除红眼此主题相关图片如下: 非常抱歉,我没有&quo ...
mysql select 导出数据加分隔符
mysql select 导出数据加分隔符,方便生成Excel和利用python进行数据处理. mysql> select ID,VERSION,HEADLINE from news limi ...
超级详细教程解决photo shop CS6 初始字体过小问题
前言新手下载photo shop CS6 不久打开软件发现字体异常小,如今已解决问题 ,故在此分享. 具体步骤 ** 一.找到文件所在位置 ** ** 二.右键选择属性-兼容性-修改高DPI缩放行 ...
c 将mysql表数据打印,c 中数据库数据如何导出至excel表格-用sql语句把一个数据库内的表保存成excel表格？？...
如何用JAVA将数据库中的数据导入到excel表格 1.C语言产生ASCII数据文件,使用空格做作为数据分隔符. 2入Excel,选择数据选项卡 / 获部数据工具组 / 自文本按钮 3.进入数据导入框 ...
golang切片slice详解：介绍、内存分析、定义、遍历、切片可以继续切片、切片可以动态增长、切片的拷贝及底层原理
切片的引入 [1]切片(slice)是golang中一种特有的数据类型 [2]数组有特定的用处,但是却有一些呆板(数组长度固定不可变),所以在 Go 语言的代码里并不是特别常见.相对的切片却是随处可见 ...
C#里XML(JSON)序列化时，自动隐藏值为Null的成员的输出
原文:C#里XML(JSON)序列化时,自动隐藏值为Null的成员的输出从StackOverflow里找到的答案.发现对最新的Newtownsoft的JSON序列化也同样适用. https://st ...
python切片操作当所有数据都省略时_python疑难问题---13、Python切片操作
python疑难问题---13.Python切片操作一.总结一句话总结: Python切片操作的核心就是:切片操作的时候先分析step,因为step正负表示方向,再看start_index和end ...
微信里的网址链接域名如何自动跳转到外部浏览器访问源码
功能描述微信里的网址链接域名如何自动跳转到外部浏览器访问参数 Object object 属性类型默认值必填说明最低版本 appId string 是要打开的小程序 appId pat ...

psd导出切片html 分隔符,PHOTO SHOP里如何能把PSD的自动切成切片?存为HTML格式?

psd导出切片html 分隔符,PHOTO SHOP里如何能把PSD的自动切成切片?存为HTML格式?相关推荐

最新文章

热门文章