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

Photoshop
Photoshop 照片转成水彩画效果
Photoshop 照片的古典深褐色
Photoshop 制作小皮包
Photoshop MM魅力梦幻签名效果
Photoshop 水晶颓废字效果
PhotoShop 打造冷色系效果
PhotoShop 合成奇幻的美女神灯
PS 调色之淡雅效果
Photoshop调色教程 照片个性的青红色
Photoshop 制作梅兰芳电影海报
photoshop 侧光图片的简单调色及美化
photoshop 秋天树叶 三步打造—我们和秋天有个约会
photoshop 鼠绘复仇女插画
Photoshop 一只绿色的蝴蝶精灵美女
Photoshop 还原照片鲜绿色调
PS 鼠绘漂亮的性感模特
Photoshop 调色人物照片的艳丽蓝色调
photoshop 鼠绘 华贵的古典美女
Photoshop 一张水墨艺术海报
Photoshop 调色 人物照片的颓废怀旧色调

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-19   浏览: 240 ::
收藏到网摘: 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>