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

Photoshop
photoshop 帅哥转手绘教程
Photoshop 漂亮的蛋黄字效果
Photoshop 快速调整人物照片暗调青色调
Photoshop 金碧辉煌的大礼堂 调色教程
Photoshop 计算选区打造中性色调性感美女
Photoshop 金属铜色调美女裸体
Photoshop 折叠的个性签名效果
Photoshop 打造高清的阳光吉他手
Photoshop 透明的玻璃桌子图标
Photoshop 流水图片加上奇幻流动的迷雾
Photoshop 逼真的绿色沙发
Photoshop 加强人物脸部的彩妆及质感
Photoshop 简单的光影叠加字
Photoshop 一盏华贵的玻璃壁灯
Photoshop 调出外景照片鲜艳的绿色调
Photoshop打造经典仿欧式电影海报
Photoshop制作漂亮的布艺花卉效果
Photoshop制作唯美炫丽星空字
浪漫情怀 PS制作特效“花儿”文字
Photoshop制作网站首页(4):制作导航菜单

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


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