当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > PhotoShop分割图片并通过Html组合显示

Photoshop
photoshop 利用素材叠加调出照片怀旧暖色调
Photoshop 一个金属边框的放大镜
Photoshop 人像的暗调金灰色
Photoshop 绚丽的美女插画
Photoshop 偏暗照片处理成光亮的黑白效果
Photoshop 图层样式制作光滑的金属链条
Photoshop 一片滤色卡通树叶
Photoshop 两款常用水晶按钮
Photoshop 超酷的金属立体字
Photoshop 碰撞跳动的文字
Photoshop 照片的时尚绿色调
Photoshop 梦幻的蝴蝶仙子
Photoshop 调整照片个性的黑白效果
Photoshop 照片梦幻淡蓝色
Photoshop 立体透视花纹字
Photoshop 照片颓废金色调
Photoshop 人物照片处理成木偶效果
Photoshop 一款精致的指南针图标
photoshop 利用纹理素材制作逼真的人像雕塑
Photoshop 情人节心形巧克力

Photoshop 中的 PhotoShop分割图片并通过Html组合显示


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-19   浏览: 208 ::
收藏到网摘: n/a

不多说了,直接按下面的步骤进行吧。

PhotoShop分割图片并通过Html组合显示

PhotoShop分割图片并通过Html组合显示

PhotoShop分割图片并通过Html组合显示

PhotoShop分割图片并通过Html组合显示

点击右上角save保存,对话框中选择保存成html。

PhotoShop分割图片并通过Html组合显示

生成的html代码如下所示:

代码如下:

<html>
<head>
<title>Water lilies</title>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Water lilies.jpg) -->
<table id="Table_01" width="800" height="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img src="/upload/tech/20090918/20090919000248_c9e1074f5b3f9fc8ea15d152add07294.gif" width="800" height="120" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="/upload/tech/20090918/20090919000248_bac9162b47c56fc8a4d2a519803d51b3.gif" width="339" height="480" alt=""></td>
<td colspan="2">
<img src="/upload/tech/20090918/20090919000249_0b8aff0438617c055eb55f0ba5d226fa.gif" width="461" height="209" alt=""></td>
</tr>
<tr>
<td>
<img src="/upload/tech/20090918/20090919000249_f74909ace68e51891440e4da0b65a70c.gif" width="311" height="271" alt=""></td>
<td>
<img src="/upload/tech/20090918/20090919000250_37bc2f75bf1bcfe8450a1a41c200364c.gif" width="150" height="271" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>