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

Photoshop
Photoshop 调出人物照片梦幻的粉红色
Photoshop 制作金属边框的蓝色透明按钮
Photoshop 个性的弹簧字效果
Photoshop 修饰室内偏红的人物照片
Photoshop 打造绚丽背景的文字插画
Photoshop 打造墨绿的古典人像效果
photoshop 制作溅起的牛奶字效果
Photoshop 滤镜制作漂亮的彩色漩涡
Photoshop 修复局部严重偏暗的人物照片
photoshop 睫毛的简单制作及美化
photoshop 合成一杯盛有世界地图的咖啡
Photoshop 制作个性的彩色抽丝字效果
Photoshop 调出人物的淡紫彩妆效果
photoshop鼠绘超酷的BJD娃娃
Photoshop 制作一张简洁的情人节贺卡
Photoshop 照片转成繁星闪烁夜景效果
Photoshop 盛有精灵的水晶球
Photoshop 一个新鲜的红辣椒
Photoshop 超酷的金色水晶字效果
photoshop 简单5步调出偏灰照片清晰光亮的色调

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


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