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

Photoshop
Photoshop 美女油光质感肤色
Photoshop 古装美女转手绘效果
photoshop 鼠绘漂亮的金发美女
Photoshop 一枝漂亮的卡通梅花
photoshop 滤镜制作非常漂亮的放射光光束
Photoshop 超酷的游戏字体效果
Photoshop 人像照片加上绚丽彩色背景
Photoshop 照片加上漂亮的卡通装饰
photoshop 鼠绘超酷的卡通人像
Photoshop 人物照片高贵的金色调
Photoshop 偏黄人物照片清爽的绿色调
Photoshop 一张另类的汽车海报
Photoshop 偏暗的影楼照片润色
Photoshop 调出美女照片甜美的淡黄色
photoshop 合成水里玩耍的飞象
Photoshop 漂亮的心形泡泡
photoshop 可爱MM照片梦幻紫色调
Photoshop 逼真的碟子及鸡蛋
photoshop 合成黑夜里神秘的蝙蝠侠
Photoshop 漂亮的霓虹字效果

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


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