欢迎来到神秘园PS教程自学网,这里是Photoshop爱好者的乐园![登录][注册]

使用ImageReady切图制作Html网页

2011年11月16日10:20来源:互联网编辑:Dante

第5步:还有一些没有切片的区域,只有把它们变成用户切片,它们才会固定。

 使用ImageReady切图制作Html网页-用户切片-www.garden29.com

第6步:为了防止切出的表格变形,需要在“文件>输出设置>切片”中,作如下设置。

使用ImageReady切图制作Html网页-输出-www.garden29.com

Imageready不能输出嵌套表格(Fireworks可以),这时最好的方法是把一个文档分成几个部分切片。

流程:先把一个文档,从上向下,根据内容切成几部分,输出为“仅限图象”。然后,分别打开这些图片,做必要的切片,输出为“html和图像”。

使用ImageReady切图制作Html网页-输出HTML-www.garden29.com

示例是把一个页面根据内容先切成几部分,几部分都输出为图片, 然后再把这几个图片分别切片。这么做的原因也是为了防止网页变形。

这样在Dreamweaver中,会生成从上到下的几个表格:

<table><tr><td>内容</td></tr></table>
<table><tr><td>内容</td></tr></table>
<table><tr><td>内容</td></tr></table>
<table><tr><td>内容</td></tr></table>    

以上只是做一个例子,并不表示生成的代码一样。

在Dreamwever中,把几个切出的表格,分别复制在网页中就可以了。这样表格之间不会相互影响。注意最好事先把切出的文件,放在站点里,图像放在image文件夹中。 

 

教程由[www.Garden29.com]收集整理
ps教程自学网 ps照片 ps抠图教程 ps鼠绘教程 ps字体 ps技巧 ps入门 ps知识问答
下次找不到怎么办?★一键收藏分享★
更多
设计软件教程
PS网页设计效果图推荐>>